@charset "UTF-8";

.hr-line {border-top:1px solid #CCC; height:1px; width:auto; margin-top:10px; padding-bottom:10px;}

h1 {font-size:1.9em; font-weight:bold; line-height:1.4em;}
h2 {font-size:1.6em; font-weight:bold;line-height:1.2em;}
h3 {font-size:1.4em; font-weight:bold;}
h4 {font-size:1.2em; font-weight:bold;}
h5 {font-size:1.1em; font-weight:bold;}
h6 {font-size:1em; font-weight:bold;}

p, li {background: url('');} 

.underline{ text-decoration:underline;}

.superscript { position: relative; top: -0.5em; font-size: 80%; }

.header2 {font-size:1.6em; font-weight:bold;}
.header3 {font-size:1.4em; font-weight:bold;}
.header4 {font-size:1.2em; font-weight:bold;}
.header5 {font-size:1.1em; font-weight:bold;}
.header6 {font-size:1em; font-weight:bold;}

.hcolor1{color:#903f98;}
.hcolor2{color:#F60;}
.hcolor3{color:#009cd0;}

.remark{font-size:0.9em; line-height:1.2em; color:#666;}



.pointform-style-abc{list-style-type:lower-alpha; margin-left:26px; _margin-left:24px; *margin-left:24px;}
.pointform-style-abc-2{list-style-type:lower-alpha; font-size: 0.9em; line-height: 1.2em; color: #666; list-style-type: lower-alpha; margin-left: 20px; _margin-left:24px; *margin-left:24px;}


.source { font-style:italic; font-size:0.9em; color:#666;}

/*INDEX PAGE content*/

.content{ padding-left:14px; /*height:460px;*/ padding-bottom:64px; line-height:1.7em;}

.rewrite-index{ padding-bottom:250px; }

.content a{ color:#F60;text-decoration:none;}
.content a:hover{ color:#F60; text-decoration:underline;}
.content a:visited{ color:#F60; text-decoration:none;}

.content-title{ padding-bottom:36px;}

.content-inner{ width:548px;}

.content-right-mod{ width:180px; background: url('../image/background/right_mod_bg.gif'); height:54em;}

.content-right-mod-inside{ width:180px; }

.head-img {width: 120px; font-size:1em; color:#666666; border-right:#999 1px solid; line-height:1.4em;}

.head-img img{padding-bottom:6px;}

.inner{ width:380px; font-size:1em; padding-left:20px; }

.vid-des{width:160px;background-color:#963f93; padding:10px; color:#fff; line-height:1.4em;}

.content-right-mod .vid-des a, .content-right-mod  .vid-des a:visited{color:#fff; text-decoration:none;}
.content-right-mod .vid-des a:hover, .content-right-mod .vid-des a:visited:hover{color:#fff; text-decoration:underline;}


.img-des{width:160px; border-left:1px solid #CCC;margin-top:6px; padding-left:10px; color:#666; line-height:1.4em; font-size:0.9em; font-style:italic;}

.vid-img{height:100px;}

.banner-ad{width:540px; margin-top:30px;padding-top:10px; border-top:#CCC 1px solid;}

.banner-ad img{padding-top:12px; padding-right:12px;}

/* INSIDE PAGE */

.content-inner-inside { width:480px;padding-right:40px;padding-bottom:20px;}

.content-inner-inside-2 { width:480px;padding-right:40px;padding-bottom:20px; min-height:400px; _height:400px !important;}

.content-inner-inside-fulltxt { width:718px;padding-right:10px;padding-bottom:20px; min-height:400px; _height:400px !important;}

.opening-hours-table {width:480px;}

.yrfilter {
	width:680px; 
	background-color:#eee6ef; 
	padding:10px; 
	border-radius: 9px 5px 0px 0px; 
	-moz-border-radius: 9px 5px 0px 0px; 
	-webkit-border-radius: 9px 5px 0px 0px; 
	height:24px;
	/*font-size:1.2em;
	font-weight:bold;*/
	}

.yrfilter label {
font-size: 0.9em;
}
	
	
.downloadlink {padding-bottom:26px; line-height:1.4em;}

.downloadlink img{margin-top:-4px; padding-left:8px;}

.tablist{
	width:700px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
}

.tablist-date{
	width:160px;
	height:auto;
	padding-left:10px;
}

.tablist-subject{
	width:500px;
	height:auto;
}

.tablist-head{
	width:700px;
	padding-bottom:10px;
	border-bottom:1px solid #CCC;
	padding-top:10px;
	background-color:#F6F6F6;
}




/* Special Table Cell

#ul-table li  { 
display:block;
line-height:3em;

}

#ul-table {
padding:0;
list-style-type:none;
clear:both;
padding-left:4px;
}
#ul-table li {
float:left;
} 

#ul-table li.feild1{
width: 160px;
text-align: left; 
border-bottom:1px solid #CCC;
} 

#ul-table li.feild2 {

width: 540px;
text-align: left; 
border-bottom:1px solid #CCC;
} 

#ul-table li.feild3 {

width: 700px;
text-align: left; 

} 

#ul-table li.feild4 {
border-bottom:none;
width: 360px;
text-align: left; 

} 

*/

.point li{
	list-style-type: none;
	background: url('../image/point.gif') 0 14px no-repeat;
	padding-left: 20px;
	line-height:3em;
}

.point p{
	padding-top:10px;
	line-height:1.6em;	
	padding-bottom:10px;
}

.point2 li{
	list-style-type: none;
	background: url('../image/point-square.gif') 0 14px no-repeat;
	padding-left: 20px;
	/*padding-bottom: 10px;*/
	
	
}

.point3 li
	{font-size:0.9em; line-height:1.2em; color:#666;list-style-type:lower-alpha;margin-left:20px;}



.point4 li{
	list-style-type: none;
	background: url('../image/point.gif') 0 6px no-repeat;
	padding-left: 20px;
	padding-bottom: 20px;

}

.point5 li{
	list-style-type: none;
	background: url('../image/point-square.gif') 0 26px no-repeat;
	padding-left: 20px;
	padding-bottom: 0px;
	padding-top: 20px;
	
	
}

.point-ord li{
	list-style-type: none;
	background: url('../image/point.gif') 0 14px no-repeat;
	padding-left: 20px;
	/*padding-bottom: 30px;*/
	padding-top: 10px;
	height:65px;
	
	
}

.lightbox{
	margin-left:80px;
	margin-top:-20px;
	border:1px solid #CCC;
	/*background-color:#f4ebf4;*/
	background-color:rgb(235, 242, 244);
	padding:10px;
	
}

.lightbox2{
	
	width:180px;
	border:1px solid #CCC;
	/*background-color:#f4ebf4;*/
	background-color:rgb(235, 242, 244);
	padding:10px;
	
}

.des-table{
	font-size:0.9em;
	color:#666;
	font-style:italic;
}

.highlightbox{
	background:#fff;
	border:1px solid #CCC;
	box-shadow: 2px 2px 2px #666;
	margin-bottom:30px;
}

.highlightbox .highlightbox-content{
	
	padding:12px;
}	

.highlightbox .layer{
	background-color:#f4ebf4;
	font-size:0.9em;
	text-align:right;
	padding-right:10px;
	padding:6px;
}	
	
.highlightbox .layer a{
	color:#903f98;
	text-decoration:none;
}	

.a-cell{
	width:40px;
	height:auto;
	
}

.b-cell{
	width:600px;
	height:auto;
	
}

.c-cell{
	width:670px;
	height:auto;
}

.a-line { border-top:1px solid #CCC; width:100%; padding-bottom:20px;}

.b-line { border-top:1px solid #CCC; width:100%; padding-bottom:8px;margin-top:8px;}



/* table style START */
.content table{
	border:2px solid #C7C7C7;
	margin-bottom: 22px;
	font-size: 1em;
}
.content table img{
	border: 0;
	float: left;
}
.content table th{
	text-align: left;
	color: #FFFFFF;
	background:url(../image/table/table-title-bkg-home.jpg) repeat-x 0 top #909 ; 
	/*height: 29px;
	padding:10px 15px;*/
	padding:5px;
	text-align: left;
	vertical-align: top;
	border-right: 1px solid #606;
	border-top: 1px solid #C7C7C7;
}
.content table th.clearP{
	background:url(../image/table/table-title-divider-home.jpg) no-repeat 0 center #963f93; 
	width: 7px;
}
.content table th img, .contenttable td img{
	float: left;
}
.content table td{
	/*text-align: left;*/
	vertical-align: top;
	/*vertical-align: top;text-align: center; padding: 25px 15px;*/
	color: #3E290F;
	background:url(../image/table/table-row-divider.jpg) bottom repeat-x #f8f7f3; 
	/*padding:10px 15px;*/
	padding:5px;
	border-right:1px solid #CCC
}
.content table td.js_box{
	background: none;
	background-color: #F1E6D0;
	border: 1px solid #333;
	outline: 1px solid #333\9;
}
.js_box_close a{
	width: 10px;
	height: 10px;
	/*position: absolute;
	right: 5px;
	top: 5px;
	*/
	float: right;
	background-color: #333;
	display: block;
	overflow: hidden;
	margin-top: -15px;
	margin-right: -10px;
	_margin-right: -5px;
}
.content table th.alignL, .content table td.alignL{
	text-align: left;
}
.content table th.alignR, .content table td.alignR{
	text-align: left;
}
.content table td.divider{ 
	background:url(../image/table/table-column-divider.jpg) repeat-y left bottom;
	vertical-align:bottom; 
	width:7px; 
	padding:0px;
}
.content table tr.last td.divider{ 
	background:url(../image/table/table-column-divider.jpg) repeat-y left bottom;
}
.content table tr.last td{
	background-image:none; 
}
.head_sep{
	width: 5px;
	background:url(../image/table/table-title-divider-home.jpg) no-repeat right top;
}
.content.clearP{
	padding: 0;
}

.content table.s_table{
	border: 1px #5E4534 solid;
	margin-bottom: 22px;
	width: 300px;
}
.content table.s_table th{
	height: 12px;
}
.content table.s_table td{
	background: none;
	background-color: #F0CECD;
	padding:10px 15px;
}
.content table.s_table td a{
	color: #0033CC;
}

/* table style END */



/* Boxes in Promotion materials */
.allitems{ vertical-align:top !important; }

.itembox{ 
	width:200px;
	border:1px solid #CCC;
	padding:0;
	margin-right:14px;
	margin-bottom:14px;
}

.itembox .img-box{ 
	padding:0;
	height:inherit;
}

.itembox .txt-des{
	padding:6px;
	/*border-top:1px solid #CCC;*/
	line-height:1.3em;
}

.main_content .content .inner-no-right-mod {width: 562px;}

.cellmorespace {margin-bottom: 20px; line-height:1.4em }

.pdf-icon {
	display:inline-block;
	width:15px;
	margin-bottom:-8px;
	margin-left:10px;
	height:20px;
	background-image:url(../image/icon-pdf-h20.jpg);
	background-repeat:no-repeat;
	
}



#flashContent {display:block;}

.fixedwidth0 {width:200px;}
.fixedwidth1 {width:300px;}
.fixedwidth2 {width:400px;}
.fixedwidth3 {width:500px;}
.fixedwidth4 {width:600px;}

/******************************************************************************
 * Data and Statistics
 *****************************************************************************/
.data-n-statistics .content table{width:auto;}
.data-n-statistics .content .center{text-align: center;}
.data-n-statistics .downloadlink {padding-bottom: 0; line-height: 1.4em;}
 
 /*the value have changed because they are not have three column at this moment ex:220->420px*/
  .data-n-statistics .width-40px{width:40px;}
  .data-n-statistics .width-100px{width:100px;}
  .data-n-statistics .width-120px{width:120px;}
  .data-n-statistics .width-180px{width:380px;}
  .data-n-statistics .width-220px{width:420px;}
  .data-n-statistics .point2 li {list-style-type: none; background: url('../image/point-square.gif') 0 4px no-repeat; padding-left: 20px; padding-bottom: 10px;}

  
  .data-n-statistics .case {padding-left: 150px;}
 /******************************************************************************
 * Contact Us
 *****************************************************************************/
 .contact-us .left-cell{
	width:250px;
	height:auto;
	float:left;
}
.contact-us .right-cell{
	width:468px;
	height:auto;
	float:right;
}

/******************************************************************************
 * Resource Centre
 *****************************************************************************/
.resource-centre .a-cell {width:60px; height:80px; margin-top:10px;}
.resource-centre .b-cell {width:460px;height:80px;margin-top:10px;}

/******************************************************************************
 * Promotional materials, this wrapper class is currently used in video-srpa.html
 *****************************************************************************/
.publicity-materials .a-cell {width:100px;}
.publicity-materials .b-cell {width:600px;}

 /******************************************************************************
 * Copyright
 *****************************************************************************/
.notice-copyright ol{
font-size: 1em;
margin-left: 28px;
margin-bottom: 1.8em;
list-style-type: decimal;
}

.notice-copyright ol li{
margin-bottom:0;
}
/******************************************************************************
 * Practice Notes and Guidelines
 *****************************************************************************/
.practice-notes ul.point2 li, .guidelines ul.point2 li {
	list-style-type: none;
	background: url('../image/point-square.gif') 0 6px no-repeat;
	padding-bottom:0px;
	}
	

/******************************************************************************
 * Presentation For Workshop
 *****************************************************************************/	
.presentation-for-workshop ul.point2 li{
	list-style-type: none;
	background: url('../image/point-square.gif') 0 6px no-repeat;
	padding-bottom:0px;
	}
	
	
/******************************************************************************
 * FAQ Purchase
 *****************************************************************************/
.faq-purchasers .point2 li{
	list-style-type: none;
	background: url('../image/point-square.gif') 0 6px no-repeat;
	padding-left: 20px;
	margin-bottom: 14px;
	
}

.faq-purchasers  h2{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 1em;
}

.faq-purchasers .num li{
	list-style-type: decimal;
	margin-left: 25px;
	margin-bottom: 14px;

}

.faq-purchasers .section-bar {width:718px; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding-top:10px;padding-bottom:10px; display:inline-block;margin-bottom:22px;}

.faq-purchasers .section-bar .title {width:500px; float:left;}

.faq-purchasers .section-bar .sectiontool{width:210px;letter-spacing:2px; text-align: right;}
.faq-purchasers .section-bar .sectiontool a{color:#333; text-decoration:none; }
.faq-purchasers .section-bar .sectiontool a:hover{color:#333; text-decoration:underline;}


/******************************************************************************
 * FAQ
 *****************************************************************************/
.faq-purchasers .a-cell{
	width:40px;
	height:auto;
	line-height:1.4em;
}

.faq-purchasers .content a {cursor:pointer}

/******************************************************************************
 * Activities
 *****************************************************************************/
/* CSS for activities page*/
.activities-box{
	padding-top:20px;padding-bottom:20px;
	
}

.activities-box p{
	padding-top:10px;
	
}

.activities-box img{
	padding-right:6px;
	padding-bottom:6px;
}

.activities-box .info-txt{
	width:340px;
	_width:320px;
	padding-top:20px;
}
.activities-box .info-des{
	width:240px;
	_width:300px;
	padding-right:70px;
	padding-top:20px;
}

.activities-box .info-photo{
	
	padding-top:20px;
	}
	

/******************************************************************************
 * Pamphlets and Pamphlets Text Version
 *****************************************************************************/
.workspage .content-inner-inside-fulltxt {text-align:center;}
.works-img img{width:640px; height:auto; display:inline-block; }
.toolbar {margin-top:4em; border-top:1px solid #CCC; padding-top:1em}
.workspage-txt .works-img span.header3{ font-size:1.2em; margin-bottom:1em; display:inline-block}
.workspage-txt .works-img h3{ font-size:1.2em; margin-bottom:1em; border-bottom:1px solid #CCC; width:auto; color:#903F98;}
.workspage-txt .works-img h2{ font-size:1.4em;margin-bottom:1.2em; color:#009cd0}
.workspage-txt .works-img p{ margin-bottom:1.4em}
.workspage-txt ul.point2 li{background: url('../image/point-square.gif') 0 6px no-repeat;}
.workspage-txt .headline {width:96%; text-align:center; border-bottom:1px solid #ccc; padding:10px; margin-bottom:20px;}

/******************************************************************************
 * Case Sharing
 *****************************************************************************/
.case-sharing .point2 li{
	list-style-type: none;
	background: url('../image/point-square.gif') 0 6px no-repeat;
	padding-left: 20px;

	
}

.case-sharing .point li{
	list-style-type: none;
	background: url('../image/point-square.gif') 0 6px no-repeat;
	padding-left: 20px;
	line-height:2em;
}

.case-sharing  h2{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.8em;
	margin-bottom: 1em;
}

.case-sharing .num li{
	list-style-type: decimal;
	margin-left: 25px;
	margin-bottom: 14px;

}

.case-sharing .section-bar {width:718px; border-top:1px solid #ccc;border-bottom:1px solid #ccc; padding-top:10px;padding-bottom:10px; display:inline-block;margin-bottom:22px;}

.case-sharing .section-bar .title {width:500px; float:left;}

.case-sharing .section-bar .sectiontool{width:210px;letter-spacing:2px; text-align: right;}
.case-sharing .section-bar .sectiontool a{color:#333; text-decoration:none; }
.case-sharing .section-bar .sectiontool a:hover{color:#333; text-decoration:underline;}

.case-sharing .a-cell{
	width:50px;
	height:auto;
	line-height:1.4em;
}

.case-sharing .b-cell strong{
	font-weight: bold;
}

}
.case-sharing .content a {cursor:pointer}


/******************************************************************************
 * Photo Slider
 *****************************************************************************/
#photo_slider{		
	float: left;
}
.panels-photo-slider{
	width: 847px;
	padding: 35px 27px;
	height: 380px;
}
.event-gallery-photo-slider{
	width: 901px;
	padding: 0px 0px;
	height: 209px;
}
#photo_slider a img{
	border: 0;
}
#ps_wrap{
	float: left;
}
#ps_pre, #ps_next{
	float: left;
	width: 25px;
}
.panels-ps-pre, .panels-ps-next{
	padding-top: 177px;
}
.event-gallery-ps-pre, .event-gallery-ps-next{
	padding-top: 92px;
}
#ps_container{
	float: left;
	margin: 0 0 0 15px;
}
#ps_container ul{
	float: left;
	list-style-type: none;
	margin: 0;
	padding:0;
}
#ps_container ul li{
	float: left;
	padding-right: 15px;
}
.panels-photo-slider ul li{
	width: 190px;
	height: 380px;
}
.event-gallery-photo-slider ul li{
	width: 314px;
	height: 290px;
}
#ps_container .img_box{
	float: left;
	width: 174px;
	height: 82px;
}
#ps_container .img_desc{
	float: left;
	text-align: left;
	display: block;
	width: 154px;
	color: #FFF;
	padding: 7px 10px;
	line-height: 14px;
	font-size: 12px;
}
#ps_container .img_desc a{
	color: #FFF;
	text-decoration: none;
}
#ps_container .img_desc a:hover{
	text-decoration: underline;
}