@charset "UTF-8";
/* CSS Document */

/* Logo */
.logo {
	background: url(../images/logo.gif) no-repeat;
	height: 170px;
	width: 170px;
	padding-bottom: 5px;
}
/* Body styles */
body {
	background: #ae9962 url(../images/bg_gradient.png) repeat-x;
	color: #333;
	font-size: 11px;
	padding: 10px 0 0px;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
a {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color:#544A31;
}
a:visited {
	color: #000;
}
h1 {
}
h2 {
}
h4 {}
/* UPDATED P Styles last update: 15June 2010 */
p {
	margin-bottom:18px;
}
.container_12 {
}
.container_16 {
}
.container_24 {
}
.bordered {
	margin-left:auto;
	margin-right:auto;
	width:970px;
	background: url(../images/massive_borders.gif) repeat-y;
}
.logo_container {
	margin-left:auto;
	margin-right:auto;
	width:980px;
	/*margin-bottom:10px;*/
}
.divider_white_horizontal {
	background: #FFF;
	height: 10px;
	width: 100%;
}
.divider_gold_horizontal {
	/*background: #988556;*/
	background: #FFF;
	height: 40px;        
	width: 100%;
}
.border_top {
	background: url(../images/border_top.gif) no-repeat;
	width: 970px;
	height: 10px;
}
.ten_right {
	margin-right: 10px;
}
.ten_left {
	margin-left: 10px;
}
.ten_tall_pad {
	padding-top:10px;
	
}
.five_tall_pad {
	padding-top:5px;
}
/* UPDATED Mainpage bg cream Styles last update: 15June 2010 */
.bg_cream {
	background: #efe4d0 url(img/bg_bg_cream.png) repeat-y;
	margin-right: 5px;
	margin-left: 5px;
}
.bg_inside {
	background: #FFF;
}
/* UPDATED Breadcrumb Styles last update: 15June 2010 */

.breadcrumb {
	margin-left:20px;
	margin-top: 10px;
	color: #FFF;
	height:20px;
}
.breadcrumb a {
	color: #e2c780;
}
.breadcrumb a:hover {
	color: #FFF;
}
.breadcrumb_inside {
	margin-left:20px;
	margin-top: 10px;
	height:20px;
	color: #988654;
}
.breadcrumb_inside a {
	color: #000;
}
.breadcrumb_inside a:hover {
	color: #988654;
	text-decoration:underline;
}
.float_right {
	float:right;
}
/* User Controls */
.login-wrapper {
	width:640px;
	}
.user_name {
	color: #FFF;
	font-size:14px;
	padding-right:50px;
	float:left;
}
.user_name strong {
	font-family: 'TitilliumText14LRegular', Arial, sans-serif;
}
.user_login {
	color: #FFF;
	font-size:14px;
		padding-right:50px;
			float:left;


}
.user_signout a,
#greeting a {
	color: #FFF4D3;
	font-size:14px;
}
.user_signout a {
	color: #FFF4D3;
	font-size:14px;
	padding-left:10px;
		padding-right:50px;
			float:left;


}
.user_signout a:hover,
#greeting a:hover {
	color: #FFF4D3;
	font-size:14px;
}
.user_register {
}
/* Navigation */
.primary_navigations {
	margin-left:5px;
	background:url(../images/horizontal_shadow.png) repeat-x bottom;
	margin-right: 5px;
	height: 30px;
}
ul#topnav {
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	text-indent: -9999px; /*--Push text off of page--*/
	height: 30px;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left -30px;
} /*--Hover State--*/
ul#topnav a.business {
	background: url(../images/nav_business.png) no-repeat;
	width: 80px;
}
ul#topnav a.consumer {
	background: url(../images/nav_consumer.png) no-repeat;
	width: 90px;
}
ul#topnav a.government {
	background: url(../images/nav_government.png) no-repeat;
	width: 100px;
}
/* Navigation: topnav & secnav Items */
ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 30px;
	left: 0;
	z-index: 99999;
	background: #ae9962 url(sub_bg.png) repeat-x; /*--Background gradient 007ea3 --*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
}
ul#topnav li .sub_business {
	background: #007ea3 url(sub_bg.png) repeat-x; /*--Background color   --*/
}
ul#topnav li .sub_consumer {
	background: #7ab800 url(sub_bg.png) repeat-x; /*--Background color   --*/
}
ul#topnav li .sub_government {
	background: #cd7a31 url(sub_bg.png) repeat-x; /*--Background color   --*/
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #FFDF90;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 0px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #ddd;
	background-position: 5px 12px;/*--Override background position--*/
}
/* Secnav */
ul#secnav {
	margin: 0;
	padding: 0px;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
	height: 30px;
}
ul#secnav li {
	float: left;
	margin: 5px 0 0;
	position: relative; /*--Important--*/
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	border-right:solid 1px #FFF;
}
ul#secnav li.last {
	border-right:0px none;
}
ul#secnav li a {
	color:#FFF;
}
ul#secnav li a:hover {
	color:#FFF;
	text-decoration:underline;
}
ul#secnav li a:visited {
	color:#FFF;
}
/* Shopping Cart */
.shoppingcart_icon {
	background: url(../images/cart.png) no-repeat right;
}
/* Search */
.search_box{
float:right;
}
fieldset.search {
	border: none;
	width: 100%;
	margin: 0 0px;
	background: #70633f
}
.search input, .search button {
	border: none;
	float: left;
	margin-bottom: 0;
}
.search input.box {
	color: #ae9962;
	font-size: 1.2em;
	width: 120px;
	height: 20px;
	padding: 0px 5px 0;
	background: #70633f url(../images/search_bg.png) no-repeat;
	margin-right: 0px;
}
.search input.box:focus {
	background: #fff url(../images/search_bg.png) no-repeat left 0px;
	outline: none;
}
.search button.btn {
	width: 20px;
	height: 20px;
	cursor: pointer;
	text-indent: -9999px;
	background: #70633f url(../images/search_bg.png) no-repeat top right;
}
.search button.btn:hover {
	background: #ae9962 url(../images/search_bg.png) no-repeat bottom right;
}
/* Header */
.header {
	height: 250px;
}
/* Stakeholder */
.stakeholder_selection {
	height: 249px;
}
.stakeholder_business {
	border-color: rgb(255, 102, 102);
}
/* News */
.news_box {
	height: 100%;
	margin-bottom: 20px;
}
.news_box h4 {
	margin-right: 10px;
	margin-left: 10px;
	float:left;
}
.news_box ul {
	list-style: none;
	margin-right: 10px;
	margin-left: 10px;
	clear:both;
}
.news_box ul li {
	margin: 0px;
	/*border-bottom: 1px solid #CCC;*/
	border-top: 1px solid #FFF;
}
.news_box ul li:first-child {
	border-top: none !important;
}

.news_box ul li h5 a {
	display: block;
	font-size: 12px;
	margin-top: 5px;
	margin-bottom: 10px;
	color:#666;
}
.news_box ul li h5 a:hover {
	display: block;
	font-size: 12px;
    text-decoration: none;
	margin-top: 5px;
	margin-bottom: 10px;
	color:#000;
}
.news_box ul li.last {
	border-bottom: 0 none;
}
.news_box ul li.last a {
	background: url(../images/more_bg.png) no-repeat top transparent;
	color: #918052;
	float: right;
	height: 23px;
	width: 78px;
	text-align: center;
	line-height: 24px;
}
/* Events */
.events_box {
	height: 100%;
	margin-bottom: 20px;
}
.events_box h4 {
	margin-right: 10px;
	margin-left: 10px;
	text-transform:uppercase;
	float:left;
}
.events_box ul {
	list-style: none;
	margin-right: 10px;
	margin-left: 10px;
	clear:both;
}
.events_box ul li {
	margin: 0px;
	border-bottom: 1px solid #FFF;
	/*border-top: 1px solid #FFF;*/
}
.events_box ul li div.time a,
.events_box ul li div.time a:hover  {
	float: left;
	margin: 0;
	/*padding: 10px;*/
	text-align: center;
	font-size: 21px;
}
.events_box ul li div.time strong {
	display: block;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 0px;
}
.events_box ul li div.time .day {
	font-size: 21px;
}
.events_box ul li:first-child {
	border-top: none;
}
.events_box ul li h5 a {
	display: block;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#666;

}
.events_box ul li h5 a:hover {
	display: block;
	font-size: 12px;
    text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	color:#000;
}
.events_box ul li.last {
	border-bottom: 0 none;
}
.events_box ul li.last a {
	background: url(../images/more_bg.png) no-repeat top transparent;
	color: #918052;
	float: right;
	height: 23px;
	width: 78px;
	text-align: center;
	line-height: 24px;

}
/* Highlights */
.highlights_box {
	height: 100%;
}
.highlights_box h4 {
	margin-right: 10px;
	margin-left: 10px;
}
.highlights_box ul {
	list-style: none;
	margin-right: 10px;
	margin-left: 10px;
}
.highlights_box ul li {
	margin: 0px;
	/*border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;*/
}
.highlights_box ul li:first-child {
	border-top: none;
}
.highlights_box ul li h5 a {
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}
.highlights_box ul li.last {
	border-bottom: 0 none;
}
.highlights_box ul li.last a {
	background: url(../images/more_bg.png) no-repeat top transparent;
	color: #918052;
	float: right;
	height: 23px;
	width: 78px;
	text-align: center;
	line-height: 24px;
}
/* Footer */
.copyright {
	bottom:0;
	font-size:11px;
	position:relative;
	padding-top: 5px;
}

.copyright a {
	color:#006699;
	text-decoration:none;
}

.copyright a:hover {
	text-decoration:underline;
}

.sitemap {
	bottom:0;
	font-size:12px;
	position:relative;
	padding-top: 5px;
	text-align: right;
}
/* Stake Pages */
.bg_business {
	background: #007ea3;
}
.bg_consumer {
	background: #7ab800;
}
.bg_government {
	background: #cd7a31;
}
.stake_header {
	margin-left:20px;
	margin-bottom:50px;
	color: #FFF;
	font-size: 48px;
}
.stake_description {
	margin-left:20px;
	color: #FFF;
	font-size: 14px;
	margin-bottom:20px;
}
/* UPDATED Stake Section Styles last update: 15June 2010 */
.stake_sections{
	display:inline;
	float:left;
	position:relative;
	padding-left:10px;
	padding-right:10px;
	width:220px;
}
.stake_sections a {
	color:#FFF;
}
.stake_sections a:hover {
	text-decoration:none;
	background-color:#fff;
	color:#000
}
.stake_sections h5 {
	padding-left:0px;
}
.stake_sections p {
	padding-left:5px;
}
.padder {
	padding-left:5px;
}
/* UPDATED Stakeholder bg cream Styles last update: 15June 2010 */
.bg_cream_business {
	background: #d6f2fa url(img/bg_bg_cream.png) repeat-y;
	margin-right: 5px;
	margin-left: 5px;
}
.bg_cream_consumer {
	background: #e9fac8 url(img/bg_bg_cream.png) repeat-y;
	margin-right: 5px;
	margin-left: 5px;
}
.bg_cream_government {
	background: #faede1 url(img/bg_bg_cream.png) repeat-y;
		margin-right: 5px;
	margin-left: 5px;
}
/* Inside Navigation */
.side_nav {
	margin-left:20px;
	margin-top:20px;
}
.side_nav ul {
	list-style: none;
}
/* Inside Content */
.title {
	padding-top:20px;
}
.title h1 {
	font-size: 36px;
	border-bottom:solid 1px #ccc;
}
.title p {
	font-size: 14px;
	color: #888888;
}
.standardHeader {
	margin-bottom:10px;
}
.content_bodycopy {
	font-size:12px;
	line-height:19px;
	color:#666666;
	padding-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.related_links ul {
	margin: 0;
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-weight:bold;
}
.related_links ul li{
	margin: 0;
	padding: 0;
	font-weight:normal;

}
.share ul {
	margin: 0 /*0 0 40px*/;
	padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	float:right;
}
.share li {
	float: right;
	margin: 0;
	padding: 0;
	position: relative; /*--Important--*/
}
/* UPDATED Categorie Page Styles last update: 15June 2010 */
.stories p {
	font-family: "Helvetica Neue", Arial, "Liberation Sans", FreeSans, sans-serif;
}
.stories ul {
	list-style: none;
	float:left;
	margin: 0;
	padding: 0;
}
.stories li {
	clear:both;
	list-style: none;
	margin: 0;
	padding: 0;
}
.stories li p.date {
	margin-bottom: 0.2em;
}
.stories li p span{
	color:#8C8C8C;
}
.featured li img{
	float:left;
	margin-right: 15px;
}
.featured li {
	margin-bottom: 3em;
	padding-bottom: 0.6em;
	border-bottom: 1px solid lightGrey;
}
/* UPDATED Pagination Styles last update: 15June 2010 */
.pagination { margin-bottom:1.6em; font-size:11px; text-align:right; color:#666; }

.pagination a { color:#2971a7; }
.pagination a:hover { color:#666; }
.pagination a.active { color:#555; cursor:default; text-decoration:none; }
.pagination a.disabled { cursor:default; text-decoration:none !important; opacity:.5; -moz-opacity:.5; filter:alpha(opacity=50); }

.pagination a.previous { padding-left:9px; outline:none; -moz-outline:none; background:url(../images/lessarrow_blue.gif) no-repeat 0 50%; }
.pagination a.next { padding-right:8px; outline:none; -moz-outline:none; background:url(../images/morearrow_blue.gif) no-repeat 100% 50%; }
.pagination a.previous:hover,
.pagination a.next:hover { color:#2971a7; }

.pagination .pages { display:inline; padding:0 2px; }
.pagination .pages a { padding:0 4px 2px 3px; font-weight:bold; background:url(../images/pagination_pages_separator.gif) no-repeat 100% 50%; }
.pagination .pages a.last { background:none; width:auto !important; float:none !important; }

/*---------edited by fendy 20100806----------*/

.container {
	display:block;
	margin:0 auto;
	width:970px;
}

.logo_container,
.container_24,
.bordered,
.bg_cream,
.divider_gold_horizontal,
.grid_24,
.divider_white_horizontal,
.primary_navigations,
.bg_inside,
.bg_cream_business,
.bg_cream_consumer,
.bg_cream_government {
	float: left;
}

.container_24 {
	padding-left:5px;
	padding-right:5px;
}

.bg_cream h5 img {
	clear:both;
	
}


.news_box, .events_box, .highlights_box {
	float:left;
}




.content_bodycopy a {
	color:#006699;
}

.content_bodycopy a:hover {
	text-decoration:underline;
}

.content_bodycopy {
	font-size:14px;
	text-align:left !important;
}

.content_bodycopy div, .content_bodycopy p {
	text-align:left !important;
}

div.events_box li.last.style4 {
	text-transform:uppercase;
	margin-top:-5px;
}

div.news_box h5 a img {
	margin-bottom:20px;
}

div.grid_24.ten_tall_pad.stakeholder_selection.bg_cream {
	background-image:none;
}

.greetings {
	float:left;
	margin-top: 150px;
	width:795px;
}

.be_part {
	/*margin:0 100px;*/
	color:#fff;
	font-size:14px;
	text-align:center;
		padding-right:50px;
			float:left;
}



.be_part a {
	color:#FFF4D3;
	padding-left:5px;
}

.be_part a:hover {
	text-decoration:underline;
}

.be_part_hkc {
	margin:0 5px;
	color:#fff;
	font-size:14px;
	padding-right:50px;
			float:left;
}

.be_part_hkc a {
	color:#FFF4D3;
		padding-left:5px;

}

.be_part_hkc a:hover {
	text-decoration:underline;
}

.right_box {
	float:right;
	padding:10px;
	width:230px;
}

#usefulllinks a {
	color:#006699;
}

#usefulllinks a:hover {
	text-decoration:underline;
}

.sitemap a {
	font-size:10px;
}

.share {
	text-align:right;
	float:right;
}

.date_time {
	float:left;
	width:50px;
	text-align:center;
}

.date_time a span.month {
	font-size:10px !important;
	font-weight:bold;
	float:left;
	margin-top:-10px;
}

div.date_time a span.day {
	font-size:20px !important;
	font-weight:bold;
	float:left;
}

date_time_desc {
	float:left;
}

.content_bodycopy ol li ol li {
	list-style-type: lower-alpha;
}

div.ui-widget-content.ui-corner-all table tr td {
	text-align:left;
}

.b_lines {
	background:transparent url(img/bg_b_line.png) repeat-x 0 200px;
}

.c_lines {
	background:transparent url(img/bg_c_line.png) repeat-x 0 200px;
}

.g_lines {
	background:transparent url(img/bg_g_line.png) repeat-x 0 197px;
	height:200px;
}

h5.header_color_business {
	color:#FF0000;
	font-size:30px;
}


.events_box ul li div.time {
float: left;
margin: 0 5px;
padding:10px 10px 25px;
text-align: center;
font-size: 21px;
background:url(img/calender-bg.png) no-repeat;
}


.content_bodycopy table tr.row1 {
	background-color:#F0F0F0;
	
}

.content_bodycopy table tr.row2 {
	background-color:#F5F5F5;
	
}

.content_bodycopy table tr.row3 {
	background-color:#E9E9E9;
	
}

.content_bodycopy table tr.dark {
	background-color:#CCCC99; 
	
}

.content_bodycopy table tr.row1 th,
.content_bodycopy table tr.row2 th {
	background-color:#EBEBEB;
}

.content_bodycopy table tr.row1 td,
.content_bodycopy table tr.row2 td,
.content_bodycopy table tr.row1 th,
.content_bodycopy table tr.row2 th {
	padding:10px;
}

.user_signout {
}

.side_nav ul li {
	font-size:12px;
}

.date_hkc {
	display:none;
}

.date_event {
	float:left;
	padding-right:10px;
}

.event_desc {
	float:left;
}


table.bod td.img {
	padding-right:20px;
}

table.bod td.desc {
	vertical-align: middle;
}

/*
ul.stories.style2 table tr td {
	padding:10px;
	border: 1px solid #000;

}*/

/* Current navigation item */
body.bg_business ul#topnav a.business, body.bg_consumer ul#topnav a.consumer, body.bg_government ul#topnav a.government{
	background-position: left -60px;
}
body.bg_business ul#topnav li .sub_business {
	background: #016e8e url(sub_bg.png) repeat-x; /*--Background color   --*/
}
body.bg_consumer ul#topnav li .sub_consumer {
	background: #659800 url(sub_bg.png) repeat-x; /*--Background color   --*/
}
body.bg_government ul#topnav li .sub_government {
	background: #c57127 url(sub_bg.png) repeat-x; /*--Background color   --*/
}


/*share this*/
a.stbar.chicklet img {
                border:0;
                height:32px;
                width:32px;
                margin-right:3px;
                vertical-align:middle;
            }
a.stbar.chicklet {
                height:32px;
                line-height:16px;
            }
			
/* Form Styles */
input {margin-bottom:5px;}
select {margin-bottom:5px;}
textarea {margin-bottom:5px;}
td {vertical-align:top;}			
			
/* RSS */
.rss_icon {float:right; margin-right:10px; margin-bottom:0;}

/*---- books - fendy - 20101027 ----*/

table#hasil {
	/*width: 710px !important;*/
	width: 100%;
	border: 1px solid #ccc;
}

#hasil img {
	padding-right: 10px;
}



tr.table_row1 td {
	background-color:#E3E3E3;
	padding:5px;
	color:#000;
	border-right: 1px solid #ccc;
	
}

tr.table_row2 td {
	background-color:#FFF;
	padding:5px;
	color:#000;
	border-right: 1px solid #ccc;
}

table#hasil th {
	background-color:#999;
	color:#000;
	padding:5px;
	border-right: 1px solid #ccc;
	text-align: center;
}

table#hasil th.no {
	/*width: 10px;*/
	width: 5%;
	border-left: 1px solid #ccc;
}

table#hasil th.preview {
	/*width: 80px;*/
	width: 10%;
}

table#hasil th.title {
	/*width: 260px;*/
	width: 45%;
	
}

table#hasil th.author {
	/*width: 140px;*/
	width: 20%;
}

table#hasil th.publisher {
	/*width: 160px;*/
	width: 20%;
}