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

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

.sub1 { color:#76BDC3; }

a.sub1, a.sub1:visited{
text-decoration:none;
color:#76BDC3;
font-size:13px;
font-weight:bold;
}

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

.sub2 { color:#B7A47C; }

a.sub2, a.sub2:visited{
text-decoration:none;
color:#B7A47C;
font-size:13px;
font-weight:bold;
}

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

.footer { color:white; }

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

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

.black { color:black; }

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

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

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

a.menu:hover,a.menu:active{
text-decoration:underline;
font-size:12px;
font-weight:bold;
}

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

a.red_title:hover{
text-decoration:underline;
color:#C0352E;
font-size:12px;
font-weight:bold;
}

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;
}



/* 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(templateimages/back_trans_music.png);
}

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

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

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

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


/* DETAILS #047DB5*/
.judul
{
font-family:times new roman;
text-decoration:none;
font-size:30px;
}

a.more, a.more:visited{
text-decoration:none;
font-size:12px;
font-weight:bold;
}

a.more:hover{
text-decoration:underline;
font-size:12px;
font-weight:bold;
}

a.detail, a.detail:visited{
text-decoration:none;
font-size:12px;
}

a.detail:hover{
text-decoration:underline;
font-size:12px;
}

a.halaman, a.halaman:visited{
text-decoration:underline;
font-size:14px;
}

a.halaman:hover{
text-decoration:underline;
font-size:14px;
}

a.noline, a.noline:visited{
text-decoration:none;
font-size:12px;
}

a.noline:hover{
text-decoration:none;
font-size:12px;
}



/* ##### 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}