﻿
/********************* Main CSS For www.bernama.com *********************/
/********************* Created by: Raja Amirul Azizi ********************/
/*************** Please put comment or backup before changing ***********/


/********************* Start Psuedo-code *********************/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	margin: 0; padding: 0;
 	background-color: white;
}

p {
	font-size: 10px;
}

/********************* End Psuedo-code *********************/

/********************* Start Layout *********************/
/* disabled 18122008 disabled back 03052011*/
#layout {
	 background: url('../images/bgLayout.jpg') repeat-y; padding-top: 1px;
	 width: 996px;
	 margin: 0 auto;
}

#superTop {
	margin: 0 auto;
	padding-bottom: 5px;
	width: 970px;
	font-size: 10px;
	
	border-bottom: 1px #efefef solid;
}

#superTop ul{
	list-style-type: none;
	margin: 5px 0 0 0px;
	padding: 0;
}

#superTop ul li{
	padding: 1px;
	display: inline;
	font-weight: bold;
	color: maroon;
}

#superTop ul li a{
	color: #363636;
	text-decoration: none;
	font-weight: normal;
} 

#superTop ul li a:hover {
	background:black;
	color: white;
}

/********************* End Layout *********************/

/********************* Start Header *********************/
#header {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background-color: white;
}

#headLogo {
	float: left;
	width: 110px;
	height: 119px;
	margin: 0;
	padding: 0 0 0 0;
}

#headLogoGanu {
	float: left;
	width: 110px;
	height: 119px;
	margin: 0;
	padding: 0 0 0 0;
}

#headTitle {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/layout01bm_02.gif')
}

#headTitleOlympic {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/layout01_sportsbm_olympic_02.gif')
}

#headTitleUmno {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/umno_header_02.gif')
}

#headTitle3in1 {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/elections_bm_02.gif')
}

#headTitleh1n1 {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/h1n1_header_bm_02.gif')
}

#headTitleBadget {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/budget_10_bm_02.gif')
}

#headTitle1Malaysia {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/1Malaysia_bm_02.gif')
}

#headTitledungalas {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/n45_bm_02.gif')
}

#headTitlePRS {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/layout01_bm_02.gif')
}

#headTitlepkphs {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/hs-bm_02.gif')
}

#headTitleMiniBudget {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/layout01_bm_02.jpg')
}

#headTitleGanu {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/layouttgganu_bm_02.gif')
}

#headTitleRmk10 {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/rmk03-bm.gif')
}

#headTitleBudget2012 {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/budget2012-bm_02.gif')
}

#headTitlegtp {
	width: 677px;
	height: 84px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
	background-image:url('../bm/html/images/gtp_bm_02.gif')
}

#headTarikh {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../html/images/layout01_03.gif')
}

#headTarikhOlympic {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/layout01_sportsbm_olympic_03.gif')
}

#headTarikhUmno {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/umno_header_03.gif')
}

#headTarikh3in1 {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/elections_bm_03.gif')
}

#headTarikhh1n1 {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/h1n1_header_bm_03.gif')
}

#headTarikhBadget {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/budget_10_bm_03.gif')
}

#headTarikh1Malaysia {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/1Malaysia_bm_03.gif')
}

#headTarikhdungalas {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/n45_bm_03.gif')
}

#headTarikhPRS {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/layout01_bm_03.gif')
}

#headTarikhpkphs {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/hs-bm_03.gif')
}

#headTarikhMiniBudget {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/layout01_bm_03.jpg')
}

#headTarikhGanu{
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/layouttgganu_bm_03.gif')
}

#headTarikhRmk10 {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/rmk04-bm.gif')
}

#headTarikhBudget2012 {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/budget2012-bm_03.gif')
}

#headTarikhgtp {
	float: right;
	width: 193px;
	height: 84px;
	margin: 0;
	padding: 0;
	background-image:url('../bm/html/images/gtp_bm_03.gif')
}

#tarikh {
	margin: 0 0 0 0;
	float: right;
	color: black;
	padding-top: 0;
	position: relative;
}

#headTabs {
	width: 870px;
	height: 35px;
	margin: 0 0 0 110px;
	padding: 0 0 0 0;
}

#headTabs .img {
	border:0;
}

/* Category sub menu */
#headMenu {
	width: 755px;
	height: 20px;
	font-size:11px;
	float:left;
}

#headMenu ul{
	list-style-type: none;
	margin: 5px 0 0 8px;
	padding: 0;
}

#headMenu ul li{
	padding: 1px;
	display: inline;
}

#headMenu ul li a{
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#headMenu ul li a:hover {
	color: black;
	text-decoration: underline;
	font-weight: normal;
}

#headFont {
	font-size: 11px;
	float: right;
	width: 235px;
	height: 20px;
	margin-right: 10px;
	margin-top:6px;
}

#headFont a{
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#headVersion {
	font-size: 11px;
	float: right;
	width: 180px;
	height: 20px;
	margin-right: 0px;
}

#headVersion ul{
	list-style-type: none;
	margin: 5px 0 0 5px;
	padding: 0;
}

#headVersion ul li{
	padding: 0px;
	display: inline;
}

#headVersion ul li a{
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#headVersion ul li a:hover {
	color: black;
	text-decoration: underline;
	font-weight: normal;
}

/*add by diana*/
#headArchivedVersion {
	font-size: 14px;
	float: left;
	width: 650px;/*width: 600px;*/
	height: 20px;
	margin-right: 0px;
}

#headArchivedVersion ul{
	list-style-type: none;
	margin: 5px 0 0 5px;
	padding: 0;
}

#headArchivedVersion ul li{
	padding: 0px;
	display: inline;
}

#headArchivedVersion ul li a{
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#headArchivedVersion ul li a:hover {
	color: black;
	text-decoration: underline;
	font-weight: normal;
}
/*end add by diana*/

#version {
	font-size:11px;
	font-weight:bold;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

/*#selectVersion {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0 0 0;
}*/

#selectVersion {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 2px 0 0 0;
}

#selectVersion a{
	color: #504738;
	text-decoration: none;
	font-weight: bold;
}

#selectVersion a:hover {
	color: #504738;
	text-decoration: none;
	font-weight: bold;
}

/* Main page searchbar */
#searchBar1 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar1.gif');
}

/* General page searchbar */
#searchBar2 { 
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar2.gif');
}

/* Politics page searchbar */
#searchBar3 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar3.gif');
}

 /* Business page searchbar */
#searchBar4 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar4.gif');
}

 /* Sports page searchbar */
#searchBar5 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar5.gif');
}

 /* Features page searchbar */
#searchBar6 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar6.gif');
}

 /* World page searchbar */
#searchBar7 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar7.gif');
}

 /* Newsletter page searchbar */
#searchBar8 {
	margin: 1px 0 0 0;
	padding: 0;
	width: 980px;
	height: 52px;
	background-image: url('../images/searchBar8.gif');
}


#indicator {
	margin: 7px 0 0 15px;
	width: 500px;
	float: left;
}

/* Writes "BERNAMA.COM" */
#indicator .ind {
	font-family: Arial;
	font-size:16px;
	color: white;
	font-weight:bold;
	margin-bottom:2px;
}

/* Place indicator */
#indicator .ind2 {
	font-size:12px;
	color: white;
	font-weight:normal;
}

#searchBox1 {
	float:right;
	margin: 7px 5px 0 0;
	width: 130px;
	padding: 0;
	color: white;
}

#searchBox1 .go {
	margin: 9px 5px 0px 0;
}

#searchBox1 .teraiRad {
	margin: 2px 0 0 0;
}

#searchBox1 .rad {
	margin: 1px 0 0 0;
}

#searchBox2 {
	width: 300px;
	float: right;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
}

#searchBox2 .cari {
	font-size: 12px;
	color: yellow;
	font-weight: bold;
	float: right;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#searchBox2 .caribox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-bottom-style: solid;
	border-width: 1px;
	width: 150px;
	float: right;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
}
/********************* End Header *********************/

/********************* Start Highlights *********************/
/* Flash News title */
#titleHighlights01 {
	font-size: 10px;
	font-weight: bold;
	color: red;
}

/* Flash News box */
#highlights01 {
	float: left;
	margin: 0 5px 5px 5px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Scrolling highlights box */
#box02 {
	float: right;
	margin: 8px 0 0 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 230px;
}

h1#titleHigh {
	font-size: 14px;
	font-weight: bold;
	color: #993581;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	padding-left: 3px;
	height: 18px;
}

/* Highlights scroll properties */
#highlights {
	float:left;
	margin: 8px 10px 0 0;
	width: 230px;
}

#highWrap {
	margin: 0 0 0 0;
	padding: 5px 0 0 6px;
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#highWrap a {
	text-decoration: none;
}

#highWrap a:hover {
	text-decoration: underline;
}

#marquee {
	font-size: 10px;
	width: 484px;
	margin: 0 0 0 0;
}

#highlights02 {
	float: right; height: 50px; width: 475px;
	margin: 4px 0 0 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/* celcom background: url('../bm/images/celcom_bg.jpg') no-repeat; */
	background: url('../bm/images/maxis_bg_bm.jpg') no-repeat;
}

#marquee3 {
	/*color :#390355;*/
	font-size: 14px;
	font-weight: bold;
	width: 450px;
	margin: 8px 0 0 10px;
	padding: 0;
	color: white;
}
/********************* End Highlights *********************/

/********************* Start Top Story *********************/
#topStory {
	margin: 0 10px 0 5px;
}

h1#topStory {
	font-size: 16px;
	font-weight:bold;
	color: gray;
	padding: 0px;
	border-bottom: 1px solid #efefef;
	margin: 0 10px 5px 5px;
	width: 97%;
}

/* Top Story title */
p#titleTopStory {
	margin: 0 0 0 0;
	background-color:gray;
	padding: 0 5px 5px 5px;
}

p#titleTopStory a {
	font-size:20px;
	font-weight:bold;
	color:white;
	text-decoration:none;
}

p#titleTopStory a:hover {
	text-decoration:underline;
}

/* Top Story content */
#topStoryNews {
	font-size:12px;
	font-weight:normal;
	color:black;
	margin: 5px 5px 5px 0px;
}

/* Top Story Picture place */
#newsPic {
	background-color: #efefef;
	width: 150px;
	margin: 0 5px 5px 0;
	padding: 5px;
	float: left;
}

#newsPic2 {
	background-color: #efefef;
	width: 300px;
	margin: 0 5px 5px 0;
	padding: 5px;
	float: left;
	font-size: 10px;
}

/* Top Story Picture caption */
#topStoryPicCap {
	background-color: #efefef;
	font-size: 10px;
	color: black;
	width: 400px;
	margin: 0 10px 5px 5px;
	padding: 0 5px 5px 5px;
	float: left;
}

/* Byline properties */
p#byline {
	margin: 0 0 5px 0;
}

p#byline2 {
	margin: 0 0 5px 5px;
}

p#byline a, p#byline2 a {
	font-size:9px;
	color: black; 
	font-weight:bold;
	text-decoration: none;
}

p#byline a:hover, p#byline2 a:hover {
	text-decoration: underline;
}
/********************* End Top Story *********************/

/********************* Start Related News *********************/
/* Title box */
#relatedNewsTop {
	margin: 10px 10px 0 5px;
}

/* Title properties */
p#relatedNewsTitle {
	font-size: 12px;
	font-weight: bold;
	color: orange;
	margin: 10px 0 0 0;
}

/* News list */
p#relatedNewsTitle2 {
	margin: 5px 0 5px 2px;
}

/* News list properties */
p#relatedNewsTitle2 a {
	font-size:11px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/icon_arrow.gif') no-repeat top left;
	padding-left: 20px;
	display: inline;
}

p#relatedNewsTitle2 a:hover {
	font-size:11px;
	font-weight:normal;
	color: maroon;
	text-decoration:underline;
	margin: 0;
}
/********************* End Related News *********************/

/********************* Start Updates *********************/
/* Title box */
#updates {
	margin: 10px 10px 0 5px;
	border-bottom: 1px solid #efefef;
}

#updatesTitle {
	margin: 0 0 0 0;
}

p#updatesTitle1 {
margin: 0 0 5px 2px;
}

p#updatesTitle1 a {
	font-size:11px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/urlgo.gif') no-repeat top left;
	padding-left: 13px;
	display: inline;
}

p#updatesTitle1 a:hover {
	font-size:11px;
	font-weight:normal;
	color: maroon;
	text-decoration:underline;
	margin: 0;
}
/********************* End Updates *********************/

/********************* Start More *********************/
#more {
	margin: 0 10px 0 0;
	float: right;
}

#more1 {
	margin: 0 5px 0 0;
	float: right;
}

.more {
	font-size: 10px;
	font-weight: bold;
	color: orange;
	text-align: right;
	text-decoration:none;
}

.more a {
	color: orange;
	text-decoration:none;
}

.more a:hover {
	color: black;
	text-decoration:underline;
}
/********************* End More *********************/

/********************* Start CoreBox *********************/
/*Outer Left Core */
#core1 {
	float: left; width: 235px;
	margin: 10px 10px 0 5px;
}

/*Outer Right Core */
#core2 {
	float: right; width: 235px;
	margin: 10px 5px 0 10px;
}

/* Title box */
#coreBox {
	float: left; width: 230px;
	margin: 0;
	border-bottom: 1px solid #efefef;
}

h1#updates {
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding: 0px;
	border-bottom: 1px solid #efefef;
	margin: 0 0 5px 0;
	padding-left: 3px;
	background-color: #99CCFF;
}

#topCoreTitle {
	margin: 0 0 0 0;
}

#topCoreTitle a {
	font-size: 12px;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}	

#topCoreTitle a:hover {
	font-size: 12px;
	color: orange;
	font-weight: bold;
	text-decoration:underline;
}

#topCoreNews {
	font-size: 10px;
	color: black;
	margin: 2px 0 15px 0;
	
}

#coreTitle {
	margin: 0 0 0 0;
}

#newsList ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	display: block;
	
}

#newsList ul li{
	margin: 3px;
	padding-bottom: 4px;
}

#newsList ul li a {
	font-size:11px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/book.gif') no-repeat top left;
	padding-left: 13px;
}

#newsList ul li a:hover {
	text-decoration:underline;
}

#rss {
	float:right;
	margin: 3px 3px 0 0;
}
/********************* End Corebox *********************/

/********************* Start Submenu ******************/
#subMenu {
	float:right;
	margin: 8px 0 10px 0;
	width: 230px;
}

#titleSubMenu1 {
	margin: 0 0 0 0;
	height: 28px;
	background-image: url('../images/topTitle_1.gif');
}

#titleSubMenu2 {
	margin: 0 0 5px 0;
	height: 28px;
	background-image: url('../images/topTitle_2.gif');
}

#titleSubMenu3 {
	margin: 10px 0 0 0;
	height: 28px;
	background-image: url('../images/topTitle_3.gif');
}

h1#titleSub {
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding-top: 6px;
	margin: 0 0 0 0;
	padding-left: 48px;
	height: 18px;
}


#subMenu ul{
	margin: 0 0 5px 0;
	padding-left: 5px;
	list-style-type: none;
	font-size: 10px;
	font-weight: normal;
}

#subMenu ul li{
	padding: 0px;
	line-height: 12px; /*Control Submenu padding between li */
	display: block;
}

#subMenu ul li a {
	color: #006699;
	text-decoration:none;
	
}

#subMenu ul li a:hover {
	color: #A70303;
	
	background-color: #F3F3F3;
	text-decoration: none;

}

#iconMenu {
	float:right;
	margin: 0 3px 0 0;
}

#selectSub {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 2px 0 0 0;
	width: 220px;
	background: #99CCFF;
}

#selectMicro {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin: 2px 0 0 5px;
	width: 220px;
}

/********************* End Submenu ******************/

/********************* Start Politics ******************/
#politics {
	float: left;
	width: 475px;
	margin: 5px 0 0 0;
	border-top: 1px solid #efefef;
	padding-top:10px;
	
}

h1#politics {
	font-size: 14px;
	font-weight: bold;
	color:  #996633;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	padding-left: 3px;
	height: 18px;
	border-bottom: 3px orange solid;
}

#flowerdivcontainer {
	
	background-color: #efefef;
	
	padding: 5px;
	border-top: 4px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	}

.modernbricksmenu2{
	padding: 0;
	
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.modernbricksmenu2 ul{
	margin:0;
	margin-left: 10px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
}

.modernbricksmenu2 li{
	display: inline;
	margin: 0 2px 0 2px;
	padding: 0;
	text-align:center;
}

.modernbricksmenu2 a{
	float: left;
	display: block;
	font-size:13px;
	font-weight: bold;
	color: white;
	text-decoration: none;
	margin: 0 5px 0 2px; /*Margin between each menu item*/
	padding: 3px 3px;
	background-color: orange; 
}

.modernbricksmenu2 a:hover{
	background-color: maroon;
	color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
	background-color: black; 
	color: white;
	border-color: orange; 
}
/********************* End Politics ******************/

/*** Start Picture Power ***/

/* Image of The Day / Picture Power */
#picturePower {
	float:left;
	margin: 8px 10px 0 0;
	width: 230px;
}

#picPow {
	background-color: #efefef;
	padding: 3px;
	width: 228px;
	border: 0;
}

#picPowCap {
	background-color: black;
	margin: 0 5px 5px 0;
	padding: 2px;
	float: left;
	font-size: 10px;
	color: white;
}

#picCaption {
	font-size: 9px;
	color: gray;
	background-color: #efefef;
	padding: 2px;
}

/************ Start Videos **************/
#video {
	width: 473px;
	border-left: 1px #efefef solid;
	border-right: 1px #efefef solid;
	border-bottom: 1px #efefef solid;
	margin: 0 0 0 0;
	background-color: #fafafa;
}

h1#titleVideo {
	font-size: 14px;
	font-weight: bold;
	color:  black;
	padding: 0 0 0 0;
	margin: 5px 10px 10px 10px;
	padding-left: 3px;
	height: 18px;
	
	border-bottom: 1px #efefef solid;
}

#topVideo {
	font-size: 14px;
	font-weight: bold;
	color:  #996633;
	margin: 0px 0px 10px 0;
	padding-top: 5px;
}

#topVideo a {
	color: black;
	text-decoration: none;
}

#topVideo a:hover {
	text-decoration: underline;
}

#videoPic {
	margin: 0 10px 0 10px;
	margin:0 auto;
	display: block;
	float:left;
	border: none;
}

#videoList ul{
	margin: 0 0 0 5px;
	padding: 0 0 0 5px;
	list-style-type: none;
	display: block;
}

#videoList ul li{
	margin: 3px;
	padding-bottom: 2px;
}

#videoList ul li a {
	font-size:11px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/iconVideo.gif') no-repeat top left;
	padding-left: 18px;
}

#videoList ul li a:hover {
	text-decoration:underline;
}

#menuVideo {
	font-size:10px;
	font-weight: bold;
	color: orange;
	margin: 5px 10px 5px 10px;
	border-top: 1px #efefef solid;
	text-align: right;
}

#menuVideo a {
	color: orange;
	text-decoration: none;
}

#menuVideo a:hover {
	color: black;
	text-decoration:underline;
}

/********** Start Poll ***********/
#poll {
	margin: 0 0 0 0;
	padding: 3px;
	background-color:#d1dfb8;
}

#poll ul {
	list-style: none;
	margin-bottom: 2px;
	font-size: 10px;
}

#poll ul li {
	display: block;
	margin: 0 0 0 0;
}

#vote {
	font-size: 10px;
	font-weight: bold;
	text-align:center;
}

#poll .q {
	font-size: 10px;
}

p#pollResult {
	margin: 0;
	text-align:center;
}

p#pollResult a {
	font-size:10px;
	font-weight: bold;
	color:  green;
	text-decoration: none;
}

p#pollResult a:hover {
	text-decoration:underline;
}

/*********** Start Speeches ***************/
#speech {
	float:left;
	margin: 10px 0 0 5px;
	width: 97%;
}

#speechList ul{
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style-type: none;
	display: block;
	
}

#speechList ul li{
	margin: 3px;
	padding-bottom: 4px;
	font-variant:small-caps;
}

#speechList ul li a {
	font-size:11px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/iconSpeech.gif') no-repeat top left;
	padding-left: 18px;
	font-variant: small-caps;
}

#speechList ul li a:hover {
	text-decoration:underline;
}
/******** End Speech *********/


p#titleNews {
	margin: 15px 0 5px 0;
	font-size: 16px;
	font-weight: bold;
	
}

p#news {
	margin: 15px 0 5px 0;
	font-size: 12px;
	text-align: justify;
}

p#para {
	margin: 5px 0 5px 0;
	padding-bottom:5px;
	font-size: 11px;
	text-align: justify;
	
	color: gray;
}

p#titleNewsList {
	margin: 10px 0 0 0;
}

p#titleNewsList a{
	font-size:14px;
	font-weight: bold;
	color:  #336699;
	text-decoration: none;
	background: url('../images/urlgo.gif') no-repeat center left;
	padding-left: 13px;
}

p#titleNewsList a:hover {
	text-decoration:underline;
}

#fs {
	margin: 10px 0 10px 0;
	border: 1px #336699 solid;
	padding: 2px;
}

#legend {
	font-size: 12px;
	font-weight: bold;
	color:  #336699;
}

p#latest {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

p#titleLatest {
	margin: 0 0 0 0;
	padding: 0 5px 5px 5px;
}

p#titleLatest a {
	font-size:20px;
	font-weight:bold;
	color:black;
	text-decoration:none;
}

p#titleLatest a:hover {
	text-decoration:underline;
}

p#latestNews {
	font-size:12px;
	font-weight:normal;
	color:black;
	margin: 5px 5px 5px 5px;
}

#channels {
	float:left;
	margin: 15px 5px 10px 5px; padding-bottom: 10px;
	width:99%;
	border-bottom: 1px #efefef solid;
	
}

#chn {
	margin: 8px 0 0 10px;
	font-size: 10px; width: 300px;
	color: #336699;
	float: left;

}

#chnPic {
	float: left;
	margin: 0 5px 0 0;
	border: 0;
}

#mic {
	margin: 0 0 0 0;
	background-image: url('../images/maritime3.jpg');
	height: 200px;
	width: 230px;
	float: left;
}

#micNews ul {
	margin: 70px 0 0 0;
	padding: 10px;
	list-style-type: none;
	display: block;
}

#micNews ul li {
	padding-bottom: 5px;
}

#micNews ul li a {
	color: white;
	text-decoration: none;
	font-size:11px;
	font-weight: normal;
}

#micNews ul li a:hover {
	text-decoration: underline;
}

/********************* Start News Center *********************/
h1#mostRead {
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 0px;
	border-bottom: 1px solid #efefef;
	margin: 0 0 5px 0;
	padding-left: 3px;
	background-color: #ad77a7;
}

h1#otherNews {
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding: 0px;
	border-bottom: 1px solid #efefef;
	margin: 0 0 5px 0;
	padding-left: 3px;
	background-color: #99CCFF;
}

h1#bpaNews {
	font-size: 14px;
	font-weight: bold;
	color: white;
	padding: 0px;
	border-bottom: 1px solid #efefef;
	margin: 0 0 5px 0;
	padding-left: 3px;
	background-color: #003366;
}











/********************* Start Banner Ad *********************/
#eventBanner {
	margin: 5px 0 0 0;
	width: 475px;
}

#player2 {
	margin: 2px 0 0 0;
}

#topBanner {
	margin: 0 5px 0 350px;
	width: 307px;
	padding-top: 12px;
}

/* Banner advertisement */
#ad000 {
	margin: 10px 0 0 0;
	text-align: center;
}

/* Banner image */
#ad001 {
	margin: 2px 0 0 0;
	text-align: center;
}

/* Banner image in news */
#ad002 {
	margin: 2px 0 5px 0;
	text-align: center;
}

/* Scrolling Banners - Marquee */
#ad003 {
	margin: 2px 0 0 0;
	text-align: center;
	overflow:hidden;
	width: 475px;
	height: 105px;
}

/* Inline Banners at the General Main bottom */
#ad004 {
	margin: 0;
	text-align: center;
}

#ad004 ul {
	margin: 2px 0 5px 0;
	list-style-type: none;
}

#ad004 ul li {
	padding-right: 10px;
	display: inline;
	border: none; 
}

#ad004 ul li a {
	border: none; 
}
/********************* End Banner Ad *********************/

/********************* Start Containers *********************/
#mainContainer {
	width: 980px;
	margin: 0 auto;
	padding: 0 0 0 0;
}

#rightContainer {
	float: right;
	width: 475px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}

#rightContainerNews {
	float: right;
	width: 470px;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;
}

#leftContainer {
	float: left;
	width: 500px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#newsContainer {
	float: left;
	margin: 0 0 0 5px;
	width: 710px;
}

#newsContainer2 {
	float: left;
	margin: 0 0 0 5px;
	width: 460px;
}

#newsRight {
	float: right;
	width: 250px;
	margin: 10px 5px 0 0;
	padding: 0 0 0 5px;
	border-left: 1px #efefef solid;
}

#newsCenter {
	float: right;
	width: 230px;
	margin: 10px 10px 0 0px;
	padding: 0 0 0 5px;
	border-left: 1px #efefef solid;
}

/********************* End Containers *********************/

#quickLinks {
	border-top: 1px #efefef solid;
	margin: 12px 5px 10px 5px; padding-top: 10px;
	font-size: 9px;
	text-align: center;
}

#quickLinks ul{
	list-style-type: none;
	margin: 5px 5px 0 5px;
	padding: 0;
}

#quickLinks ul li{
	padding: 1px;
	display: inline;
}

#quickLinks ul li a{
	color: navy;
	text-decoration: none;
	font-weight: normal;
}

#quickLinks ul li a:hover {
	background:black;
	color: white;
}
/********************* Start Footer *********************/
#bgchgColor {
	width: 980px;
	height: 20px;
	margin: 0 auto;
	margin-top:20px;
	padding: 0 0 0 0;
	text-align:center;
}

#copyright {
	width: 980px;
	height: 126px;
	margin: 0 auto;
	padding: 0 0 0 0;
	background: url('../images/bg_footer_aurora.jpg') repeat-x;
}

#copyrightText {
	float: left;
	margin: 32px 20px 0 10px;
	font-size:11px;
	color:white;
}

#copyrightText a {
	font-size:11px;
	color:white;
	text-decoration: underline;
}

#copyrightText a:hover {
	color:orange;
	text-decoration: none;
}

#logoBernama {
	margin: 15px 10px 0 5px;
	float: right;
}

#menuFoot {
	margin: 0;
	padding-top: 10px;
	font-size: 11px;
	text-align: left;
}

#menuFoot ul{
	list-style-type: none;
	margin: 5px 0 0 8px;
	padding: 0;
}

#menuFoot ul li{
	padding: 1px;
	display: inline;
}

#menuFoot ul li a{
	color: black;
	text-decoration: none;
	font-weight: normal;
}

#menuFoot ul li a:hover {
	background:black;
	color: white;
}

#services {
	margin: 0;
	font-size: 9px;
	text-align: left;	
}

#services ul{
	list-style-type: none;
	margin: 5px 0 0 8px;
	padding: 0;
}

#services ul li{
	padding: 1px;
	display: inline;
}

#services ul li a{
	color: navy;
	text-decoration: none;
	font-weight: normal;
}

#services ul li a:hover {
	background:black;
	color: white;
}
/********************* End Footer *********************/

/*********** Start Layout CSS **************/
#spacing {
	height: 2px;
	margin: 0 0 0 0;
	border-bottom: 1px #efefef solid;
}

#spacing2 {
	height: 2px;
	margin: 0 0 8px 0;
	border-bottom: 1px #efefef solid;
}

#border {
	border: none;
}

#border1 {
	border: 1px black solid;
}

.border2 {
	width: 475px;
	height: 105px;
	border: none;
}

#nav {
	margin: 5px 0 0 0;
	text-align: right;
}

.nav1 {
	float: left;
	font-size:10px;
	font-weight: bold;
	color: orange;
}

.nav1 a {
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
	vertical-align: top;
	color: black;
}

.nav1 a:hover {
	text-decoration: underline;
}


.nav2 a {
	font-size:10px;
	font-weight: bold;
	text-decoration: none;
	color: orange;
	vertical-align: top;
}

.nav2 a:hover {
	text-decoration: underline;
}

#newsDate {
	font-size: 11px;
	color: silver;
	margin: 10px 0 5px 0;
}

#iTeks {
	margin: 10px 0 0 0;
	padding: 7px;
	border: 1px #3399FF solid;
}

#iTeks ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style-type: none;
	display: block;
}

#iTeks ul a {
	font-size:9px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/book.gif') no-repeat top left;
	padding-left: 13px;
}

#iTeks ul a:hover{
	text-decoration: underline;
	color: red;
}

#titleiTeks {
	margin: 0 0 5px 0;
	font-size: 10px;
	font-weight: bold;
	background-color: #336699;
	color: white;
	text-align: center;
}

#bottomiTeks {
	margin: 5px 0 0 0;
	font-size: 10px;
	background-color: #336699;
	text-align: center;
}

#bottomiTeks a {
	text-decoration: none;
	color: white;
}

#bottomiTeks a:hover {
	text-decoration: underline;
	color: black;
}

.small {
	font-size: 10px;
}

.oren {
	color: orange;
}

.black2 {
	color: black;
	font-weight: bold;
	font-size: 12px;
}

.white2 {
	color: white;
	font-weight: bold;
	font-size: 12px;
}

.red {
	color: red;
	font-weight: bold;
}

.ws {
	color: black;
	font-weight: normal;
	font-weight: bold;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/************ End Layout CSS ******************/

/*** Opinions ****/

#opnContainerGen {
	width: 250px;
	margin: 0 0 0 0;
	overflow: hidden;
	background-color: #FFCCCC;
	/*border: 1px black solid;*/
}

#opnTitle {
	float: left;
	margin: 0 0 5px 0;
	width: 250px;
	height:	25px;
	background-color: #CC6699;
}

#opnTitle2 {
	float: left;
	margin: 5px 0 5px 5px;
	font-size: 12px;
	font-weight: bold;
}

#opnCont {
	float: left;
	margin: 0 0 0 5px;
	width: 240px;
	font-size: 10px;
}

#opnContainer {
	width: 465px;
	margin: 0 0 0 0;
	overflow: hidden;
}

#opnLeft {
	float: left;
	margin: 0 0 0 0;
	width: 250px;
	font-size: 10px;
}

#opnLeft a {
	color: black;
	text-decoration: none;
}

#opnLeft a:hover {
	color: maroon;
	text-decoration: underline;
}

#opnRight {
	float: right;
	margin: 0 0 0 0; padding: 5px;
	width: 190px;
	border-left: 1px white solid;
	font-size: 10px;
	color: gray;
}

#opnRight a {
	color: black;
	text-decoration: none;
}

#opnRight a:hover {
	color: maroon;
	text-decoration: underline;
}

#opnRight ul{
	margin: 2px 0 0 0;
	padding: 2px 0 0 0;
	display: block;
	list-style-type: none;
}

#opnRight ul li{
	margin: 3px;
	
}

#opnRight ul li a {
	font-weight: normal;
	color: black;
	text-decoration: none;
	padding-left: 25px;
}

#opnRight ul li a:hover {
	color: maroon;
	text-decoration:underline;
}

.chinese {
	border: 0;
	height: 12px;
}

.arab {
	border: 0;
	height: 12px;
}

/*Head Menu Drop Down */
.ddcolortabs{
padding: 0;
height: 20px;
background: transparent;
float:left;
}

.ddcolortabs ul{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin:0;
padding:0;
list-style:none;
margin: 5px 0 0 8px;
}

.ddcolortabs li{
display:inline;
padding:1px;
}

.ddcolortabs a{
color: black;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;

}

.ddcolortabs a:hover{
color: black;
text-decoration: underline;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0;
border: 1px solid black; /*THEME CHANGE HERE*/
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
}


.dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;

padding: 2px 0;
text-decoration: none;
color: black;
}


.dropmenudiv_a a:hover{ /*THEME CHANGE HERE*/
background-color: orange;
color: white;
}

/* start addon for new general page */
#otherHeadTitle {
	margin: 0 0 0 0;
}

p#otherHeadTitle1 {
margin: 0 0 5px 2px;
}

p#otherHeadTitle1 a {
	font-size:11px;
	font-weight: normal;
	color: #336699;
	text-decoration: none;
	background: url('../images/book.gif') no-repeat center left;
	padding-left: 13px;
	display: inline;
}

p#otherHeadTitle1 a:hover {
	text-decoration:underline;
	margin: 0;
}

#ad003a {
	margin: 2px 0 0 0;
	text-align: center;
	overflow:hidden;
	width: 710px;
	height: 105px;
}

#ad003a ul {
	margin: 2px 0 5px 0;
	list-style-type: none;
}

#ad003a ul li {
	padding-right: 2px;
	display: inline-block;
	border: none; 
}

#ad003a ul li ul {
  margin: 0;
  padding: 0;
}

#ad003a ul li ul li{
	padding: 0;
	display: block;
	margin: 0;
	border: none; 
	line-height: 10px;
}

#marquee2 {
	font-size: 10px;
	width: 459px;
	margin: 0 0 0 0;
}

h1#otherHeadlines {
	font-size: 14px;
	font-weight: bold;
	color: black;
	padding: 0px;
	border-bottom: 1px solid #efefef;
	margin: 0 0 5px 0;
	padding-left: 3px;
	background-color: #ee9b00;
}

p#titleTopStory2 {
	margin: 0 0 0 0;
	background-color:gray;
	padding: 0 5px 5px 5px;
}

p#titleTopStory2 a {
	font-size:20px;
	font-weight:bold;
	color:white;
	text-decoration:none;
}

p#titleTopStory2 a:hover {
	text-decoration:underline;
}
/* end addon for new general page */


/* Patriotism */

#patriotism {
	margin: 0 0 0 0; height: 150px; width: 475px;
	background: url('../images/bannerQuotes.jpg') no-repeat center left;
}

#pat {
	padding: 30px 95px 10px 52px;
	color: white;
	font-size: 12px;
	font-style: italic;
}

.pat { font-size: 10px; font-weight: bold; font-style: normal; }

/* Opinions */

#opi001 {
	margin: 10px 0 0 0;
	text-align: center; 
}

/* mula tambahan untuk pendapat 15092009 */
#opnContainer2 {
	width: 700px;
	margin: 0 0 0 0;
	overflow: hidden;
}

#opnLeft2 {
	float: left;
	margin: 0 0 0 0;
	width: 700px;
	font-size: 10px;
}

#opnLeft2 a {
	color: black;
	text-decoration: none;
}

#opnLeft2 a:hover {
	color: maroon;
	text-decoration: underline;
}

#opnLeft3 {
	margin: 10px 0 0 0;
	width: 700px;
	font-size: 10px;
}

/* tamat tambahan untuk pendapat 15092009 */

/* Microsite Baru */

#supertop{
 margin: 0 auto;
 width:970px;
 height:26px;
 background: url('../images/supertop.png') no-repeat center;
}

#topmenu {
	width:920px;
	height:26px;
	margin: 0 0 0 36px;
	padding-top:2px;
}

#microsite{
	width:100px;
	height:28px;
	margin: 0 0 0 0;
	font-weight:600;
	font-size: 11px; 
	color: #000000;
	float: left;
	text-decoration:none;
	text-align:left;
	font-family:Verdana;
	line-height: 10px;
}

#menu {
	width:100px;
	height:26px;
	margin: 0 0 0 0px;
	font-size: 10px; 
	color: #336699;
	float: left;
	text-decoration:none;
	text-align:left;
	font-family:Verdana;
	line-height:10px;
	font-weight:bold;
}

#menuico {
	margin: 0 5px 0 0;
	border: 0;
	border-bottom-color: #808080;
	border-bottom-style: dashed;
}

#menu a:link {color:#348dd8; text-decoration:none;}      /* unvisited link */
#menu a:visited {color:#348dd8; text-decoration:none;}  /* visited link */
#menu a:hover {color:black; text-decoration:none;}  /* mouse over link */
#menu a:active {color:black; text-decoration:none;}  /* selected link */

.iconmicro{
	float:left; padding-right:1px;
}

/*------------------------date/time------------------------------*/

#date {
	width:120px;
	height:28px;
	margin: 0 0 0 0px;
	font-weight:600;
	font-size: 12px; 
	color: white;
	float: right;
	text-decoration:none;
	text-align:center;
	font-family:Verdana;
	line-height: 10px;
}

/* Microsite Baru End */

#hulu a { font-weight: bold; color: red; }
#hulu a:hover { font-weight: bold; color: gray; }

/*Visitors Counter */
#visitors {
width: 300px;
margin: 0 auto;
margin-top: 10px; margin-bottom: 10px; padding: 10px 0 10px 0;
font-size: 9pt;
font-family:Arial;
}

/* ruangan Lifestyle & Celebrities */

#celebrities {	float: left; width: 450px;	margin: 5px 0 0 0;	padding-left:15px;	border-top: 1px solid #efefef;	padding-top:10px;}

/* round box title */
.rbroundbox { background: url(../images/nt.gif) repeat; }
.rbtop div { background: url(../images/tl.gif) no-repeat top left; }
.rbtop { background: url(../images/tr.gif) no-repeat top right; }
.rbbot div { background: url(../images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 7px;}
.rbcontent { margin: 0 7px;font-size: 14px; font-family:Verdana; font-weight:bold; }
.rbroundbox { width: 450px; margin: 1em auto; }


/* Celebrities list topic  */
#list_celeb {	margin: 10px 0 0 0; padding: 0 0 0 0; width: 100%;	font-size: 10px;font-weight: normal;}
#list_celeb ul {	margin: 0 0 0 7px; padding: 0;}
#list_celeb ul li {display: inline-block; list-style-type: none; padding-right: 4px;}
#superCeleb { float: left; margin: 0 0 0 10px; width: 200px; padding-bottom:10px;}
#celeb { float: left; 	font-size: 12px; font-family:Arial, Helvetica, sans-serif; width: 200px; color: #336699; background-color:#f2f2f2;}
#celeb a { text-decoration: none; color: #336699; }
#celeb a:hover { text-decoration: underline; color: #336699; }
#celebPic {	float: left; margin: 0 5px 0 0;	border: 0;}

#version {	margin: 0 0 0 10px;	float: left;	font-size:9px;	color:#CC3300;	font-weight:normal;	font-family:Arial, Helvetica, sans-serif;}
/* TAMAT ruangan Lifestyle & Celebrities */

/*start newsletter */
#content {
	width:300px;
	height : 120px;
	background-color:#eaeaea;
/*	border-bottom:dotted 1px #d1d1d1;*/
}

#cover {
	float: left;
	width: 80px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}


#title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: black;
	float: right;
	width: 200px;
	margin-left:10px;
	margin-top:10px;
	font-weight:bold;
	
}

#click {
	margin-top:20px;
}
/*end newsletter */
