@charset "utf-8";
body { background: #f3cb2b url(../images/bg.gif) repeat-x top left; margin: 0 auto; padding: 0; font-family: Arial; font-size: 9pt;}
hr, #kanan hr { border: none 0; border-top: 1px solid #d9d9d9;	width: 100%; height: 1px; margin: 2px 0 2px 0; padding-bottom: 10px}/**/
a, a:link, a:visited, a:active {text-decoration: none; color:#800000;}
a:hover {color: red}
a img {border: none}
/*ul, ol {list-style-position: inside; margin-left: 15px; text-indent: -15px;}
ul li, ol li {list-style-position: inside; padding-bottom: 9px; }/**/
ul, ol {list-style-position: inside; }
ul li, ol li {list-style-position: inside; padding-bottom: 9px; }/**/
li.benar, .benar {padding: 0 5px 5px 5px; margin-left: 15px; background-color: #BFFFBF; border: 1px solid #808080;}
.quizanswer {padding: 0 5px 5px 5px; margin-left: 15px;}
#qanswers ul li {padding-bottom: 3px}
h1, h2, h3 {color: #444; font-weight:bold; text-transform: uppercase}
.red {color: red}
.tanggal {color:#808080; font-size: 8pt; font-weight: bold;}
#breadcrumb, #breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {text-transform: uppercase; color: #9A9A9A; vertical-align:baseline; font-size: 8pt; padding-bottom: 5px;}
#content #breadcrumb a:hover { color: red}
.error {padding: 10px; font-size: 9pt; background: #FFDBB7; border: 2px solid red; color: #444; }
.thanks {padding:15px;background-color:#dedeee}
#loading, #fcloading {
	position:relative;
	background-image:url(../images/loading-animation.gif);
	background-repeat:no-repeat;
	background-position: top;
	text-align:center;
	padding:2px;
	font-size:8pt;
	display:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:212px;
	height:17px;
	margin:auto;
	vertical-align:top;
	z-index: 50;
}
#artRateContent {padding: 0; margin: 0}
#artRateContent img.artRate { cursor:pointer }
#slide { margin-left: 23px; margin-top: 25px; width: 627px; overflow: hidden; background: #dfdfdf url(../images/cornerkiriatas.jpg) no-repeat top left;}
.bingkaislide {margin-left: 10px; margin: 5px; width: 444px; height: 348px; background: url(../images/bgslide.jpg) no-repeat; float: left;}
.slidebottom {margin-left: 23px; width: 627px; height: 17px; background: #dfdfdf url(../images/cornerkiribawah.jpg) no-repeat bottom left;}
input.btnsearch {background: url(../images/bgbutton.gif) no-repeat; width: 121px; height: 47px; border: 0; float: right; margin-right: 10px; color: #FFFFFF; font-size: 10pt; font-weight: bold; text-transform: uppercase; vertical-align: top; text-align: center; margin: 0 10px; padding-bottom: 6px; }
#main { width: 982px; margin: 0 auto;}

#atas { height: 277px; }

#header { width: 982px; height: 164px; background: url(../images/bg-header2.jpg) no-repeat top left; padding-top: 58px; margin: 0; }

#boxtitle { width: 950px; height: 41px; margin-left: 16px; padding-top: 17px;}

#boxtitle a { color: #FFFFFF; text-decoration: none; font-family: arial; font-size: 14pt; text-transform: uppercase; font-weight: bold; }

#idtitle { float: left;  width: 450px; padding-left: 15px;}
#entitle { float: right; width: 450px; text-align: right; padding-right: 15px; letter-spacing: 0.02cm}

#page { width: 950px; height: 45px; margin-left: 16px;  }

#menu { width: 950px; height: 55px; }
/*#menu ul { text-transform: uppercase; margin-left: -5px; margin-top: 20px; font-size: 10pt;  font-weight: bold; font-family: Arial; list-style: none; list-style-position: outside; }/**/
#menu .menucontainer { text-transform: uppercase; margin: auto; margin-top: 20px; text-align: center; font-size: 10pt;  font-weight: bold; font-family: Arial; }
#menu .menucontainer a { color: #a66b9b; text-decoration: none; padding: 10px; }
#menu .menucontainer a:hover { color: #fff500;}
#menu .menucontainer .aktif { color: #FF8000;}
#menu li { display: inline ; padding: 10px 10px 10px; }

#bawah { width: 953px; background: url(../images/bgcontent.jpg) repeat-y top left; margin-left: 13px; overflow: hidden; padding: 0; }

#borderbawah { width: 953px; height: 30px; background: url(../images/borderbawah.jpg) no-repeat bottom left; margin-left: 13px; padding: 0; } 

.garis { border-bottom: 1px solid #d9d9d9; margin-left: 2px; width: 950px;  }

#kiri { float: left; width: 302px;  }

.kiridalam { overflow: hidden; width: 300px; background: #dfdfdf url(../images/borderkiribawah.gif) no-repeat bottom right; margin-left: 2px; padding: 0; padding-bottom: 20px; margin-bottom: 30px;}

#kanan { width: 640px; float: left; background: #ffffff url(../images/borderkananatas.gif) no-repeat top left;  }

#content { margin: 15px 5px 0 25px; color: #444; font-size: 10pt; line-height: 1.3;}
#content .artImage {position: relative;padding:3px; margin-right: 10px; float:left; width: auto; }
#content .artImage img {border: none; }
#content div.artImage p {margin:0; font-size:7pt; color:#939598; width:300px;}
#content div.artImage a {font-size:7pt;}
#content .listcontainer {float: none; margin: auto; padding: 15px 0 15px; }
#content .listcontainer .listindent {float: left; max-width: 420px; margin-top: 2px; margin-left: 5px; padding-bottom: 10px;}

#content h1 {font-size:12pt;}
#content h2 {font-size:11pt}
#content h1.red, #content h1.red a, #content h1.red a:link, #content h1.red a:visited, #content h1.red a:active {color: red; margin-top: 0; padding-top: 5px; font-size: 13pt; font-weight: bold; text-transform: uppercase;}
#content h1.red a:hover { color:#5a5a5a }
#content h1.news, h1.news {font-size: 16pt; font-weight:bold;text-transform: uppercase; padding-left: 55px; margin: 5px 0 10px 5px; padding-top: 10px; background: url(../images/beritapilihan.gif) no-repeat top left; height: 52px; vertical-align: middle;text-align: left; color:#5a5a5a}
h1.news {background: url(../images/beritapilihan.gif) no-repeat top left; }
#content h1.jurnal, h1.jurnal {font-size: 16pt; font-weight:bold;text-transform: uppercase; padding-left: 55px; margin: 10px 0 10px 5px; padding-top: 12px; background: url(../images/buku.gif) no-repeat; height: 52px; vertical-align: middle;text-align: left; color:#5a5a5a}

#content h1.agenda, h1.agenda {font-size: 16pt; font-weight:bold;text-transform: uppercase; padding-left: 55px; margin: 10px 0 10px 5px; padding-top: 12px; background: url(../images/agenda.gif) no-repeat; height: 52px; vertical-align: middle;text-align: left; color:#5a5a5a}

#content h1.artikel, h1.artikel {font-size: 16pt; font-weight:bold;text-transform: uppercase; padding-left: 55px; margin: 10px 0 10px 5px; padding-top: 12px; background: url(../images/beritapilihan.gif) no-repeat; height: 52px; vertical-align: middle;text-align: left; color:#5a5a5a}

#jurnal { margin-bottom: 20px; margin-left: 10px; text-transform: uppercase; }

#jurnal h3 { margin-bottom: 10px; font-size: 10pt; color: #5a5a5a;}

h1.jurnal { margin:0; margin-left: 10px; padding: 10px 10px 0 10px; background: url(../images/buku2.gif) no-repeat center left; text-align: right; color:#8c8c8c; height: 43px; overflow: visible;}
/*h1.news { margin:0; margin-left: 10px; padding: 10px 10px 0 10px; background: url(../images/beritapilihan.gif) no-repeat center left; text-align: right; color:#8c8c8c; height: 43px; overflow: visible;}/**/
h1.news, h1.agenda, h1.artikel {padding-left: 55px; margin: 10px 0 5px 10px; text-align: right; padding-right: 10px; color:#8c8c8c; height: 43px; overflow: hidden;}
.jurnaltop {vertical-align: top; width: 300px; background: url(../images/cornerkananatas.gif) no-repeat top right; margin:0; padding:0;}
.jurnalbottom {margin:0; padding:0; margin-bottom: 15px; background: url(../images/gerigi.gif) no-repeat bottom; height: 40px; }

.linkstop {vertical-align: top; width: 300px; background: url(../images/cornerkananatas.gif) no-repeat top right; margin:0; padding:20px 0;}

a.red, a.red:link, a.red:visited, a.red:active {font-size: 8pt; color: red; text-transform: uppercase;}
a.red:hover {color:#5a5a5a; }

/*#content h1.agenda {font-size: 19px; text-transform: uppercase; padding-left: 55px; margin: 10px 0 10px 5px; padding-top: 10px; padding-bottom: 10px; background: url(../images/agenda.gif) no-repeat; height: 43px; vertical-align: middle;}*/

#bahasa { height: 60px; margin-top: 20px; }

#pencarian { overflow: hidden; background: url(../images/bg-subhead.jpg) repeat-x top left;  }

#beritaterakhir  { overflow: hidden; background: url(../images/bg-subhead.jpg) repeat-x top left; padding-left: 10px; }
#artikelterakhir { overflow: hidden; background: url(../images/bg-subhead.jpg) repeat-x top left; padding-left: 10px; }

.berita { margin-bottom: 5px; color: #5a5a5a; padding-bottom: 20px; margin-right: 10px; margin-top: 10px;  background: url(../images/garisputus.gif) repeat-x bottom right; }
.berita a, .berita a:link, .berita a:visited, .berita a:active { font-weight:bold; color: #5a5a5a; text-decoration: none}
.berita a:hover {color: red}

.listberita { margin-bottom: 5px; color: #5a5a5a; padding-bottom: 20px; margin-left: 10px; margin-right: 10px; margin-top: 10px; }
.listberita a, .listberita a:link, .listberita a:visited, .listberita a:active { font-weight:bold; color: #5a5a5a; text-decoration: none}
.listberita a:hover {color: red}
.listberita img {padding:3px; margin-right: 15px; float:left; border: 1px solid #e5e5e5} /* #e5e5e5 */
.listberita h3 {font-size: 11pt}
.listberita h3.subtitle {font-size: 9pt}

a.readmore, a.readmore:link, a.readmore:visited, a.readmore:active { font-size: 90%; text-decoration: none; font-weight:bold}
a.readmore:hover {color: red}

.teksartikel {color: #5a5a5a; padding: 5px 10px 10px 10px;}
.teksartikel h3 a, .teksartikel h3 a:link, .teksartikel h3 a:visited, .teksartikel h3 a:active {text-transform: uppercase; font-size: 12pt; color: #ff0000; text-decoration: none; font-weight: bold;}
.teksartikel h3 a:hover {color: #5a5a5a}
.teksartikel h3.subtitle {font-weight: normal; color: #dfdfdf;}
.teksartikel a, .teksartikel a:link, .teksartikel a:visited, .teksartikel a:active {font-weight:bold; color: red; text-decoration: none}
.teksartikel a:hover {color: red}
.teksartikel img {padding:3px; margin-right: 15px; float:left; border: 1px solid #e5e5e5} /* #e5e5e5 */
#artikel a#artikellain {margin-left: 10px; margin-right: 20px; text-transform: uppercase; text-decoration: none; color: #fff; text-align: center; float: right; height:48px; width: 167px; background: url(../images/bgbutton2.gif) no-repeat; padding-top:17px; font-size: 10pt; font-weight: bold;}

.title { text-transform: uppercase;}
.subtitle { }

h3 { margin-top: 0px; margin-bottom: 0px; font-size: 8pt; }
h3 a, h3 a:link, h3 a:visited, h3 a:active { font-weight:bold; color: #5a5a5a; text-decoration: none}
h3 a:hover {color: red}

#berlangganan { overflow: hidden;  }

#navigasi { text-align: center; }
#navigasi a { font-weight: bold; text-decoration: none; margin: 3px; padding: 5px; border: 1px solid #5a5a5a;}
#navigasi a:hover { color: #ffffff; background: #5a5a5a; }

.clearit { clear: both; }
.space { clear: both; margin-top: 10px; }

#bannerbawah { text-align: center; margin-left: 5px; padding: 0; }
#bannerbawah img { margin: 10px; padding: 0; float: left; }

.copyright { text-align: center; color: #ffffff; margin: 15px; font-size: 10pt; }

.spacegede { margin-top: 30px; }

#slidenews { border: 1px solid #e0e0e0; border-top: 0;}
#slidenewsinside { margin: 10px; margin-top: 0; color: #555555;}

.widget { width: 260px; margin: 0; }
.tabnav { margin: 0; padding: 0; position: relative; top: -3px; }
.tabnav li { display: inline; list-style: none; padding: 0; margin: 0; }
.tabnav li a { background: #dfdfdf; color: #222; font-weight: bold; border: 1px solid #666; padding: 3px 5px; margin: 0; }
.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a { background: #666; color: #fff; border: 1px solid #666;}
.tabdiv { height: 240px; }
.tabdiv h2, .tabdiv h2 a, .tabdiv h2 a:link, .tabdiv h2 a:visited, .tabdiv h2 a:active { font-size: 13pt; color: #ff0000; margin-bottom: 0px; margin-top: 5px; font-weight: bold; }
.tabdiv h2 a:hover {color: #5a5a5a;}
.tabdiv .tanggal {color: #C0C0C0}
.ui-tabs-hide { display: none; }

.ar_ul { margin: 0; padding: 0;}
.ar_ul li { padding: 4px 0; border-bottom: 1px solid #eaeaea; display: block;}

.artikel_tab ul{ margin: 0; padding: 0;}
.artikel_tab li { margin: 0 5px 0 0; list-style: none; border: 1px solid #666666; float: left; padding: 2px 4px;}
.artikel_tab li a{ background-color: #e9e9e9; color: #000;}

.artikel_tab_active{background-color: #666666; color: #fff;}

.radionon { text-transform: uppercase; color: #5a5a5a;}
.radioyes { text-transform: uppercase; color: #5a5a5a; font-weight: bold; }

.pagination-n-archivefeed { margin-top: 10px; padding-top: 15px; padding-bottom:15px}
/* diggstyle pagination */
div.pagination { padding: 0 0 5px; margin: 5px 0; position: relative; left: -1px; }
div.pagination a { padding: 1px 4px 2px; margin: 2px; border: 1px solid #8c8c8c; text-decoration: none; color: #5a5a5a; }
div.pagination a:hover, div.pagination a:active { background-color: #ff6600; border: 1px solid #8c8c8c; color: #FFF; }
div.pagination span.current, div.pagination strong { padding: 1px 4px 2px; margin: 2px; border: 1px solid #8c8c8c; background-color: #dfdfdf; color: #5a5a5a; font-weight:bold}
div.pagination span.disabled { padding: 1px 4px 2px; margin: 2px; border: 1px solid #ddd; color: #ccc; }

#content h1#startKomentar {font-size: 15pt; font-weight: bold; text-transform: uppercase;}
#content #komentar {background: #EBEBEB url(/assets/images/grey-curve-top.gif) no-repeat top; padding: 3px 5px 5px 5px; }
#content #quizq {background: #EBEBEB url(/assets/images/grey-curve-top.gif) no-repeat top; padding: 3px 5px 5px 5px; }

.commentlist {list-style: none; padding: 2px; margin:0;}
.commentlist ul {list-style: none; margin: 0 0 0 5px; padding: 0;}
.commentlist ul li {list-style: none; list-style-position: outside; margin: 0; padding: 15px 5px 15px 7px; border-top: 1px solid #dedeee}
.commentlist ul li.alt {background: #FEFEFE;}
/*.commentlist ul li.nomerurut {float: right; font-size: 25pt; line-height: 30px; font-family: arial, sans-serif; font-weight: bold; color: #fff; margin: -5px 0 0 0; position: relative; height: 1%} /**/
.nomerurut {float: right; font-size: 25pt; line-height: 30px; font-family: arial, sans-serif; font-weight: bold; color: #ddd; margin: -5px 0 0 0; position: relative; height: 1%}


.commentwriter { background: inherit; float: left; width: 120px; font-size: 10pt; margin-bottom: 20px; padding-left: 10px;}
.commentcomment {float: left; font-weight: bold; max-width: 480px; border-left: 2px solid #DDDDDD; margin-bottom: 20px; padding-left: 5px; min-height: 80px;}
/*.commentlist p {margin:0; padding-bottom:5px}/**/
.comment_author {font-weight:bold; color: #444;}
.comment_date {font-size: smaller; color:#808080;}

#formKomentar {background: #dfdfdf; padding: 10px }
#formKomentar input { border: 1px solid #808080; padding: 2px;}
#formKomentar textarea { font-family: "Courier New", Courier; font-size: 8pt; border: 1px solid #808080; padding: 2px;}
#captcha {width:155px;float:left;vertical-align:middle;}
#captchamsg {width:250px;float:left;vertical-align:middle;}

.caldate {
	position: relative;
	width: 46px;
	height: 41pt;
	float:left;
	background: url(../images/bgcalendar.jpg) no-repeat;
	color: #b5b5b5;
	font-size: 14pt;
	padding-right: 5px;
}
.calmonth {
	font-size: 9pt;
	font-weight:bold;
	text-transform: uppercase;
	text-align: center;
	/*display:block;*/
	line-height: 10px;
	padding-top: 2px;
	margin-left: -2px;
	color:#fff;
}
.calday {
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	/*display:block;*/
	line-height: 15px;
	padding-top: 5px;
	margin-left: -4px;
}
.calyear {
	font-size: 8pt;
	color:#b5b5b5;
	text-transform: uppercase;
	text-align: center;
	/*display:block;*/
	line-height: 15px;
	margin-left: -4px;
}

.calcalendar {float: left; width: 42px; margin-top: 2px; text-align: center; padding-right: 10px;}
.calcalendar img {padding-bottom: 5px;}
.calcontent {float: left; max-width: 530px; margin-top: 2px; margin-left: 5px; padding-bottom: 10px;}
.calcontentc  {float: left; max-width: 530px; margin-top: 2px; margin-left: 5px; padding-bottom: 10px;}
.calcontenth  {float: left; max-width: 200px; margin-top: 2px; margin-left: 5px; padding-bottom: 10px;}
.caltitle, .caltitle a, .caltitle a:link, .caltitle a:visited, .caltitle a:active {
	font-size: 10pt;
	color: red;
	text-transform: uppercase;
}
.caltitle a:hover {color: #5a5a5a;}

.uthumb {
	padding:2px;
	border:1px solid #ccc;
	background-color:#fff;
	text-align:center;
	vertical-align:top;
	width:122px;
	height:102px;
	overflow:hidden;
}
/*.uthumb p { border: 1px solid #EBEBEB; height:100px; overflow:hidden; }/**/
.uthumb img {border: none}
.ucontainer {float:left; margin:auto; margin-right: 15px; padding:2px; width: 132px; min-height:170px;}
/*a.download { width: 102px; height: 32px; background: url(../images/button-download.gif) no-repeat; text-align: center; font-size: 10pt; font-weight: bold; color: #fff; }/**/
a.download:hover { color: #ccc; }
a.download {background: url(../images/button-download.gif) no-repeat; display: block; width: 102px; height: 32px; border: 0; color: #FFFFFF; font-size: 9pt; font-weight: bold; text-transform: uppercase; vertical-align: middle; text-align: center; margin: 15px 0; padding-top: 6px; }