/* CSS Document */
div, p, h1, h2, h3, ul{padding:0px; margin:0px;}
ul{list-style-type:none;}
.imageseries{float:left; margin:5px; background-color:transparent; border:0;}
.h3{position:relative; color:#000000; font-weight: bold; font:12px/24px "Trebuchet MS", Verdana, Arial, "Times New Roman", Times, sans-serif;}
.titlespec {height:32px; position:relative; padding:0 14px 0; background:url(../images/skeleton/title.gif) 0 0 no-repeat; font:14px/34px "Trebuchet MS", Verdana, Arial, "Times New Roman", Times, sans-serif; color:#FFFFFF; font-weight: bold;}

.clear{clear:both;}

.spec{font-family: Tahoma, Arial; font-size: 11px; font-weight: normal; color: white; padding-left: 10px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }

#specdetail p {width:460px; padding:0 0 0 10px; position:relative; padding:0 0 0; margin:0 0 0; clear:right;}

#specdetail h3{position:relative; font:14px/16px "Trebuchet MS", Tahoma, "Times New Roman", Times, serif; color:#000000; font-weight: bold;}

#specdetail p.spec{width:430px; margin:0 0 0; padding:5px 20px 5px; font:11px/14px Tahoma, Verdana, "Times New Roman", Times, serif; font-weight: normal;}
#specdetail ul{width:430px; margin:0 20px 0; position:relative; font:11px/14px Tahoma, Verdana, "Times New Roman", Times, serif; font-weight: normal;}
#specdetail li{width:430px; margin:0 0 0; padding:0 0 0 10px; position:relative; background:url(../images/skeleton/dot.gif) no-repeat; font:11px/14px Tahoma, Verdana, "Times New Roman", Times, serif; font-weight: normal;}
#specdetail li.blank{width:430px; margin:0 0 0; padding:0 0 0 10px; position:relative; background:url(../images/skeleton/blank.gif) no-repeat; font:11px/14px Tahoma, Verdana, "Times New Roman", Times, serif; font-weight: normal;}


div.centered {text-align: center; }
div.centered table {margin: 0 auto; text-align: left;}

td{font-family: Tahoma, Arial, Helvetica, Sans-serif; font-size: 11px; color: #FFFFFF; line-height: normal;} 

body, html {SCROLLBAR-FACE-COLOR: #3A3A3A; SCROLLBAR-HIGHLIGHT-COLOR: #3A3A3A; SCROLLBAR-SHADOW-COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #000000; SCROLLBAR-ARROW-COLOR: #8D8D8D; SCROLLBAR-TRACK-COLOR: #000000; SCROLLBAR-DARKSHADOW-COLOR: #000000;}

.title {

	font-size: 11px;

	font-weight: bold;

	color: #FFFFFF;

	text-decoration: none;

}

.date {

	font-size: 11px;

	font-weight: bold;

	color: #FF9900;

	font-family: Tahoma,Arial, Helvetica, sans-serif;

}

.tilex {

	background-repeat: repeat-x;

}

a {

	color: #FFFFFF;

	text-decoration: none

}

a:hover {

	color: #FF9933;

	text-decoration: none;

}

.gambar {

	border: 1px solid #666666;

}

.btn {

	color: #FFFFFF;

	border: 1px solid #666666;

	background-color: #333333;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.thumbnail {

	border: 1px solid #003333;

}

.brochure {

	color: #FF6600 ;

	text-decoration: underline;

}

textarea {

	color: #FFFFFF;

	border: 1px solid #666666;

	background-color: #333333;

	font-family: tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

}

.check {

	color: #000000;

	font-family: tahoma, Arial, Helvetica, sans-serif;

	background-color: #666666;

	border: 1px solid #CCCCCC;

	}
	
/*--Left Panel--*/
#leftPan{float:left; display:block; margin:0 auto;}

#leftPanheader{float:left; position:relative; margin:0 auto; padding:0 0 0;}
#leftPanheader p{float:left; position:relative; width:223px; height:21px; padding:20px 18px 0; font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; background:url(../images/skeleton/bar_series.jpg) 0 0 no-repeat; color:#FDFDFD; text-decoration:none;}

#leftbodyPanLink ul{padding:0 0 0 3px; font:12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;}
#leftbodyPanLink ul li{color:#3D3C2C;}
#leftbodyPanLink ul li a{height:27px; display:block; background:url(../images/skeleton/leftmenu-normal.gif) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; font-weight: bold; padding:0 24px 0;}
#leftbodyPanLink ul li a:hover{height:27px; display:block; background:url(../images/skeleton/leftmenu-hover.gif) 0 0 no-repeat; color:#FF9600; text-decoration:none; font-weight: bold; padding:0 24px 0;}

#leftbodyPanLink ul li.home{height:27px; display:block; background:url(../images/skeleton/leftmenu-selected.gif) 0 0 no-repeat; color:#FF9600; text-decoration:none; font-weight: bold; padding:0 24px 0;}

#leftbodyPanLink ul li a.home{height:27px; display:block; background:url(../images/skeleton/leftmenu-selected.gif) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; padding:0 32px 0;}
#leftbodyPanLink ul li a.submenu{height:25px; display:block; font:11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/skeleton/leftmenu-normal2.gif) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; padding:0 32px 0;}
#leftbodyPanLink ul li a:hover.submenu{height:25px; display:block; font:11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/skeleton/leftmenu-hover2.gif) 0 0 no-repeat; color:#00f6ff; text-decoration:none; padding:0 32px 0;}

#leftbodyPanLink ul li.submenu{height:25px; display:block; font:11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/skeleton/leftmenu-normal2.gif) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; padding:0 0 0;}
#leftbodyPanLink ul li.submenuhome{height:25px; display:block; font:11px/24px "Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/skeleton/leftmenu-selected2.gif) 0 0 no-repeat; color:#42ff00; text-decoration:none; padding:0 32px 0;}

#leftbodyPan p{padding:20px 0 0; margin:12px 0 10px 56px;}
#leftbodyPan p.titletext{color:#4F8A10; font-size:20px; font-style:italic; font-weight:bold;}
#leftbodyPan p.spectext{color:#000101; font-size:14px; line-height:14px; padding:0 0 0; font-weight:bold; margin:0 0 0;}
#leftbodyPan p.normaltext{color:#000101; font-size:12px; line-height:4px; padding:0 0 0;}
#leftbodyPan p span{color:#3D3C2C; font-size: 11pt;}

#leftPanheader2{float:left; position:relative; margin:0 auto; padding:0 0 0;}
#leftPanheader2 p{float:left; position:relative; width:223px; height:21px; padding:20px 18px 0; font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; background:url(../images/skeleton/leftmenu-bg1.jpg) 0 0 no-repeat; color:#FDFDFD; text-decoration:none;}

#leftbodyPanLink2 ul{padding:0 0 0 3px; font:12px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none;}
#leftbodyPanLink2 ul li{color:#FFFFFF;}
#leftbodyPanLink2 ul li a{height:27px; display:block; background:url(../images/skeleton/leftmenu-normal.gif) 0 0 no-repeat; color:#FFFFFF; text-decoration:none; font-weight: bold; padding:0 24px 0;}
#leftbodyPanLink2 ul li a:hover{height:27px; display:block; background:url(../images/skeleton/leftmenu-hover.gif) 0 0 no-repeat; color:#FF9600; text-decoration:none; font-weight: bold; padding:0 24px 0;}

#leftbodyPanLink2 ul li a.home{height:27px; display:block; background:url(../images/skeleton/leftmenu-selected.gif) 0 0 no-repeat; color:#FF9600; text-decoration:none; font-weight: bold; padding:0 24px 0;}
#leftbodyPanLink2 ul li.home{height:27px; display:block; background:url(../images/skeleton/leftmenu-selected.gif) 0 0 no-repeat; color:#FF9600; text-decoration:none; font-weight: bold; padding:0 24px 0;}

/*--/Left Panel--*/

#rightbodyPan {float:left; position:relative; margin:0 0 15px; padding:0 0 0; width: 476px;}