@charset "utf-8";

body {

	font: 70% Verdana, Arial, Helvetica, sans-serif;

	background: #FFFFFF;

	background-image: url(../images/body-bg.jpg); background-repeat: repeat-x; background-position: top;

	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */

	padding: 0;

	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */

	color: #454545;

}



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

a:hover {color: #ffffff; text-decoration:underline;}





.oneColFixCtr #container {

	width: 760px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */

	background:none;

	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */

	border: 0px solid #000000;

	text-align: left; /* this overrides the text-align: center on the body element. */

}

.oneColFixCtr #mainContent {

	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */

	margin-top: 0;

	padding-top: 0;

}



.top-right { background-image: url(../images/body-bg.jpg); background-repeat: repeat-x; background-position: top; }



.sidebartop {
	width: 230px;
	height:189px;
	background: white;
	background-image: url(../images/sidebar-top-bg.jpg);
	background-repeat: no-repeat;
}

.sidebarmiddle {
	width: 230px;
	background: white;
	background-image: url(../images/sidebar-middle-bg.jpg);
	background-repeat: repeat-y;
}

.sidebarbottom {
	width: 230px;
	height:25px;
	background: white;
	background-image: url(../images/sidebar-bottom-bg.jpg);
	background-repeat:no-repeat;
}


.footernote {background-color: #ffffff; height: 25px; border-top: 1px solid #666666;}

.footernote a:link, .footernote a:visited {color: #999999; text-decoration: none;}

.footernote a:hover {color:#cccccc;}	



.title {width: 170px; height: 20px; padding-left: 5px; background-color:#a38bad; color: #ffffff;}

.chaptertitle {width: 340px; height: 40px; padding-left: 5px; background-color:#755184; color: #ffffff;}



.bonustitle {width: auto; height: 40px; padding-left: 5px; padding-right: 10px; background-color:#a38bad; color: #ffffff;}

.percenttitle {width:140px; height: 40px; background-image: url(../images/percent-bg.gif);}



.gen-title {width: auto; height: 20px; padding-left: 5px; padding-right: 15px; background-color:#a38bad; color: #ffffff;}

.availtable {background-color: #eae1ee;}

.tableperbandingan {border: 1px dotted #a38bad; border-style: dotted; border-collapse: collapse;}



.pdf-link {width: 180px;}

.pdf-link a:link, .pdf-link a:visited {color: #CC3300; text-decoration:underline;}

.pdf-link a:hover {background-color: #CC3300; color: #F0F0F0; text-decoration:none;}


.index-link {width: 500px;}

.index-link a:link, .pdf-link a:visited {color: #CC3300; text-decoration:underline;}

.index-link a:hover {background-color: #e1bfe1; color: #CC3300; text-decoration:none;}



.image-thumb {width: 150px; height: 225px; padding:3px; border:1px solid #8a6b96;}

.image-thumb-crown {width: 250px; height: 375px; padding:5px; border:2px solid #8a6b96;}


.artikel-thumb {width: 150px; height: 200px; padding:3px; border:1px solid #8a6b96;}



.html-index {background-image:url(html/images/index-bg.jpg);background-repeat:no-repeat;}



.gallery-thumb {width: 150px; height: 100px; padding:0px; border:0px solid #8a6b96;}

.gallery-dark {background-color: #f4ddf8; height: 150px; border-bottom:1px solid #cccccc; padding-left:5px;}

.gallery-light {background-color: #ffffff; height: 150px; border-bottom:1px solid #cccccc; padding-left:5px;}

.gallery-dark a:link, .gallery-light a:link, .gallery-dark a:visited, .gallery-light a:visited {color: #000000}



.aktivitas-table a:link, .aktivitas-table a:visited {color:#990099;}



.listcenter-dark {background-color: #f4ddf8; height: 75px; border-bottom:1px solid #cccccc; padding-left:5px;}

.listcenter-light {background-color: #ffffff; height: 75px; border-bottom:1px solid #cccccc;padding-left:5px;}



.promo-table a:link, .promo-table a:visited {color:#000000;}



a.linkopacity img {

filter:alpha(opacity=60);

-moz-opacity: 0.6;

opacity: 0.6;

-khtml-opacity: 0.6;

}



a.linkopacity:hover img {

filter:alpha(opacity=100);  

-moz-opacity: 1.0;  

opacity:1.0;

-khtml-opacity: 1.0;

}

.content-link {color:#333333;}
.content-link a {color:#CC0000;}
.content-link a:hover {color:#FFFFFF; background-color:#CC0000;text-decoration:none;}

.clearfloat {display: block;}

.testimoni { width:483px; background-color: #a58daf; }
.testimoni-center{ background-color: #754f82; COLOR: #FFFFFF; border: 1px solid #ffffff; padding:15px 15px 15px 15px;}

.tablegenting {background-color:#fefacf; padding: 10px;}
.gentingtop {background-image:url(../images/berita-genting-top.gif); background-position:left; background-repeat:no-repeat; height:45px;}

.memogenting {background-color: #e3d6f3; padding: 10px;}

.ate-top { height:90px;background-image:url(../images/ate-top-bg.jpg); background-repeat:no-repeat;}
.ate-top-tj { height:90px;background-image:url(../images/ate-top-tj.jpg); background-repeat:no-repeat;}
.ate-middle {background-image:url(../images/ate-middle-bg.jpg); background-repeat:repeat-y;}
.ate-bottom{ height:244px; background-image:url(../images/ate-bottom-bg.jpg); background-repeat:no-repeat;}

.active {border-bottom:2px solid #CC0033;}

.mp3player {height:86px; background-image:url(../images/player-bg.jpg); background-repeat:no-repeat;}

.winner {width: 100%; background-color:#a38bad; color: #ffffff; 
	border-left: 1px dotted white; border-top: 1px dotted white;
}

.winner td {border-right: 1px dotted white; border-bottom: 1px dotted white;
}