@charset "UTF-8";
/* 

By : Eddy Yansen
Original CSS Style

*/


* {
	margin: 0;
	padding: 0;
	}

html, body {
	margin: 0;
	padding: 0;
	background:#333333;
	font: normal 12px Arial;
	color:#333333;
	}

a:link, a:visited, a:active {
	color:#FFFFFF;
	text-decoration: none;
	outline:none;
	}

a:hover {
	color:#FF3300;
	}
	
/*Edit by agus*/

h2 {font-size:18px; color:#1d2533; font-family: Arial; line-height:26px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; font-weight:normal}


table.padding5 { text-align:left; margin:0px; padding:0px; }
table.padding5 td { padding:3px; vertical-align:top; }

img { border:0;}

select { font-size:12px; font-family:Arial;}

.hand { cursor:pointer; cursor:hand;}

.w148 { width:148px;}
.w180 { width:180px;}
.w275 { width:275px;}
.w592 { width:592px;}

.fieldNote
{
	font-family:Arial; 
	font-size:11px; 
	color:#505665;
}

/* odd items 1,3,5,7,... */
table tr.odd th,
.odd {
    background: #FFFFFF;
}

/* even items 2,4,6,8,... */
table tr.even th,
.even {
    background: #FFFFFF;
}

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd,
table tr.even th,
table tr.even {
    text-align:         left;
}

/* marked table rows */
table tr.marked th,
table tr.marked {
    background:   #f5f6f8;
    color:   #000000;
}

/* hovered items */
.odd:hover,
.even:hover,
.hover {
    background: #f5f6f8;
    color: #000000;
}

/* hovered table rows */
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th {
    background:   #f5f6f8;
    color:   #000000;
}

.title { 
	font-size:16px;
	font-weight:bold;
}
.bold { 
	font-weight:bold;
}
.red {
	color:#FF0000;
}
.ping {
	color:#ff6d3e;
}
/*Batas edit by agus*/

#container {
	margin: 0 auto;
	padding: 0;
	margin-bottom:0;
	margin-top:0;
	width: 1024px;
	text-align: left;
	background-color:#d1d1d1;
	}
	
#menu {
	margin: 0 auto;
	padding: 0;
}

#menu ul {
	margin: 0;
	padding: 0;
	}

#menu ul li {
	list-style: none;
	float: left;
	margin-left: 0px;
	}

#headeratas {
	margin: 0 auto;
	padding: 0;
	margin-bottom:0;
	margin-top:0;
	background:#000000;
	height:26px;
	}

#headeratas ul {
	margin-left:10px;
	text-align:center;
	}
	
#headeratas ul li {
	padding: 0;
	margin-bottom:0;
	margin-top:5px;
	margin-left:80px;
	list-style:none;
	float:left;
	}

#headersupport {
	height:32px;
	margin:4px;
	margin-top:6px;
	margin-bottom:0px;
	text-align:right;
	}
	
#mainbanner{
	height:575px;
	background:url(images/mainbanner.jpg) no-repeat center;
	}

#mainbanner2{
	height:275px;
	background:url(images/mainbanner2.jpg) no-repeat center;
	}

#mainbanner3{
	height:42px;
	background:url(images/footerimages.jpg) no-repeat center;
	}

#mainbannerloop{
	background:url(images/loop.jpg) repeat-y center;
	}
	
#contentarea a:link, #contentarea a:active, #contentarea a:visited{
color:#660000;
text-decoration:underline;
	}
	
#contentarea a:hover{
color:#000000;
	}

#contentarea{
	margin-left:70px;
	}

#contentarea ul li{
	margin-left:10px;
	list-style: none;
	}


#areanews{
	height:93px;
	margin-left:70px;
	}

#areanewsbox{
	height:93px;
	width:430px;
	margin-left:10px;
	padding:5px;
	float:left;
	}
	

#gambarnews{
float:left;
margin-right:10px;
	}

#isinews{
float:left;
vertical-align:middle;
width:240px;
margin-top:10px;
	}

#isinews ul li{
margin-left:10px;
list-style:inside;
	}

#isinews a:link,#isinews a:visited,#isinews a:active{
font-weight:bold;
color:#990811;
	}

#isinews a:hover{
font-weight:bold;
color:#151515;
	}
	
#areapromo{
	height:147px;
	background:url(images/bannerbawah.jpg) no-repeat center;
	}

#areapromobox{
	height:93px;
	width:430px;
	margin-left:55px;
	margin-top:10px;
	padding:0px;
	float:left;
	}
	
#judul{
margin-bottom:5px;
color:#999999;
font-weight:bold;
	}
	
#areamenu{
	height:93px;
	}

#isibawahsamping{
width:200px;
margin-left:10px;
	}
	
#footerbawah {
	margin: 0 auto;
	padding: 0;
	margin-bottom:0;
	margin-top:0;
	background:#000000;
	height:26px;
	text-align:center;
	}
	



#logo {
margin-left:65px;
width:380px;
float:left;
	}
	
#sampinglogo {
float:left;
height:26px;
margin-top:25px;
text-align:center;
line-height:0px;
	}



#submenu {
	margin: 0 auto;
	padding: 0;
	margin-bottom:0;
	margin-top:0;
	height:26px;
	font-weight:bold;
	}

#submenu ul {
	margin-left:5px;
	text-align:center;
	}
	
#submenu ul li {
	padding: 0;
	margin-bottom:0;
	margin-top:5px;
	margin-left:61px;
	list-style:none;
	float:left;
	}
	
#bannergambar {
	padding: 0;
	margin-bottom:0;
	margin-top:-2px;
	margin-left:53px;
	width:964px;
	}

#bannergambar2 {
	padding: 0;
	margin-bottom:0;
	margin-top:-2px;
	margin-left:54px;
	width:964px;
	}
	
	
/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#FFFFFF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color:#FFFF00; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}

/* tambahan buat menu */

.listctb {
	margin: 0;
	padding: 0;
	}



.listctb ul {
	margin: 0;
	padding: 0;
	}

.listctb ul li {
	list-style:inside;
	margin: 0 0 3px 35px;
	}

#contentthirdbodykiri {
	float:left;
	width:200px;
	color:#999999;
	}

#contentthirdbodykiri a:link,#contentthirdbodykiri a:visited,#contentthirdbodykiri a:active {
	color:#999999;
	}
	
#contentthirdbodykiri a:hover{
	color:#990000;
	}

.subtitle{
font-weight:bold;
color:#333333;
margin-left:35px;
}



/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:902px;
		height:362px;
		overflow:hidden; 
		}
		
    span#prevBtn{}
	span#nextBtn{}	

/* // Easy Slider */

.subtitle2{
font-weight:bold;
color:#333333;
margin-left:0px;
width:450px;
font-size:16px;
}