body,html{
	background:#9dbfcf url('../images/back.jpg') repeat;
	font-family:Helvetica;
	color:#666;
	font-size:12px;
}

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

a:hover,
a:focus
{
	color:#455059;
	text-decoration:underline;
}

/* UTILITY */
.clear{clear:both;}

/* WRAPER */
#wraper{width:940px;background:url('../images/wrap-back.png') repeat;margin:10px auto;padding:10px;position:relative;}
#wraper-inner{background:white;}

/* BANNER */
#banner{width:600px;height:130px;overflow:hidden;display:block}
#bannerlogo{width:590px;height:128px;display:block;background:url('../images/banner.gif') no-repeat;}
#bannerlogo a,#bannerlogo a:link,#bannerlogo a:visited{width:590px;height:128px;display:block;}

/* MEMBER BAR */
#member{width:175px;height:120px;padding:10px 0px 0px 25px;overflow:hidden;background:#fff url('../images/spacerbanner.jpg') top left no-repeat;display:block;position:absolute;top:10px;right:10px;font-size:11px;font-weight:bold}
#member form input{width:150px;border:1px solid #aaa;margin-bottom:4px}
#member form input:focus{background:#FEF5BC}
#logbtn{border:0px !important;padding:0px;margin:0px 0px 0px 40px;background:url('../images/loginbutton.jpg') no-repeat;width:72px;height:23px;display:block;}
#logbtn:hover{cursor:hand;cursor:pointer;background:url('../images/loginbutton.jpg') 0px -24px no-repeat}

/* NAVIGATOR */
#nav{position:absolute;width:1016px;top:140px;left:-28px;background:url('../images/nav-back.jpg') repeat-x;display:block;}
#navleft{position:absolute;width:28px;height:17px;display:block;top:179px;left:-28px;background:url('../images/nav-left.png') no-repeat}
#navright{position:absolute;width:28px;height:17px;display:block;top:179px;left:960px;background:url('../images/nav-right.png') no-repeat}
.navspacer{width:2px;height:39px;background:url('../images/nav-spacer.jpg') no-repeat;}
#navspacer{color:#ccc;height:29px;width:930px;display:block;padding:10px 0px 0px 10px;background:url('../images/nav-back.jpg') repeat-x}
#navspacer span{margin:3px 15px;}
#navspacer a,#navspacer a:link,#navspacer a:visited{font-size:14px;color:white;}
#navspacer a:hover,#navspacer a:focus{color:#37CFFB;text-decoration:none}
#navwrap{margin:0 auto;width:1016px;height:39px;}
#navwrap ul{padding:0px;margin:0px 0px 0px 50px;height:39px;text-align:center}
#navwrap li{margin:0;display:block;font-size:14px;padding:0px;float:left}
#navwrap li a,#navwrap li a:link,#navwrap li a:visited{color:white;padding:12px 15px 0px 15px;display:block;height:27px;}
#navwrap li a:hover,#navwrap li a:focus{color:#37CFFB;text-decoration:none}

/* CONTENT */
#content{width:940px;margin:0px 0px 0px 0px;min-height:450px;}
#contentbreadcrumb{width:940px !important;overflow:hidden;margin:0 auto;text-align:center;padding:0px 0 0px 0}
#headlinewrap{width:940px;background:#333;height:300px;overflow:hidden}
#slide-btn-left{width:54px;height:123px;display:block;position:absolute;top:270px;left:-48px;background:url('../images/slide-btn-left.png') no-repeat;}
#slide-btn-left:hover{background:url('../images/slide-btn-left-h.png') no-repeat;cursor:hand;cursor:pointer}
#slide-btn-right{width:54px;height:123px;display:block;position:absolute;top:270px;left:955px;background:url('../images/slide-btn-right.png') no-repeat;}
#slide-btn-right:hover{background:url('../images/slide-btn-right-h.png') no-repeat;cursor:hand;cursor:pointer}
#headlinewrapnormal{width:940px;background:#fff url('../images/headlinenormal.jpg');height:100px;}
#contentwrap{margin:0px 0 10px 0;}
#contentwrap hr{height:1px;border-right:0px;border-left:0px;border-top:0px;background:transparent;border-bottom:1px dashed #666}
#leftbar{float:left;width:254px;padding-right:2px;min-height:500px;height:auto !important;height:500px;background:#fff url('../images/barline-l.jpg') bottom right no-repeat;}
#bartitle-l{width:254px;height:57px;display:block;background:url('../images/title-back-l.jpg') no-repeat;text-align:center;padding-top:12px}
#bartitle-r{width:254px;height:57px;display:block;background:url('../images/title-back-r.jpg') no-repeat;text-align:center;padding-top:12px}
#bartitle-l h1,#bartitle-r h1{font-size:28px;}
#rightbar{float:right;width:254px;min-height:500px;height:auto !important;height:500px;background:#fff url('../images/barline-r.jpg') bottom left no-repeat;padding-left:2px;}
#middlecontentfront{float:left;width:408px;overflow:hidden;background:#fff;padding:10px;background:#fff}
#rightcontentnormal{float:right;width:660px;background:#fff;padding:10px;}

/* FOOTER */
#footer{width:940px;height:130px;background:#1F3A50;left:0px;color:white;}
#footer-link-wrap{margin:0;width:320px;display:block;height:130px;float:left}
#footer-copy-wrap{margin:0;width:600px;display:block;height:130px;float:right}
#footernav{padding:5px;text-align:right;margin-bottom:20px}
#footercopy{padding:5px;text-align:right;line-height:16px;}
#footercopy span{font-size:11px;line-height:15px !important;}
#rectmedia{width:32px;height:32px;display:block;background:url('../images/copytop.jpg') 0px 0px no-repeat;float:right;}
#rectmedia:hover{background:url('../images/copytop.jpg') 0px -32px no-repeat;}
#rectmedia a,#rectmedia a:link,#rectmedia a:visited{width:32px;height:32px;display:block;}
#gotop{width:60px;height:32px;display:block;background:url('../images/copytop.jpg') -35px 0px no-repeat;float:right;}
#gotop:hover{background:url('../images/copytop.jpg') -35px -30px no-repeat;}
#gotop a,#gotop a:link,#gotop a:visited{width:60px;height:32px;display:block;}
#footernav a,#footernav a:link,#footernav a:visited{color:#ffffff}
#footernav a:hover,#footernav a:focus{color:#cccccc}
#footerlink{padding:5px;text-align:left;width:320px;}
#footerlink h2{font-size:18px;}
.pl_link{width:150px;height:17px;text-align:center;border-bottom:1px dotted #aaa;display:block;float:left;margin-right:5px;margin-bottom:7px;}
.pl_link a,.pl_link a:link,.pl_link a:visited{color:#ffffff !important}
.pl_link a:link,.pl_link a:visited{color:#aaaaaa}

/* BAR STYLE */
.bar{}
.barleftbar{}
.barnewsbar{margin:20px 0px 0px 0px;}
.bar h2{font-size:1.7em;font-size-adjust:none;font-stretch:normal;font-variant:normal;font-weight:bold;color:#377c8c}
.barnewsbar .newsspacer{display:block;height:1px;border-top:1px solid #aaa;background:white}
.barnewsbar .latesttitle{display:block;width:150px;height:32px;background:url('../images/latestnews.jpg') no-repeat;}
.barcustombar{padding:0px 10px;}
.barcustombar li{padding:3px 0px 3px 30px;margin:10px 5px 17px 10px;background:url('../images/check.jpg') left top no-repeat;font-size:14px;font-weight:bold;}
.bartopbar{padding:10px;}

/* PAGE BODY STYLE */
.contentpagebody{line-height:18px !important;margin-bottom:10px;}
.contentpagebody h2{font-size:1.7em;font-size-adjust:none;font-stretch:normal;font-variant:normal;font-weight:bold;color:#377c8c}
.contentpagebody p{margin:5px 0px;line-height:18px !important;}
.contentpagebody hr{height:1px;border:0px solid #ddd !important;background:#ddd !important}
.contentpagebody ul,
.contentpagebody ol {margin-left:15px;list-style:square}
.contentpagebody h1{margin:15px 0px 10px 0px;font-size:20px;font-weight:bold;display:block}

/* PAGE STORY STYLE */
.contentstorybody{line-height:18px !important;}
.contentstorybody h1{font-size:1.7em;font-size-adjust:none;font-stretch:normal;font-variant:normal;font-weight:bold;color:#377c8c}
.contentstorybody ul{list-style:square;padding-left:20px}
.contentstorybody li{padding:4px 0 4px 0}
.contentstorybody hr{height:1px;border:0px solid #ddd !important;background:#ddd !important}
.contentstorybody .contentstoryattachment{margin:10px;border:1px solid #ccc;padding:5px 5px 5px 30px;line-height:18px;background: #eee url('../images/attfile.png') left center no-repeat;}
.contentstorybody .thecomment{display:none}
.contentstorybody .contentstoryaddcomment{margin:10px;border:1px solid #ccc;padding:5px 5px 5px 30px;line-height:18px;background: #eee;}
.contentstorybody .contentstoryaddcomment textarea{width:500px;resize:vertical;height:150px;}
.contentstorybody .contentstorylistcomment{margin:10px;border:1px solid #ccc;padding:5px 5px 5px 5px;line-height:18px;background: #eee;}
.contentstorylistcomment .percommentodd,.contentstorylistcomment .percommenteven{border-bottom:1px dotted #ccc;}
.contentstorylistcomment label[for="commentdate"]{font-size:11px;color:#999;}

.perstorycontent h1{font-size:14px;}
.perstorycontent p{padding:5px 0 5px 0}
.perstorycontent{border-bottom:1px solid #ccc;padding:3px}
.perstorycontent:hover{background:#fff}


/* WIDGET STYLE */
/* GLOBAL */
.widget{padding:2px}
/* SPECIFIC*/
/* STORY RECENT SPECIFIC ->.recent<story_name>storywidget */

/* NEWS */
.recentnewsstorywidget{}
.recentnewsstorywidget div.sw_perstory{width:400px;display:block;padding-top:1px;padding-bottom:1px;padding-left:3px;padding-right:3px;border-bottom:1px dotted #ccc;position:relative}
.recentnewsstorywidget div.sw_perstory:hover{background:#eee}
.recentnewsstorywidget span.sw_title{width:280px;position:absolute;top:0px;left:3px;}
.recentnewsstorywidget span.sw_title h1{ padding:2px 0;font-size:12px}
.recentnewsstorywidget p.sw_desc{padding:2px 0;color:#999;display:block;font-size:11px;line-height:12px;position:absolute;top:0px;right:3px;text-align:right;}
.recentnewsstorywidget .sw_desc_commentcount{display:none}
.recentnewsstorywidget .sw_divided{min-height:200px;height:auto !important;height:200px;}
.recentnewsstorywidget p.sw_intro{font-size:11px;padding:30px 0px 0px 0px;line-height:15px !important;text-align:justify}
.recentnewsstorywidget p.sw_footer{padding:5px 0;text-align:right}
/* PENGUMUMAN */
.recentperaturanstorywidget{}
.recentperaturanstorywidget div.sw_perstory{padding-top:1px;padding-bottom:1px;padding-left:8px;padding-right:3px;border-bottom:1px dotted #ccc;background:url('../images/file-icon.png') top right no-repeat;}
.recentperaturanstorywidget div.sw_perstory:hover{background:#eee url('../images/file-icon.png') top right no-repeat}
.recentperaturanstorywidget div.sw_desc_commentcount{display:none;}
.recentperaturanstorywidget span.sw_title{}
.recentperaturanstorywidget span.sw_title h1{ padding:2px 0px 2px 0px;width:200px;font-size:14px;}
.recentperaturanstorywidget p.sw_desc{padding:2px 0px;width:200px;color:#999;display:block;font-size:11px;line-height:12px;}
.recentperaturanstorywidget p.sw_intro{font-size:11px;padding:2px 0;line-height:16px}
.recentperaturanstorywidget p.sw_footer{padding:5px 0;text-align:right}

/* STORY RECENT ALL */
.recentstorywidget{}
.recentstorywidget div.sw_perstory{padding-top:1px;padding-bottom:1px;padding-left:3px;padding-right:3px;border-bottom:1px dotted #ccc}
.recentstorywidget div.sw_perstory:hover{background:#eee}
.recentstorywidget span.sw_title{}
.recentstorywidget span.sw_title h1{ padding:2px 0;font-size:12px}
.recentstorywidget p.sw_desc{padding:2px 0;color:#999;display:block;font-size:11px;line-height:12px;}
.recentstorywidget p.sw_intro{font-size:11px;padding:2px 0;line-height:16px}
.recentstorywidget p.sw_footer{padding:5px 0;text-align:right}
/* COMMENT RECENT */
.recentcommentwidget{}
.recentcommentwidget div.sw_perstory{padding-top:1px;padding-bottom:1px;padding-left:3px;padding-right:3px;border-bottom:1px dotted #ccc}
.recentcommentwidget div.sw_perstory:hover{background:#eee}
.recentcommentwidget span.sw_title{}
.recentcommentwidget span.sw_title h1{ padding:2px 0;font-size:14px}
.recentcommentwidget p.sw_desc{padding:2px 0;color:#999;display:block;font-size:11px;line-height:12px;}
.recentcommentwidget p.sw_intro{font-size:11px;padding:2px 0;line-height:16px}


.greetingwidget{border-color: #666;}
.greetingwidget p{padding-top:4px;line-height:15px}

.newswidget p.newsisi{padding-top:3px;padding-bottom:5px;border-bottom:1px dotted #ccc}
.newswidget p.newstanggal{padding-top:3px;color:#999}
.newswidget div.pernews{padding:2px}
.newswidget div.pernews:hover{background:#eee}

.peraturanwidget p.newsisi{padding-top:3px;padding-bottom:5px;border-bottom:1px dotted #ccc}
.peraturanwidget p.newstanggal{padding-top:3px;color:#999}
.peraturanwidget div.perperaturan{padding:2px}
.peraturanwidget div.perperaturan:hover{background:#eee}

.linkwidget ul{list-style:square;padding-left:20px}
.linkwidget li{padding:4px 0 4px 0}

/* MODULE TANYA JAWAB */
.pageasknanswer{}
.aaforminput{width:90%;margin:0 auto;padding:10px;border:1px solid #377C8C;margin-bottom:10px}
input#aaname{}
input#aaemail{}
textarea#aaask{resize:vertical;width:100%;height:100px}
#aanotif{color:#FF8000;text-align:center;display:block;margin:10px;padding:3px}

.aapertanya{display:block;border:1px solid #ccc;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-radius-bottomleft: 5px;	
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;	
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topleft: 5px;	
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.aaperjawab{display:block;border:1px solid #ccc;margin:2px 0 10px 10px;
-webkit-border-bottom-left-radius: 5px;
-khtml-border-radius-bottomleft: 5px;	
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;	
-webkit-border-top-left-radius: 5px;
-khtml-border-radius-topleft: 5px;	
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;	
}
.aadesc{display:block;background:#eee;color:#377C8C;font-weight:bold;padding:3px}
.aadesc span{font-size:11px;font-style:italic;font-weight:normal;color:#666}

.aaanswer,
.aaask{display:block;padding:5px;line-height:18px;font-size:12px;background:#eee;color:#666}