@charset "utf-8";
/* CSS Document */

* {
	padding: 10;
	margin: 0;
}


td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #ffffff;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
form {
	margin: 0px;
}
a {
	outline: none;
}

/*---LINK STYLE-------------------------------------------------------------------*/
/* 
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0072c4;
	text-decoration: underline;
}
*/
a.bnmAnchor{
    color:#000000;
    text-decoration:none;
}
a.bnmAnchor:hover{
    color:#000000;
    text-decoration:none;
}
a:hover {
	color: #FF0000;
	text-decoration: overline underline;
}
a.link_arial10blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #054588;
	text-decoration: underline;
}
a.link_arial10blue:hover {
	color: #FF0000;
}
a.link_arial11white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: underline;
}
a.link_arial11white:hover {
	color: #FF0000;
	text-decoration: overline underline;
}
a.link_arial11grey1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
a.link_arial11grey1:hover {
	color: #FF0000;
}
a.link_arial11blue2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0072c4;
	text-decoration: underline;
}
a.link_arial11blue2:hover {
	color: #FF0000;
	text-decoration: overline underline;
}
a.link_arial12blue2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
	text-decoration: underline;
}
a.link_arial12blue2:hover {
	color: #FF0000;
	text-decoration: overline underline;
}

a.link_arial12blue2_B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}
a.link_arial12blue2_B:hover {
	color: #FF0000;
}
a.link_arial12blue2v2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0072c4;
	text-decoration: none;
}
a.link_arial12blue2v2:hover {
	color: #FF0000;
	text-decoration: overline underline;
}

/*---FONT STYLE-------------------------------------------------------------------*/
.arial10grey1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #cccccc;
}
.arial11white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}
.arial14blue1_B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #054588;
}
.arial16blue1_B {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #054588;
}

/*---STYLE------------------------------------------------------------------------*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004876;
	float: left;
	background: url(../../bnm2011/images/bullet1.gif) no-repeat left top;
	padding: 1px 0px 1px 11px;
}
div.wrapper_flex {
	width: inherit;
	float: left;
}
div.wrapper1 {
	width: 958px;
	margin: 0px auto;
	clear: both;
	margin-top: 8px;
	
}
#header {
	width: 953px;
	height: 135px;
	background: url(../../bnm2011/images/header_bg1.gif) repeat-x left top;
	float: left;
	border: 1px solid #9f9f9f;
	border-bottom: none;
}
#header .bnm_logo {
	width: 239px;
	height: 51px;
	float: left;
	/*position: relative;
	top: 65px;
	left: 26px;*/
	margin: 22px 0px 0px 26px;
}
#header .header_top_menu {
	width: 600px; /*20130719 - edit width to 600 for email alert*/
	height: 15px;
	float: right;
	padding-right: 10px;
	margin-top: 57px;
	text-align: right;
	font-size: 10px;
}
#header .header_top_menu img {
	border: 0px;
	padding-left: 3px;
	position: relative;
	top: 3px;
}
#header .bnm_logo img {
	border: 0px;
}
#header .header_top {
	width: 953px;
	height: 43px;
	float: left;
}
#header .header_top .header_top_1 {
	width: 943px;
	height: 11px;
	float: left;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: right;
}
#header .header_top .header_top_2 {
	width: 943px;
	height: 17px;
	float: left;
	padding-right: 10px;
}
#header .header_top .header_top_2 img {
	border: 0px;
	margin-left: 7px;
	float: right;
}
div.menu2 {
	width: 942px;
	height: 22px;
	background: url(../../bnm2011/images/menu_bg2.gif) repeat-x left top;
	float: left;
	border: 1px solid #9f9f9f;
	border-bottom: none;
	padding-left: 11px;
	padding-top: 7px;
}
div.menu2 a {
	margin: 0px 12px;
}
div.wrapper2 {
	width: 955px;
	float: left;
}
div.wrapper3_L {
	width: 672px;
	border-left: 1px solid #9f9f9f;
	float: left; /*utk kedudukan*/
	padding-left: 16px;
	padding-right: 16px;
	/*padding-top: 16px;*/
	margin-bottom:auto
}
div.wrapper3_L2 {
	width: 244px;
	border-right: 1px solid #e9e9e9;
	border-left: 1px solid #9f9f9f;
	float: left;
	background-color: #F4F8FC;
}
div.wrapper3_C {
	width: 431px;
	float: left;
	padding-left: 16px;
	padding-right: 16px;
}
div.banner {
	width: 674px;
	height: 203px;
	float: left;
}
div.listing1, div.listing2 {
	width: 663px;
	padding-left: 11px;
	margin: 13px 0px 7px 0px;
	float: left;
}
div.listing1 {
	font-size: 11px;
}
div.listing2 .listing2_text {
	width: 556px;
	font-size: 12px;
	float: left;
}
div.listing2 img.icon1 {
	float: left;
	margin: 0px 15px 0px 10px;
	border: 1px solid #e9e9e9;
}
div.divider1 {
	width: inherit;
	height: 1px;
	border-top: 1px solid #e9e9e9;
	margin: 30px 0px 20px 0px;
	float: left;
}
div.iniatives_logos {
	width: 674px;
	float: left;
	margin: 13px 0px 20px 0px;
}
div.iniatives_logos img {
	border: 1px solid #e9e9e9;
	float: left;
	margin: 4px 6px;
}
div.wrapper3_R {
	width: 244px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #9f9f9f;
	float: left; /*utk kedudukan*/
}
div.wrapper3_R1 {
	width: 244px;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #9f9f9f;
	float: right; /*utk kedudukan*/
}
div.bg_1 {
	width: 220px;
	/*min-height: 40px;*/
	background: url(../../bnm2011/images/bg_1.gif) repeat-x left bottom #f7fcfe;
	float: left;
	padding: 0px 12px 0px 12px;
}
div.bg_1 .bg_1_border {
	width: inherit;
	/*height: 29px;*/
	border-bottom: 1px solid #dddddd;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
}
div.container1 {
	width: 220px;
	background: #fcfcfc;
	float: left;
	padding: 0px 12px 0px 12px;
}
div.container1 a {
	width: 207px;
	float: left;
	padding: 6px 0px 6px 13px;
	display: block;
}
/*
div.container1_active {
	background: #7787b7 !important;
	color: #ffffff !important;
}*/
div.container1 a.container1_active {
	background: #7787b7 !important;
	color: #ffffff !important;
	cursor: default !important;
	text-decoration: none !important;
	
}
div.container1 a.container1_active:hover {
	color: #FFFFFF;
	text-decoration: overline underline;
	
}
div.divider4 {
	width: 220px;
	margin: 0px 12px 0px 12px;
	border-bottom: 1px solid #dddddd;
	float: left;
}
div.container2 {
	width: 220px;
	float: left;
	margin: 0px 12px 0px 12px;
}
.table1 td {
	padding: 5px;
	font-size: 11px;
}
.table1 .tbl_border_L_btm {
	border-left: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}
.table1 .tbl_border_btm {
	border-bottom: 1px solid #dddddd;
}
.table1 .tbl_bg1 {
	background-color: #daeaf7;
}
.table1 span.value_up {
	color: #ff0000;
	background: url(../../bnm2011/images/icon_value_up.gif) no-repeat right 2px;
	padding-right: 13px;
}
.table1 span.value_down {
	color: #008000;
	background: url(../../bnm2011/images/icon_value_down.gif) no-repeat right 1px;
	padding-right: 15px;
}
div.listing3 {
	width: 220px;
	float: left;
	padding: 0px 12px 10px 12px;
}
div.listing3 img {
	border: 0px;
	float: left;
	padding-right: 6px;
}
div.listing3 .listing3_text {
	width: 185px;
	font-size: 12px;
	float: left;
}
div.divider2 {
	width: inherit;
	border-top: 1px solid #e9e9e9;
	margin: 5px 0px 0px 0px;
	float: left;
}
div.bg_2 {
	width: 220px;
	min-height: 144px;
	background: url(../../bnm2011/images/bg_2.gif) repeat-x left top #f2fbf4;
	float: left;
	padding: 0px 12px 0px 12px;
}
div.bg_2 .bg_2_border {
	width: inherit;
	min-height: 100px;
	border-bottom: 1px solid #dddddd;
	float: left;
	margin-top: 10px;
	padding-bottom: 15px;
}
a.listing4 {
	width: 202px;
	float: left;
	padding: 2px 12px 3px 30px;
	background: url(../../bnm2011/images/arrow2.gif) no-repeat 10px 4px;
	display: block;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0072c4;
	text-decoration: underline;
}
a.listing4:hover {
	color: #ff0000;
	text-decoration: overline underline;
}
div.listing5 {
	width: 220px;
	float: left;
	margin: 0px 12px 0px 12px;
	border-bottom: 1px solid #dddddd;
	padding: 5px 0px 7px 0px;
}
div.listing5 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0072c4;
	text-decoration: underline;
	background: url(../../bnm2011/images/bullet2.gif) no-repeat 10px 4px;
	padding-left: 22px;
}
div.listing5 a:hover {
	color: #FF0000;
	text-decoration: overline underline;
}
div.listing6 {
	width: 194px;
	padding: 15px 25px 0px 25px;
	color: #004876;
	float: left;
}
#search {
	width: 244px;
	height: 67px;
	background: url(../../bnm2011/images/search_bg1.gif) repeat-x left top;
	float: left;
	padding-top: 15px;
}
.searchBox {
	width: 210px;
	margin: 2px 30px 0px 0px;
	float: right;
	display: inline;
}
.searchBox input#search1 {
	width: 131px;
	padding: 2px 0px 3px 5px;
	margin: 2px 4px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #cccccc;
	float: left;
	display: inline;
}
.searchBox input#searchBtn1 {
	width: 70px;
	/*height: 22px;*/
	background: url(../../bnm2011/images/searchBtn.gif) no-repeat left top;
	border: 0;
	cursor: pointer;
	float: left;
	margin-left: 4px;
	padding: 6px 0px 6px 24px;
	font-size: 11px;
	color: #ffffff;
	text-align: left;
}
.txtTitle04 {
    color: #054588;
    font-family: Arial;
    font-size: 12px;
    /*font-weight: bold;*/
}
.txt_arial11 {
    color: #333333;
    font-family: Arial;
    font-size: 11px;
}

#footer {
	width: 905px;
	height: 45px;
	border-top: 7px solid #4563a6;
	background-color: #002b86;
	float: left;
	padding: 0px 25px;
}
#footer2 {
	width: 955px;
	float: left;
	padding: 10px 0px 20px 0px;
	text-align: center;
}
#bcrumb {
	width: 430px;
	color: #7e7e7e;
	padding: 12px 0px 5px 0px;
	float: left;
	border-bottom: 1px dotted #7787b7;
}

.txtBreadcrumbs {
    color: #404040;
    font-family: Arial;
    font-size: 11px;
}

#bcrumb img {
	border: 0px;
	float: left;
	position: relative;
	top: -1px;
	padding-right: 2px;
}
div.container3 {
	width: 406px;
	float: left;
	margin: 7px 12px 15px 12px;
	text-align: right;
}
.icon_print {
	background: url(../../bnm2011/images/icon_print.gif) no-repeat left -1px;
	padding-left: 17px;
	font-size: 11px;
}
.icon_email {
	background: url(../../bnm2011/images/icon_email.gif) no-repeat left -2px;
	padding-left: 16px;
	font-size: 11px;
	margin-left: 10px;
}
.icon_sound {
	background: url(../../bnm2011/images/icon_sound.gif) no-repeat left top;
	padding: 7px 0px 7px 33px;
	font-size: 12px;
}
ul.listing7 {
	list-style: none;
	line-height: 20px;
	margin: 0px 15px;
	padding: 0px;
}
ul.listing7 .bullet3 {
	background: url(../../bnm2011/images/bullet3.gif) no-repeat left 5px;
	padding-left: 12px;
}
.table2 td, .table3 td, .table4 td, .table5 td {
	padding: 10px 7px;
	font-size: 12px;
}
.table2 .tbl2_border_L_btm {
	border-left: 1px solid #a152a2;
	border-bottom: 1px solid #a152a2;
}
.table2 .tbl2_border_R {
	border-right: 1px solid #a152a2;
}
.table2 .tbl2_bg1 {
	background-color: #a152a2;
}
.table2 .tbl2_bg2 {
	background-color: #f8f1f8;
}
.table3 .tbl3_border_L_btm {
	border-left: 1px solid #6b6d73;
	border-bottom: 1px solid #6b6d73;
}
.table3 .tbl3_border_R {
	border-right: 1px solid #6b6d73;
}
.table3 .tbl3_bg1 {
	background-color: #6b6d73;
}
.table3 .tbl3_bg2 {
	background-color: #f5f5f5;
}
.table4 .tbl4_border1_top_btm {
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
}
.table4 .tbl4_border1_btm {
	border-bottom: 1px solid #939393;
}
.table4 .tbl4_border2_btm {
	border-bottom: 1px solid #e9e9e9;
}
.table4 .tbl4_bg1 {
	background: url(../../bnm2011/images/bg_3.gif) repeat-x left top #fefefe;
}
.table5 .tbl5_border_L_btm {
	border-left: 1px solid #6b6d73;
	border-bottom: 1px solid #6b6d73;
}
.table5 .tbl5_border_R {
	border-right: 1px solid #6b6d73;
}
.table5 .tbl5_border_top {
	border-top: 1px solid #6b6d73;
}
.table5 .tbl5_bg1 {
	background: url(../../bnm2011/images/bg_4.gif) repeat-x left top #ffffff;
}
.icon_rss {
	background: url(../../bnm2011/images/icon_rss.gif) no-repeat right 14px;
	padding: 15px 20px 10px 0px;
	font-size: 12px;
	margin-left: 10px;
}
div.divider3 {
	width: inherit;
	border-top: 1px solid #e9e9e9;
	margin: 30px 0px 0px 0px;
	float: left;
}

/** Azry - Testing**/
div.wrapperCStats {
	width: 676px;
	float: left;
	border-right: 1px solid #9f9f9f;
	padding-left: 16px;
	padding-right: 16px;
}
#bcrumb_stats {
	width: 676px;
	font-size: 11px;
	color: #7e7e7e;
	padding: 12px 0px 5px 0px;
	float: left;
	border-bottom: 1px dotted #7787b7;
}
#bcrumb_stats img {
	border: 0px;
	float: left;
	position: relative;
	top: -1px;
	padding-right: 2px;
}
div.container3_stats {
	width: 652px;
	float: left;
	margin: 7px 12px 15px 12px;
	text-align: right;
}
div.listing50 {
	width: 220px;
	float: left;
	margin: 0px 12px 0px 12px;
	border-bottom: 1px solid #dddddd;
	padding: 5px 0px 7px 0px;
}
div.listing50 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0072c4;
	text-decoration: underline;
}
div.listing50 a:hover {
	color: #FF0000;
	text-decoration: overline underline;
}
p {
	padding:10px 0px;
}
ul {
	margin-left:30px;
}
li {
	padding-top:10px;
}
ol {
	margin-left:30px;
}
.TblHdr {
	background-color: #CECEDE;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}