/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body, td{
	font-family: Arial;
	margin: 0px;
	padding: 0px;
	font-size:12px;
}

.body {background:#BBBBBB url('images/body_bg.png') repeat-x 0 0;
}

/************* globalLink styles ****************/
.scroll
{
overflow:scroll;
height:200px;
}

#globalLink{
	width: 100%;
}


a.glink, a.glink:visited{
  	font-size: small;
  	color: white;
	font-weight: bold;
	margin: 0px;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

a.glink:hover{
  	background-color:black;
	text-decoration: none;
	color: white;
}

/************ subglobalNav styles **************/

.subglobalNav{
	position: absolute;
	top: 103px;
	width:950;
	padding: 2px 5px 2px 5px;
	visibility: hidden;
	color: white;
	background-color:#d66b00;
}
.subglobalNav1{
	width:100%;
	padding: 2px 5px 2px 5px;
	color: black;
	background-color:#d66b00;	
	font-size:12px;
}
.subglobalNav2{
	width:100%;
	padding: 2px 5px 2px 5px;
	color: #ffffff;
	background-color:#de9c00;
	color:black;
	font-size:12px;
}



.subglobalNav a:link, .subglobalNav a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
}

.subglobalNav a:hover{
	color: #ffffff;
	text-decoration: underline;
	padding: 2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
}
.subglobalNav1 a:link, .subglobalNav1 a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
}

.subglobalNav1 a:hover{
	color: yellow;	
	padding: 2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
}
.subglobalNav2 a:link, .subglobalNav2 a:visited {
	color: #ffffff;
	text-decoration: none;
	padding: 2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
}

.subglobalNav2 a:hover{
	color: #ffffff;
	text-decoration: underline;
	padding: 2px 5px 2px 5px;
	font-size:12px;
	font-weight:bold;
}


#dropmenudiv{
position:absolute;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
}





.footer {
color:#ffffff;
font-size:14px;
font-weight:bold;


}.kategori {
color:#cc0000;
font-size:14px;
font-weight:bold;
padding:5px 0px 5px 0px;
}

a:link, a:active, a:visited { 
text-decoration: none; 
color : blue; 
}

a:hover	{ 
text-decoration: underline; 
color:blue; 
}

a.charts, a.charts:visited { 
text-decoration: none; 
font-weight:bold;
font-size:10px;
color:#00336b; 
}

a.charts:hover	{ 
text-decoration: underline; 
font-weight:bold;
font-size:10px;
color:#00336b;
}

a.judullast, a.judullast:visited { 
text-decoration: none; 
font-weight:bold;
color:#395b07; 
}

a.judullast:hover	{ 
text-decoration: underline; 
font-weight:bold;
color:#0099FF;
}

.judul {
font-weight:bold;
font-size:13px;
color:#496858;
}

.title {
font-weight:bold;
font-size:24px;
font:Times New Roman;
color:#374552;
}

.menu {
font-weight:bold;
font-size:12px;
color:#575757;
}

.judul1 {
font-weight:bold;
font-size:13px;
color:#cc6600;
}
.judulbesar {
font-weight:bold;
font-size:13px;
color:#00336b;
}
.judultimeout {
font-weight:bold;
font-size:25px;
color:#00336b;
}

a.judul, a.judul:visited {
font-weight:bold;
font-size:12px;
color:#00336b;
text-decoration:none;
}
a.judul:hover {
font-weight:bold;
font-size:12px;
color:#00336b;
text-decoration:underline;
}

.waktu {
font-size:10px;
color:#cc6600;
}

a.footer, a.footer:visited{
  	font-size: 12px;
  	color: white;
	font-weight: bold;
	text-decoration: none;
	padding:5px;
}

a.footer:hover{
  	text-decoration: none;
	color: #cca025;
}

a.ticker, a.ticker:visited {
color:#cd6601;
text-decoration: none;
}

a.ticker:hover {
color:#cd6601;
text-decoration: underline;
}

a.last, a.last:visited {
color:#333333;
text-decoration: none;
}

a.last:hover {
color:#333333;
text-decoration: underline;
}

/* table for global calendar */
table.global {
	
	vertical-align:top;
}
table.global td {
	padding: 1px;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align:top;
}

.style1 {color: #FFFFFF}

table.streaming{
font-size:11px;
}

table.market tr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}
table.market td{
	font-family: Arial;
	font-size: 9px;
	color: #000000;
}
table.market th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

.abstitle{/*title for the abtract*/
	font-size: 11px;
	font-weight:bold;
	font-style: normal;
	color:#003291;
}

a.kategori_market, a.kategori_market:visited{
font-size:11px;
font-weight:bold;
color:#44aa2b;
text-decoration:none;
}

a.kategori_market:hover{
font-size:11px;
font-weight:bold;
color:#44aa2b;
text-decoration:underline;
}

.market_info{
font-size:9px;
}

table.marketbig{
	background-color:#FFFFFF;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;

}
table.marketbig tr{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
table.marketbig td{
	font-family: Arial;
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}
table.marketbig th{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #003399;
	color: #FFFFFF;
	font-size: 11px;
}

.maintitle{
	font-size: 14px;
	font-weight: bold;
	color: #6a6a6a;
}

a.pic, a.pic:visited{
border-color:black;
text-decoration:none;
color:black;
}

a.pic:hover{
border-color:red;
text-decoration:none;
color:black;
}

a.katlink, a.katlink:visited{
text-decoration:none;
color:#0068C3;
font-weight:bold;
}

a.katlink:hover{
text-decoration:underline;
color:#0068C3;
font-weight:bold;
}

a.blue, a.blue:visited{
text-decoration:none;
color:#00336b;
}

a.blue:hover{
text-decoration:underline;
color:#00336b;
}

a.question, a.question:visited{
text-decoration:none;
color:#00336b;
}

a.question:hover{
text-decoration:underline;
color:#00336b;
}

a.signup, a.signup:visited{
text-decoration:none;
color:#EE8F00;
font-weight:bold;
}

a.signup:hover{
text-decoration:underline;
color:#EE8F00;
font-weight:bold;
}

a.blink, a.blink:visited{
text-decoration:blink;
font-weight:bold;
}

a.blink:hover{
text-decoration:blink;
font-weight:bold;
}

a.stat, a.stat:visited{
text-decoration:blink;
color:#008800;
font-weight:bold;
}

a.stat:hover{
text-decoration:blink;
color:#008800;
font-weight:bold;
}

a.logout, a.logout:visited{
text-decoration:none;
color:#cc0000;
font-weight:bold;
}

a.logout:hover{
text-decoration:underline;
color:#cc0000;
font-weight:bold;
}

a.training, a.training:visited{
text-decoration:none;
color:black;
font-weight:bold;
}

a.training:hover{
text-decoration:underline;
color:black;
font-weight:bold;
}


/************ Breaking News **************/

a.brk_white, a.brk_white:visited{
color:white;
text-decoration:none;
}

a.brk_white:hover{
color:#cccccc;
text-decoration:none;
}

a.brk_orange, a.brk_orange:visited{
color:#edfb06;
text-decoration:none;
}

a.brk_black, a.brk_black:visited{
color:#000000;
text-decoration:none;
}

a.brk_kuning, a.brk_kuning:visited{
color:#fdff40;
text-decoration:none;
}

a.brk_biru, a.brk_biru:visited{
color:#0c4dff;
text-decoration:none;
}

a.brk_biru_tua, a.brk_biru_tua:visited{
color:#05166B;
text-decoration:none;
}

a.sample, a.sample:visited{
text-decoration:none;
color:#A76A0E;
font-size:14px;
font-weight:bold;
}

a.sample:hover{
text-decoration:none;
color:#EF9F26;
font-size:14px;
font-weight:bold;
}

a.chart, a.chart:visited{
text-decoration:none;
color:#C40000;
font-size:14px;
font-weight:bold;
}

a.chart:hover{
text-decoration:none;
color:#FF3636;
font-size:14px;
font-weight:bold;
}




/************ TIMEOUT **************/
a.travel, a.travel:visited{
text-decoration:none;
color:white;
}

a.travel:hover{
text-decoration:underline;
color:white;
}

a.hot, a.hot:visited{
text-decoration:none;
color:#D37000;
}

a.hot:hover{
text-decoration:underline;
color:#D37000;
}

a.lifestyle, a.lifestyle:visited{
text-decoration:none;
color:#cc0000;
}

a.lifestyle:hover{
text-decoration:underline;
color:#cc0000;
}

a.health, a.health:visited{
text-decoration:none;
color:#D37000;
}

a.health:hover{
text-decoration:underline;
color:#D37000;
}

a.celebrities, a.celebrities:visited{
text-decoration:none;
color:#cc0000;
}

a.celebrities:hover{
text-decoration:underline;
color:#cc0000;
}

a.sport, a.sport:visited{
text-decoration:none;
color:#332A63;
}

a.sport:hover{
text-decoration:underline;
color:#332A63;
}

a.senyum, a.senyum:visited{
text-decoration:none;
color:#286F7F;
}

a.senyum:hover{
text-decoration:underline;
color:#286F7F;
}

a.success, a.success:visited{
text-decoration:none;
color:#D37000;
}

a.success:hover{
text-decoration:underline;
color:#D37000;
}


a.seminar1, a.seminar1:visited{
text-decoration:none;
color:#332A63;
font-weight:bold;
}

a.seminar1:hover{
text-decoration:underline;
color:#332A63;
font-weight:bold;
}

a.seminar2, a.seminar2:visited{
text-decoration:none;
color:#286F7F;
font-weight:bold;
}

a.seminar2:hover{
text-decoration:underline;
color:#286F7F;
font-weight:bold;
}


/************ BACKGROUND ROWS **************/
a.investment, a.investment:visited{
text-decoration:none;
color:black;
}

a.investment:hover{
text-decoration:underline;
background-color:#286F7F;
color:black;
height:10px;
padding:10px;
}



/************ VBLC **************/
a.menu_vblc, a.menu_vblc:visited{
text-decoration:none;
color:#007800;
font-size:14px;
font-weight:bold;
}

a.menu_vblc:hover{
text-decoration:none;
color:black;
font-size:14px;
font-weight:bold;
}



/************ SEMINAR **************/
a.judul_seminar, a.judul_seminar:visited{
text-decoration:none;
color:#006600;
font-size:16px;
font-weight:bold;
}

a.judul_seminar:hover{
text-decoration:underline;
color:#006600;
font-size:16px;
font-weight:bold;
}

a.tab, a.tab:visited{
text-decoration:none;
margin:0 0 0 0px;
valign:bottom;
}

a.tab:hover{
text-decoration:none;
margin:0 0 0 0px;
valign:bottom;
}

a.softchok, a.softchok:visited{
text-decoration:none;
color:#996B26;
font-size:12px;
font-weight:bold;
}

a.softchok:hover{
text-decoration:underline;
color:#996B26;
font-size:12px;
font-weight:bold;
}








/* ######### CSS for Shade Tabs. Remove if not using ######### */

/* CSS Document */

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}



.subtabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 0;
margin-right: 0px;
border: 1px solid #778;
color: #2d2b2b;
background: white url('templateimages/shade.gif') repeat-x top left;; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url('templateimages/shadeactive.gif');
border-bottom-color: white
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


.subtabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.subtabs li{
display: inline;
margin: 0;
}

.subtabs li a{
text-decoration: none;
position: relative;
z-index: 0;
margin-right: 0px;
border: 1px solid #778;
color: #2d2b2b;
background: white url('templateimages/shade.gif') repeat-x top left;; padding-left:7px; padding-right:7px; padding-top:3px; padding-bottom:3px
}

.subtabs li a:visited{
color: #2d2b2b;
}

.subtabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.subtabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.subtabs li a.selected{ /*selected main tab style */
background-image: url('templateimages/shadeactive.gif');
border-bottom-color: white
}

.subtabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
font: 11px arial;
}



/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu3{
margin-top:25px;
padding: 0;
width: 930px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2{
padding: 0;
width: 362px;
/*border-top: 5px solid #D25A0B; Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-bottom: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

.tabcontent{
display:none;
}

<style type="text/css">
/* MENU DROPDOWN */
#dropmenudiv{
position:absolute;
font:normal 11px Verdana;
line-height:18px;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 3px;
text-decoration: none;
font-weight: bold;
color:white;
background: url('images/back_trans_music23.png');
}

#dropmenudiv a:hover{ /*hover background color*/
text-decoration: underline;
background: url('images/back_trans_music23.png');
}

div.sample_attach, a.sample_attach
{
  width: 100px;   
  padding:5px;
  font-weight: bold;
  color: white;
  background: url('images/back_trans_music23.png');
}

#dropmenudiv1 a{
width: 100%;
display: block;
text-indent: 3px;
padding: 3px;
text-decoration: none;
font-weight: bold;
color:white;
background: url('images/back_trans_music231.png');
}

#dropmenudiv1 a:hover{ /*hover background color*/
text-decoration: underline;
background: url('images/back_trans_music231.png');
}

div.sample_attach1, a.sample_attach1
{
  width: 100px;   
  padding:5px;
  font-weight: bold;
  color: white;
  background: url('images/back_trans_music231.png');
}

a.sample_attach, a.sample_attach:visited
{
  display: block; 
  text-decoration: none; 
}

a.sample_attach:hover
{
  display: block; 
  text-decoration: underline; 
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

/* ##### TOOLTIPS #### */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF url('../data/images/grad_tooltip01.gif') repeat-x;
visibility: hidden;
z-index: 100

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#tooltip { padding:10px; font: normal 12px arial; color:#333;   }
#tooltip b {font:bold 1.2em arial; color: #336699; *letter-spacing:-0.03em; }
#tooltip span { margin:0; padding:0; background:#FFF;}
#tooltipx { background-color:#FFFFFF; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;}
#tooltipx img { vertical-align:middle;}

.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}

</style>