body{background:#ECECEC url(dpd/bgmain.png) repeat-x; font:13px/1.5 Arial,Helvetica,Geneva,sans-serif}
#top{background:#C1130A}
#nav li ul li{background:#84514f}
#secnav li ul{left:-999em; position:absolute}
#header{clear:both; padding:0; position:relative}
/* Logo */
#logo .site-title a{color:#FFF; font-family:Arial,Helvetica; font-size:32px; font-weight:normal; letter-spacing:0; line-height:40px; text-shadow:0 3px 8px #2A2A2A; text-transform:none}
#logo .site-title a:hover{color:#fff; text-shadow:0 5px 8px #2A2A2A}
#logo .site-title{padding-top:1px}
h1.site-title{font-size:24px}
/* End of Logo */
/* Nav */
#nav li ul li{background:#7d7d7d}
/* End of Nav */
/* Page Nav  */
#page-nav ul.rss{background:none!important; padding:8px 0}
#page-nav{font-family:Arial,Helvetica,Verdana,Geneva,sans-serif; font-size:10px; height:29px; position:relative; text-transform:uppercase}
#page-nav{background:url(dpd/topnav.png)repeat-x}
/* Language Switcher */
#page-nav ul.language-switcher{}
#page-nav ul.language-switcher li{float:left; width:auto}
#page-nav ul.language-switcher{color:#fff; line-height:29px; display:block; padding:0 10px}
#page-nav ul.language-switcher li a{color:#fff; line-height:29px; display:block; padding:0 10px; font-weight:bold}
#page-nav ul.language-switcher li span{display:block; font-weight:bold; line-height:29px; padding:0 10px}
#page-nav ul.language-switcher li  a span{background:none!important}
#page-nav ul.language-switcher li span{background:url(../images/nav-hover.png) repeat; text-decoration:none!important}
/* Secnav */
#secnav li ul li{color:#555; font-family:Arial,Helvetica,Verdana,Geneva,sans-serif; font-size:11px; font-style:normal; font-weight:400; line-height:30px; padding:0 10px; width:200px}
#secnav li ul li.section{display:none; color:#555; font-family:Arial,Helvetica,Verdana,Geneva,sans-serif; font-size:11px; font-style:italic; font-weight:400; line-height:30px; padding:0 10px; width:300px}
#secnav li ul li a{color:#555; font-family:Arial,Helvetica,Verdana,Geneva,sans-serif; font-size:11px; font-style:normal; font-weight:400; line-height:30px; padding:0; width:300px}
#secnav a{display:block; font-family:Arial,Helvetica,Verdana,Geneva,sans-serif; font-size:12px; font-style:normal; font-weight:700; line-height:20px; padding:10px 10px; text-decoration:none; z-index:100}
#secnav li.selected_page{background:url(dpd/catnav-selected.png)repeat-x}
#secnav li.selected_page:hover{background:url(dpd/catnav-selected.png)repeat-x}
#secnav li.selected_page a{color:#fff; text-shadow:0 1px 0 #333}
#secnav li.selected_page ul li a{color:#333; text-shadow:0 1px 0 #fff}
#cat-nav li:hover{background:#e6e6e6}
#cat-nav #search{height:31px; margin-top:8px; position:relative; width:181px}
/* End of Secnav */
/* Main */
#main{width:650px}
/* end of main */
/* Featured Area */
#loopedSlider{position:relative; width:650px; background:#fff url(dpd/bg-box-shadow.png) no-repeat bottom; border-bottom:none!important; border-left:1px solid #d6d6d6; border-top:#d6d6d6 1px solid!important; padding-bottom:10px}
#loopedSlider .container{float:right; width:380px; min-height:280px; overflow:hidden; position:relative; background:none; border:none}
#loopedSlider .container .info{background:url("dpd/transparent-bg.png") repeat scroll 0 0 transparent; height:120px; left:0; position:absolute; top:158px; width:370px}
#loopedSlider .container .info p{color:#cacaca; padding:0 10px 10px 10px;}
#loopedSlider .container .info h2{font-size:15px; padding:10px}
#loopedSlider .container .info h2 a{color:#DC8000; font-weight:normal; font-size:16px; text-decoration:none}
#loopedSlider .slides{position:absolute; top:0; right:0}
#loopedSlider .slides div.slide{position:absolute; top:0; width:380px; display:none}
#loopedSlider .slides .post-bottom{border-bottom:none}
#loopedSlider .featured-nav{width:250px; float:left; margin:10px; margin-bottom: 0px;}
#loopedSlider ul.pagination{list-style:none; padding:0; margin:0;  border-top:none}
#loopedSlider ul.pagination li{background:#eee; float:left; border-bottom:1px solid #f6f6f6}
#loopedSlider ul.pagination li a{width:210px; display:block; padding:16px 20px; opacity:0.7; border-bottom:1px solid #d4d4d4; min-height:52px}
#loopedSlider ul.pagination li a:hover{opacity:1; background:#eee}
#loopedSlider ul.pagination li.active a{opacity:1; background:#ddd}
#loopedSlider ul.pagination img{background:#fff; padding:2px; border:1px solid #d1d1d1; float:left; margin-right:10px}
#loopedSlider ul.pagination em{color:#555; font-family:Arial,Helvetica,Geneva,sans-serif; font-weight:bold;font-size:11px; line-height:16px; margin-top:10px; font-style:normal}
#loopedSlider ul.pagination .meta{display:block; font-size:11px; color:#777; line-height:16px; margin:5px 0 0 64px}
/* End of Featured Area */
/* Box */
.box{margin:0 0 10px; border:none!important}
/* End of Box */
/* Horizontal Line */
.hl{border-bottom:2px solid #eee}
.hl-full{float:left; clear:both; height:1px; width:100%; padding:0 !important}
.hl2{border-bottom:3px solid #c0c0c0}
.hl3{border-bottom:1px solid #eee}
/* End of Horizontal Line */
span.title{font-size:14px; margin-bottom:5px}
span.newpost{color:#A40000; padding-left:10px}
/* Generic Widgets */
.widget{position:relative; margin:0 0 5px 0; background:#fff; padding:0; border:1px solid #dedede; color:#555; font-family:Georgia,"Times New Roman",Times,serif; line-height:20px; -moz-box-shadow:2px 2px 2px #d6d6d6; -webkit-box-shadow:2px 2px 2px #d6d6d6; box-shadow:2px 2px 2px #d6d6d6}
.widget h3{font-family:Verdana,Geneva,sans-serif; font-size:12px; line-height:14px; color:#fff; margin:0; padding:7px 10px 0; height:20px; background:#B80400 url(dpd/bg-h2.png) repeat-x; text-shadow:1px 1px 1px #000; text-transform:uppercase}
.widget .textwidget p{padding:5px 0}
.widget ul, .widget div, .widget p{padding:5px 15px 5px 10px}
.widget ul{clear:both; margin:5px 0}
.widget ul li a{padding:0px 0; line-height:30px; text-decoration:none; color:#444; font-family:Arial,Helvetica,Verdana,Geneva,sans-serif}
.widget ul li a:hover{color:#000; border-bottom:1px dotted}
.widget ul ul{margin:0; padding:0; border-top:none}
.widget ul ul li{ border:none}
/* End of Generic Widgets */
/* Specific Widgets */
.widget-anggota{position:relative; margin:0 0 5px 0; background:#fff; padding:0; border:1px solid #D4D4D4; color:#555; font-family:Georgia,"Times New Roman",Times,serif; line-height:20px; overflow:hidden; min-height:295px; -moz-box-shadow:2px 2px 2px #d6d6d6; -webkit-box-shadow:2px 2px 2px #d6d6d6; box-shadow:2px 2px 2px #d6d6d6}
.widget-anggota h3{font-family:Verdana,Geneva,sans-serif; font-size:12px; line-height:12px; color:#6E0000; margin:0; padding:7px 10px 0; height:20px; background:#B80400 url(dpd/bg-h2.png) repeat-x; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px #000}
.widget-foto{position:relative; margin:0 0 5px 0; background:#fff; padding:0; border:1px solid #dedede; color:#555; font-family:Arial,Helvetica; line-height:20px; -moz-box-shadow:2px 2px 2px #d6d6d6; -webkit-box-shadow:2px 2px 2px #d6d6d6; box-shadow:2px 2px 2px #d6d6d6}
.widget-foto h3{text-shadow:1px 1px 1px #000; font-family::Arial,Helvetica; font-size:12px; line-height:12px; color:#6E0000; margin:0; padding:7px 10px 0; height:20px; background:#B80400 url("dpd/bg-h2.png") repeat-x; color:#fff; text-transform:uppercase}
.widget-foto .textwidget p{padding:5px 0}
.widget-foto ul, .widget-foto div, .widget-foto p{padding:0px 15px 10px}
.widget-foto ul{clear:both; margin:5px 0}
.widget-foto ul li{background:url(dpd/ico-bullet.png) no-repeat 4px 14px; padding-left:20px; border-bottom:none}
.widget-foto ul li a{padding:0px 0; line-height:30px; text-decoration:none; color:#777}
.widget-foto ul li a:hover{color:#000; border-bottom:1px dotted}
.widget-foto ul ul{margin:0; padding:0; border-top:none}
.widget-foto ul ul li{ border:none}
.poll ul li {background:none;border:none;}
/* End of Specific Widget */
/* Column */
ul.column{list-style-type:none; margin:10px 10px 10px 20px; padding:0}
ul.column li{color:#999; display:inline; float:left; font-size:11px; height:108px; line-height:13px; margin:0 0 12px; padding:0; position:relative; text-align:center; vertical-align:top; word-wrap:break-word}
ul.column li div{margin:0 auto; width:120px}
/* End of Column */
/* Accordion */
h2.acc_trigger, h2.link-terkait{padding:0; margin:0; background:url(dpd/h3_trigger_a.png) no-repeat; height:27px; line-height:27px; width:300px; font-size:14px; font-weight:bold; text-shadow:1px 1px 1px #000}
h2.acc_trigger a, h2.link-terkait a{color:#fff; font-size:12px; text-decoration:none; text-transform:uppercase; display:block; padding:0 0 0 24px}
h2.acc_trigger a:hover, h2.link-terkait a:hover{}
.acc_container{margin:0; padding:0!important}
.accordion{margin-bottom:5px}
/* End of Accordion */
/* Calender */
tr.days-names{background:#B0D5C4}
table.dbem-calendar-table{width:80%; margin:0 auto}
table.dbem-calendar-table thead{font-size:120%; font-weight:bold}
table.agenda{border-left:1px solid #ddd; border-top:1px solid #ddd; margin:5px 0 0; padding:0 0 38px; width:100%}
table.agenda thead{background:#A52A2A; color:#fff}
table.dbem-calendar-table thead{background:gainsboro; font-size:120%; font-weight:bold}
table.agenda{border-left:1px solid #ddd; border-top:1px solid #ddd; margin:5px 0 0; padding:0 0 38px; width:100%}
table.agenda thead{background:#A52A2A; color:#fff}
table.dbem-calendar-table td{border:1px solid #ddd;text-align:center}
table.agenda td{border-bottom:#ddd 1px solid; border-right:1px solid #ddd; padding:6px 6px 6px 12px}
/* End of Calender */
/* Aspirasi */
table.aspirasi{}
table.aspirasi th{padding:5px 5px 5px 0; text-align:left}
table.aspirasi td{padding:5px 5px 5px 0}
.aspirasilist{min-height:59px; padding-bottom:10px}
.scrollup{min-height:100px}
/* End of Aspirasi */
/* Boxlist */
.boxlist{margin-bottom:10px; padding:5px}
.boxlist:hover{_background:#eee}
/* End of Boxlist */
/* Box Postlist */
.postlist{margin:10px}
.postlist a{}
p.info-list{text-align:center; padding:10px}
/* End of Postlist */
/* Specific Post List */
.aspirasilist{border:none!important}
.aspirasi-list{min-height:172px}
.terpopuler{min-height:238px}
.terpopuler ul li{margin:10px}
.satelit{min-height:90px}
.notulen{min-height:191px}
.video{min-height:280px}
.perpustakaan{min-height:408px;}
.sesjen-menjawab{min-height:180px;}
/* Box Widget */
.box-widget{background:#fff; width:318px; margin:8px 0 0 0; border:1px solid #d6d6d6; -moz-box-shadow:2px 2px 2px #d6d6d6; -webkit-box-shadow:2px 2px 2px #d6d6d6}
.box-widget h2{background:#B80400 url(dpd/bg-h2.png) repeat-x; border:1px solid #d70d0f; ; font-size:12px; font-weight:bold; margin:0; padding:7px 10px; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px #000}
.box-widget h2 a, .box-widget h2 a:hover{color:#fff}
/* box full */
.box-widget-full{background:#fff; clear:both; height:1%; margin:10px 0 0 0; border:1px solid #d6d6d6; -moz-box-shadow:2px 2px 2px #d6d6d6; -webkit-box-shadow:2px 2px 2px #d6d6d6; box-shadow:2px 2px 2px #d6d6d6}
.box-widget-full h2{background:#B80400 url(dpd/bg-h2.png) repeat-x; font-size:12px; font-weight:bold; margin:0; padding:7px 10px; color:#fff; text-transform:uppercase; text-shadow:1px 1px 1px #000}
.box-widget-full h2 a, .box-widget-full h2 a:hover{color:#fff}
.box-widget-full .post{border:none; min-height:75px; padding:10px; width:300px}
.box-widget-full .post h2 a{color:#000}
.box-widget-full .post h2 a:hover{color:#590501; text-decoration:none}
.box-widget-full .post h2{background:none!important; font-family:arial,Georgia,serif; font-size:12px; padding:0 10px; line-height:16px; text-transform:none; text-shadow:none!important}
.box-widget-full .post p{font-size:11px; padding:0 10px}
.box-widget-full .post img{border:1px solid #ddd; padding:5px; background-color:#FFF; margin:0 5px; float:left}
.box-widget-full span.title{margin:0; font-size:12px; line-height:18px}
.box-widget-full span.title a{font-weight:normal}
/* End of Box widget Full */
.box-widget .box-post-content{background:#fff; padding:5px 10px}
.box-widget a{color:#000; font-weight:bold}
.box-widget a:hover{color:#590401}
.box-widget .box-post-content li{background:url(dpd/arrow-right.png)no-repeat left; padding:5px 5px 5px 10px; margin:5px}
.box-widget .box-post-content li:hover{background-image:url(dpd/arrow-right.png)no-repeat left}
.box-widget .box-post-content li a:hover{border-bottom:1px dotted #000}
.box-widget .box-post-content li a{color:#000; font-weight:bold}
.box-widget .box-post-content li a:hover{color:#590401}

/* End of Box Widget */
/* Date */
.date{margin-bottom:5px; color:#999}
/* End of Date */
/* Footer */
#footer-widgets{position:relative; background:url(images/bevel-footer-widgets.png) repeat-x top; background-color:#fff; border-bottom:1px solid #7b7b7b}
#footer-widgets .container{background:url(images/bg-footer-widgets.png) no-repeat center 2px; padding:30px 0 10px}
#footer-widgets .block{width:300px; float:left; margin:0 30px 0px 0}
#footer-widgets .block.last{margin-right:0; }
#footer-widgets .widget h3{background:url(images/bg-footer-widget-title.png) repeat-x; text-shadow:#fff 0px 1px 0px}
#copyright, #credit{margin-top:20px; color:#333; font-family:; font-size:12px; font-style:normal; font-weight:bold; margin-top:20px}
#footer-navigation{background:url(dpd/footer-nav.png) repeat-x}
ul#foot-nav{height:26px; margin:0 auto; width:960px}
ul#foot-nav li a{border-right:2px solid #FFFFFF;
color:#FFFFFF;
float:left;
font-size:14px;
font-weight:bold;
line-height:18px;
margin:5px;
padding:0 10px;
text-transform:uppercase;}
ul#foot-nav li a.first{padding-left:0}
ul#foot-nav li  a.last{border:none}
#footer{background:url(dpd/bg_footer.jpg) repeat-x; border-top:1px solid #B3B3B3; color:#CACACA; font-family:Verdana,Geneva,sans-serif; font-size:10px; padding:0; height:71px}
/* End of Footer */
/* Misc */
.jump{border:none!important}
ul.external-link{padding:10px}
ul.external-link li{float:left; padding:0 10px}
.link{margin:20px 0}
.title-link{font-size:10px; background:#A92626; padding:6px; border:none!important; float:right}
.link a{color:#fff}
.link{background:#eee; padding:10px}
.header-link{font-size:16px; font-weight:bold; margin-bottom:10px}
.download{}
.download a{color:#fff}
.box-widget-content{margin:10px;}
#respond{background:#ddd; border-top:1px solid #f5f5f5; margin:0; padding:25px 25px 20px; border-bottom:1px solid #bbb}
.online{background:url(dpd/online.png) no-repeat left; font-size:14px; line-height:20px; padding-left:20px}
.total{background:url(dpd/totaluser.png) no-repeat left; font-size:14px; line-height:20px; padding-left:20px}
.pengunjung{background:url(dpd/todaystat.png) no-repeat left; font-size:14px; line-height:20px; padding-left:20px}
.agenda p{margin:10px 0}
span.image-title{font-family:Verdana,Geneva,sans-serif}
/*index website*/
.month-heading{margin:10px 0 15px!important}
.month-list{background:none repeat scroll 0 0 #881E1A; border-bottom:2px solid #E8EDEE; padding:5px 3px !important}
.month-list li a{color:#fff}
.month-list li span{color:#fff; font-style:italic}
.month-list .current, .month-list .current a{background:none repeat scroll 0 0 transparent; color:#fff; font-size:16px; font-weight:bold}
.month-list li a:hover{font-size:16px; border:none!important; font-weight:bold}
ul.kelengkapan li{color:#999; display:inline; float:left; font-size:11px; height:108px; line-height:13px; margin:0 20px 40px; padding:0; position:relative; text-align:center; vertical-align:top; width:90px; word-wrap:break-word}
ul.kelengkapan li a:hover{border:none!important}
/* Foto Kegiatan DPD */
#rotator{margin:10px 0; height:180px}
#_rotator img{border:2px solid #fff}
#pager a, #rotator strong{color:#555; margin:0 3px; padding:3px 8px; border:1px solid #ccc; background:#fff; text-decoration:none}
#pager a.activeSlide{background:#590401; color:#fff}
#pager a:focus{outline:none}
ul.thumbs{position:relative; float:left; margin:0; padding:0}
ul.thumbs li{float:left; padding:0; margin:2px; list-style:none}
a.thumb{padding:1px; display:block}
a.thumb:focus{outline:none}
a.thumb:hover{text-decoration:none; border:none}
ul.thumbs img{border:none; display:block}
.slideshow img{width:600px}
#controls{}
div.pagination, div.controls { text-align: center;}
div.pagination span, div.pagination a, div.controls span, div.controls a { padding-left: 5px; }
.image-title { text-align: center; }
a.prev{float:left}
a.next{float:right}
h3.pimpinan{text-align:center}
ul.pimpinan{margin:0; padding:0; width:100%}
ul.pimpinan li{text-align:center; list-style-type:none}
.wakil{width:60%; margin:50px auto}
.wakil2{width:100%; margin:50px auto}
.wakil2 div{float:left; margin-bottom:1em; margin-right:2.5em}
.wakil2 div.last{margin-bottom:0}
.wakil h3{text-align:center}
.wakil2 h3{text-align:center}
.wakil ul{margin:0; padding:0}
.wakil2 ul{margin:0; padding:0}
h3.anggota{text-align:center; margin-bottom:20px}
#tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover{color:#930; text-decoration:none!important; border:none}
#tabs .inside ul{padding:0}
/* liScroll styles */
#newsticker{background:#B80400 url(dpd/topnav.png) repeat-x; position:fixed; bottom:0; height:29px; left:0; width:100%; z-index:10000}
.tickercontainer{background:none; width:100%; height:27px; margin:0 auto; padding:0; overflow:hidden}
.tickercontainer .mask{position:relative; left:10px; top:0; width:100%; overflow:hidden; display:block}
ul.newsticker{/* that's your list */position:relative; left:100%; font:bold 10px Arial,Verdana; list-style-type:none; margin:0; padding:0}
ul.newsticker li{float:left; margin:0; padding:0}
ul.newsticker a{white-space:nowrap; padding:0; color:#f00; font:bold 12px Arial}
#ticker01{list-style:none; line-height:1; position:relative; overflow:hidden; width:960px; height:27px; position:relative; margin:0 auto; padding:0; z-index:10000; overflow:hidden; display:block}
#ticker01 li{height:22px; list-style:none; white-space:nowrap}
#ticker01 li.right{float:right}
#ticker01 li img{padding-right:10px; border:none; vertical-align:middle}
#ticker01 li a, #ticker01 li span{text-decoration:none; text-transform:uppercase; color:#fff; height:100%; padding:0 25px; padding-bottom:20px; line-height:28px; font-weight:bold}
#ticker01 li:first-child{border-left:none}
#ticker01 li:last-child{border-right:none}
#ticker01 li ul{}
#ticker01 li:hover ul{display:block; width:100%; position:absolute; margin:0; padding:0; left:0}
#ticker01 li ul li{clear:both; height:32px; float:none; padding:0; border-bottom:1px solid #161616; border-top:1px solid #434343}
#ticker01 li ul li a{display:block; float:none; width:100%; padding:0 25px 0 10px}
#ticker01 li ul li:last-child{border-bottom:none}
.post {border:none;padding:25px 25px 20px;position:relative;}
.post-image img{float:left; margin-right:5px}
.post .title{font-weight:bold; font-size:24px; margin-bottom:20px}
p.breadcrumbs{padding:25px 25px 0}
.hilite{background-color:yellow}
.entry{font-size:12px; line-height:20px}
.selection{margin-bottom:28px}
.dropdown{}
.majalah img{margin:0 auto; margin-left:50px}
.entry a.btn, input.submit, #commentform #submit{background-color:#912020; border:1px solid #731a1a}
a:link, a:visited{color:#590401}
/* End of Misc */
.cgg_attach { 
	background:url("../images/download_manager.png") no-repeat scroll left bottom transparent;
	height: 16px;
	padding:2px 0 2px 25px;
 }