@charset "utf-8";
/* CSS Document */

body, html {
	padding: 0;
	margin: 0;
	height: 100%;
}
body {
	font-family: "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Tahoma;
	font-size: 90%;
	text-align: center;
	color: #666666;
}

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

a:hover {
	color:#666666;
}

img {
	border: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin-top: 0;
}
h4 {
	margin: 0px;
/*	height: 17px;*/
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: bold;
	padding: 12px 12px 0;
}
.fontsize-small {
	font-size: 0.9em;
}
#container {
	width: 820px;
	text-align: left;
	margin: 0 auto;
	min-height: 100%;
	margin-bottom: -110px;
/*	position: relative;*/
}
#contentsubpage {
/*	position: relative;*/
}
#contentsubpage p {
	font-size: 0.9em;
	line-height: 1.3em;
}
	#header {
/*		background: url(../images/header-bg.jpg) no-repeat right top;*/
		height: 103px;
		position: relative;
		padding-bottom: 10px;
	}
	#bilingual-block {
		position: absolute;
		float: right;
		right: 10px;
		bottom: 10px;
	}
	#nav {
		height: 70px;
	}
	#banner {
		height: 243px;
/*		background:url(../images/banner1.jpg) bottom;*/
	}
	#banner-sub {
		height: 150px;
	}
	#row1 {
		background: url(../images/bg-row1.jpg) repeat-y	;
		/*position: relative;*/
	}
	#row2 {
		background: url(../images/bg-row2.jpg) repeat-y; 
	}


		.row-left1 {
/*			background: url(../images/bg-calc.jpg) top no-repeat #FFFFFF;*/
			width: 313px;
			float: left;
		}
		.row-right1 {
/*			background: url(../images/bg-123.jpg) #FFFFFF;*/
			width: 507px;
			float: right;
		}
		.row-left2 {
/*			background: url(../images/bg-faq.jpg) #FFFFFF;*/
			width: 313px;
			float: left;
		}
		.row-right2 {
/*			background: url(../images/bg-123.jpg) #FFFFFF;*/
			width: 507px;
			float: right;
		}
			.news-box {
				width: 233px;
				float: left;
			}
	#row-sub {
		position: relative;
	}	
		.row-left-sub {
/*			background: url(../images/bg-left-sub.jpg) repeat-y;*/
			width: 313px;
			float: left;
		}
		* html .row-right-sub {
			display: inline;
			margin-left: -200px;
		}
		.row-right-sub {
			background: url(../images/bg-123.jpg) #FFFFFF;
			width: 507px;
			float: right;
		}
	#row-spread {
		background: url(../images/box10.jpg) repeat-y;
	}
#footer {
	width: 820px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	height: 110px;
	padding-top: 10px;
}
	#footer ul {
		margin: 0;
		padding: 0;
	}
	#footer li {
		display: inline;
	}
	#footer a {
		font-size: 0.7em;
		text-decoration: none;
		color: #999;
	}
	#footer a:hover {
		color: #666;
		text-decoration: underline;
	}
.clearfooter {
	height: 110px;
	clear: both;
}
.clear {
	clear: both;
}
.bilingual {
	font-size: 1em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
}
a.bilingual:link, a.bilingual:visited {
	color: #999999;
	font-weight: normal;
}
a.bilingual:hover {
	color: #000000;
}
.title-box {
	margin-left: 10px;
}
.title-news-home {
	font-weight: bold;
	margin: 0 5px 15px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
}
.news-home {
	font-size: 0.85em;
	margin: 15px 5px;
}
.news-home-archive {
	background-color: #eeeeef;
	font-size: 0.85em;
	/*	float: left;*/
	margin: 0 5px;
	padding: 5px;
	width: 212px;
}
.news-home-archive ul {
}
.news-home-archive ul a {
	color: #333333;
	text-decoration: none;
}
.news-home-archive ul a:hover {
	text-decoration: underline;
}
.more a {
	color: #000000;
}
.more a:hover {
	color: #666666;
}
.more a:visited {
	color: #666666;
}
.more2  {
	background-color: #015BA9;
	color: #FFF;
	font-size: 0.8em;
	padding: 0 5px;
	text-decoration: none;
}
.faq-q {
	font-weight: bold;
	font-size: 0.95em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.faq-a {
	font-size: 0.85em;
	margin: 10px 10px 10px 20px;
}
.faq-q a {
	color: #666666;
	text-decoration: none;
}
.faq-q a:hover {
	text-decoration: underline;
}

#article .faq-a {
	font-size: 1em;
	margin: 10px 10px 10px 20px;
}
#relatedinfo {
	font-size: 1em;
	line-height: 1.3em;
	padding: 0 20px;
}
#relatedinfo a {
	color: #333;
	text-decoration: none;
}
#relatedinfo a:hover {
	text-decoration: underline;
}
#relatedinfo ul {
	margin: 0;
	padding: 0;

/*	margin-left: -20px;*/
}

#relatedinfo li {
	line-height: 1.8em;
	list-style-type: none;
/*	background-color: #C0DCF5;*/
	border-bottom: 1px solid #C0DCF5;
	text-align: right;
	padding-right: 10px;
}
#leftinfo {
	font-size: 0.9em;
	line-height: 1.3em;
	color: #333333;
	padding: 0 20px;
	margin-top: 0px;
}
#leftinfo blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	color: #006699;
	text-align: right;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
/*	border-bottom: 1px #92d0f4 solid;*/
}
#leftinfo blockquote p {
	margin-top: 0;
}
#article blockquote {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	color: #006699;
	text-align: right;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
/*	border-bottom: 1px #92d0f4 solid;*/
}
#article blockquote p {
	margin-top: 0;
}
#article blockquote img {
	border: none;
}

#bg-left {
	width: 213px;
	height: 600px;
	position: absolute;
	background: url(../images/bg-left1.jpg) top no-repeat;
	overflow: hidden;
	left: 7px;
	bottom: 7px;
	z-index: 0;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
#article {
	padding: 0 30px;
}#article ul {   margin-left: -20pt !important; /* Other Browser but IE6 Respect this*/    margin-left: 11pt;    font-size: 0.9em;   }#article ol {   margin-left: -10pt !important; /* Other Browser but IE6 Respect this*/    margin-left: 11pt;    font-size: 0.9em;   }
#article img {
	padding: 6px;
	border: 1px #CCC solid;
	margin: 0 10px;
	background: #fff;
}/*
#article td {
	font-size: 0.9em;
}*/
#article td {
	vertical-align: top;
	border-bottom: 1px #CCCCCC solid;	font-size: 0.9em;
}
/* TABLES */
#gradient-style {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 0px;
	/*	width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}
#gradient-style th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe url('../images/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td {
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../images/gradback.png') repeat-x;
}
#gradient-style tfoot tr td a {
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td {
	background: #d0dafd url('../images/gradhover.png') repeat-x;
	color: #339;
}

/*-----*/
#produk-style {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
/*	font-size: 1em;*/
	margin: 0px;
	/*	width: 480px;*/
	text-align: left;
	border-collapse: collapse;
}
#produk-style img {
	border: none;
	padding: 0;
}

#produk-style th {
	background: #e8edff url('../images/gradback.png') repeat-x;
	font-size: 1em;
	font-weight: normal;
	padding: 8px;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #039;
}
#produk-style th p {
	font-size: 0.9em;
	margin: 0;
}

#produk-style td {
	font-size: 0.9em;
	padding: 8px;
	border-bottom: 1px solid #fff;
	color: #666666;
	border-top: 1px solid #fff;
}
#produk-style tfoot tr td  {
	background: #e8edff;
	font-size: 12px;
	border-left: 1px solid #fff;
}
/*#produk-style tbody tr:hover td
{
	color: #339;
}*/
#produk-style input {
	font-family: "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, Tahoma;
/*	font-size: 0.8em;*/
	color: #666666;
/*	border: 1px #999999 solid;*/
}
.produk-hasil {
	background: transparent;
	font-size: 1.5em;
	color: #e8edff;
	border: none;
	font-weight: bold;
	text-align: center;
}


/** ACCORDION **/
.accordion_toggle {
	display: block;
	background: #ccc;
	padding: 5px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #cde99f;
	cursor: pointer;
	margin: 0 0 0 0;
}

.accordion_toggle_active {
	background: #e0542f;
	color: #ffffff;
	border-bottom: 1px solid #f68263;
}

.accordion_content {
	background-color: #ffffff;
	overflow: hidden;
}
#quote {
	background: url(../images/box8.jpg) no-repeat left top;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: italic;
	color: #006699;
	text-align: center;


}
#mini-calc {
	width: 250px;
	margin-left: 200px;
	border: 1px #CCC solid;
	padding: 5px;
}
#mini-calc  div {
	background-color: #FF9900;
	color: #000;
	padding: 5px;
}

#importantbox {
	background-color: #eeeeef;
	padding: 10px;
	margin-top: 20px;
}
#importantbox h3 {
	font-size: 1.2em;
}
#importantbox  a {
	font-size: 0.9em;
	color: #333333;
	text-decoration: none;
}
#importantbox  a:hover {
	text-decoration: underline;
}


/*********** Tabs fabtabs ************************/

	#member_auth ul {
	margin-top:0px;
	list-style:none;
	padding:10px 0 0 20px;
	}
    #tabs{
        margin-left: 4px;
        padding: 0;
        background: transparent;
        voice-family: "\"}\"";
        voice-family: inherit;
        padding-left: 5px;
    }
    #tabs ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs li{
        display:inline;
        margin:0 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
    #tabs a{
        float:left;
        margin:0 2px 0 0;
        padding:0 0 1px 3px;
         background-color: #7E94B9;
        text-decoration:none;
          color: white;
    }
    #tabs a span{
        float:left;
        display:block;
        padding:4px 9px 2px 6px;
    }
    #tabs a span{float:none;}
/*    #tabs a:hover{background-color: #7E94B9;color: white;}
    #tabs a:hover span{background-color: #7E94B9;}*/
    
    .tabContent {
        clear:both;
        /*border:2px solid #42577B;*/
        padding-top:2px;
          display: none;
    }

    .active-tab {
      color:white;
    }
    
    #tabs a.active-tab {
     color:white;
     background-color: #015ba9;
    }
.tabContent.active-tab-body {
	display: block;
}

/************************************************/


/************ Consultation ***********************/


#consult ul.list li {
border-bottom:1px dotted #B9C7DE;
padding:10px 0;
margin: 0 10px;
line-height: 18px;
width:450px;
}

#consult ul.list li a {
	text-decoration :none;
	font-size:15px;
	color:#006699;
	font-family:arial;
}

#consult ul.list li a:hover {
	text-decoration :underline;
	
}
/*
#consult ul.list li a.follower_count{
background-color:#055BA4;
border:1px solid #7E94B9;
color:white;
font-size:12px;
font-weight:bold;
padding:2px;
}*/

#consult #head h2 {
margin-bottom:5px;
margin-left:10px;
}
    
#consult {
 width:480px;
 padding-left:15px;
}
   
#consult ul {
	margin-left:-5pt !important;
	width:480px;
}

#consult .question_box {
	font-family:verdana;
	font-size:13px;
	margin:5px 0 10px 0;
	width:430px;
	border: #dddeff 1px solid;
	padding: 5px;
}

.question_box {
	font-family:verdana;
	font-size:13px;
	margin:5px 0 10px 0;
	width:430px;
	border: #dddeff 1px solid;
	padding: 5px;
}
	
#consult #tabscontent label {
  font-size:13px;
  font-family:arial;
  margin-top: 5px;
  }

#consult h1{
margin : 0;
}

button {
background-color:#055BA4;
border:medium none;
color:white;
cursor:pointer;
font-size:11px;
font-weight:bold;
padding:3px;
}

.button2 {
background-color:#055BA4;
border:medium none;
color:white;
cursor:pointer;
font-size:11px;
font-weight:bold;
padding:3px;
}

#postreply {
	clear:both;
	padding-left:182px;
	padding-top: 20px;
}

#topic_creator_details {
	margin-left: -11px
}

.layer2 {
	color:#000000;
}

.list {
	list-style: none;
	padding: 0 8px;
}

#threadlist {

}

.news-home-archive ul {
	padding-left: 20px;
}
/*************************************************/