/* CSS Document */

/* CSS Reset */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left; 
/*	background: #ECECEC url(../images/bg-top.gif) repeat-x left -2px ; */
	line-height: 18px;
	color: #222;
}
#ppn:hover div {
        color: #0066FF;
	display:inline; position:absolute; background:#ffffff;
	color:#6c6c6c;
	font-size:12px; text-align:left;
}

#ppn div{
	display:none;
	padding:1px 1px;
	margin-left:2px;
	width:30px;
	height:20px;
	background-color:#99FFFF;
	position:absolute;
	left: 1150px;
	top: 200px;
}

body#home {
	background: #ECECEC url(../images/bgbodyhome.gif) repeat-x 0 0;
}
body#inside {
	background: #ECECEC url(../images/bgbodyinside.gif) repeat-x 0 -18px;
}

body#homeframe {
	background: #ECECEC;
}
:focus {
	outline: 0;
}
p {
	margin: 0;
	padding: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
/*table {
	border-collapse: collapse;
	border-spacing: 0;
	margin:0;
	padding:0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}*/
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a {text-decoration:none;}

a img {border:none;}

.clear {clear:both;}
a { color: #0DA144; }
a:hover { color: #33CC66; }

/* End CSS Reset */

/* General */
.alignleft {
	text-align:left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.bold {
	font-weight: bold;
}


/* Layout */

/*Header */
#container {
	margin: 0 auto;
	width: 960px;
	padding: 0;
	overflow: hidden;
	background: #f8f6f1 url(../images/bgpage.gif) repeat-y left top;
}
#contentwrap {
	width: 980px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	background-color: #fefdf9;
}
#header {
	width: 980px;
	margin: 0 auto;
	height: 118px;
	display: block;
	background: #ddd url(../images/bgheader.jpg) no-repeat 0 0;
}
#inside #header {
	width: 980px;
	margin: 0 auto;
	height: 100px;
	display: block;
	background: transparent url(../images/bgheader.jpg) no-repeat 0 -18px;
}
#headerXmas {
	width: 980px;
	margin: 0 auto;
	height: 118px;
	display: block;
	background: transparent url(../images/bgheader-xmas.jpg) no-repeat 0 0;
}
#headerLebaran {
	width: 980px;
	margin: 0 auto;
	height: 118px;
	display: block;
	background: #FFFF33 url(../images/bgheader-lebaran.jpg) repeat-x left top;
}
#logo {
	width:599px;
	height: 95px;
	float: left;
}
#logo h1 {
	display: block;
	width: 599px;
	height: 95px;
	background: url(../images/logo-lkpp.png) no-repeat;
	text-indent: -10000px;
	margin: 10px 0 0 30px;
	padding: 0;
}
#logo h1 a {
	display: block;
	width: 599px;
	height: 95px;
}
#inside logo {
	width:515px;
	height: 82px;
	float: left;
}
#inside #logo h1 {
	display: block;
	width:515px;
	height: 82px;
	background: url(../images/logo-lkpp-small.png) no-repeat;
	text-indent: -10000px;
	margin: 10px 0 0 30px;
	padding: 0;
}
#inside #logo h1 a {
	display: block;
	width:515px;
	height: 82px;
}
#homebanner {
	width: 980px;
	height: 49px;
	display: block;
}
.bgbannerDefault {
	background: transparent url(../images/bg-red.gif) repeat-x;
}
.bgbannerXmas{
	background: transparent url(../images/bg-red.gif) repeat-x;
}
.bgbannerLebaran {
	background: transparent url(../images/bg-red.gif) repeat-x;
}
.slogan {
	width: 980px;
	height: 49px;
	display: block;
	text-indent: -10000px;
	margin: 0;
	float: right;
}
.slgDefault {
	background: transparent url(../images/slogan.gif) no-repeat right 0;
}
.slgXmas {
	background: transparent url(../images/slogan-xmas.gif) no-repeat right 0;
}
.slgLebaran{
	background: transparent url(../images/slogan.gif) no-repeat right 0;
}



/* CSS Top Menu */
#topmenu {
	width: 980px;
	height: 35px;
	background-color: #96000E;
}
#topfish {
	width: 500px;
	margin: 0 auto;
	
}
#suckerfishnav {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#suckerfishnav, #suckerfishnav ul {
	margin: 0 0 1px 110px; 
	padding: 0; 
	float: left; 
	list-style-type: none; 
	list-style-image: none; 
	list-style-position: outside; 
	line-height: 34px;
	width: 100%;
	z-index: 100;
	border-left: 1px solid #c15763;
}

#suckerfishnav a {
	padding: 0px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
}

#suckerfishnav li {
	padding: 0px;
	float: left;
	border-right: 1px solid #c15763;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#suckerfishnav li ul { margin: 0px; position: absolute; left: -999em; height: auto; width: 150px; font-weight: normal; line-height: 1;  border-left:none;}
#suckerfishnav li li { width: 150px; font-style: normal}
#suckerfishnav li li a { padding: 4px 10px; color: #000}
#suckerfishnav li ul li { 
	font-weight: normal; font-family: Arial, Helvetica, sans-serif; 
	border-left: 1px solid #999999;  
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#suckerfishnav li ul li a { font-size: 11px; color: #000; }
#suckerfishnav li:hover ul li a { color: #000); }
#suckerfishnav li ul ul { margin: -21px 0px 0px 151px; }
#suckerfishnav li ul li:hover { background-color: #C4BDB3}
#suckerfishnav li ul li:hover a { color: #000; }
#suckerfishnav li ul li:hover li a { color: #000); }
#suckerfishnav li ul li li:hover a { color: #000; }
#suckerfishnav li ul li ul li:hover ul li a { color: #000; }
#suckerfishnav li ul li ul li:hover ul li:hover a { color: #000; }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul { left: -999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul { background-color: #F1EFED; left: auto; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background-color: #c15763; }
#suckerfishnav li a:hover, #suckerfishnav li.sfhover a{ color: #fff; }
#suckerfishnav li ul li a {color: #333;}
#suckerfishnav li.sfhover a { color: #000; }
#suckerfishnav ul li ul { border-top: 1px solid #999; }

#suckerfishnav li:hover, #suckerfishnav li.hover { /* Hack for IE7 */
    position: static;
}


/* End CSS Top Menu */

#sidebarLeft {
	width: 215px;
	float: left;
/*	background-color: #f8f6f1;  */
	margin: 0;
	padding: 0;
}
#sidebarLeftPad {
	width: 190px;
	margin: 0 auto;
}
#sidebarRight {
	width: 215px;
	float: left;
/*	background-color: #0099FF; */
	margin: 0;
	padding: 0;
	
}
#sidebarRightPad {
	width: 190px;
	margin: 0 auto;
}
#home #contentCenter {
	width: 528px;
	float: left;
	background-color: #f0eee9; 
	margin: 0;
	padding: 0;
}
#home #contentPad {
	width: 480px;
	margin: 0 auto;
/*	background-color: #993366; */
	padding-top: 20px;
}
#homeframe #contentCenter {
	width: 528px;
	float: left;
	background-color: #f0eee9; 
	margin: 0;
	padding: 0;
}
#homeframe #contentPad {
	width: 480px;
	margin: 0 auto;
/*	background-color: #993366; */
	padding-top: 20px;
}
#inside #contentCenter {
	width: 748px;
	float: left;
	background-color: #fff;
	margin: 0;
	padding: 0;
}
#inside #contentPad {
	width: 680px;
	margin: 0 30px 30px 30px;
/*	background-color: #993366; */
	padding: 20px 0;
}
/* Title */


h2.widgettitle {
	padding: 3px 0 3px 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
h2.widget2title {
	margin: 0;
	padding: 3px 0 3px 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.thmDefault {
	color: #fff;
	background-color: #C01326;
}
.thmLebaran {
	color: #fff;
	background-color: #008D00;
}
.thmXmas {
	color: #006633;
	background-color: #e8e8e7;
}

/*
h2#unitkerja, h2#pelayanan, h2#cari, h2#forum, h2#pengumumanlelang {
	background-color: #e8e8e7;
	text-transform: uppercase;
	padding: 0 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	color: #6a5f39;
}
*/

ul#list-items {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul#list-items li {
	margin: 0;
	padding: 0 0 0 15px;
	background: transparent url(../images/bullet2.gif) no-repeat 0 4px;
	line-height: 16px;
	padding-bottom: 5px;
}
li.listitem {
	font-size: 11px;
}
li a {
	color: #333;
}
li a:hover {
	color: #CC0000;
}
input {
	margin: 0 0 5px 0;
}


ul.blankList {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.blankList li {
	font-size: 11px;
}
#show {
	background-color: #cdcbc5;
}
.sub {
	font-weight: bold;
	padding: 0 0 0 10px;
	margin-bottom: 5px;
	border-bottom: 1px solid #efefef;
}

.text_subject_utama {
	margin-top: 30px;
	font-size: 24px;
}
.contentstart {
	margin: 20px 0 20px 0;
	text-align: justify;
}
.contentstart p {
	margin-top: 10px;
}
h3.judulberita {
	background-color: #960d1b;
	font-size: 14px;
	padding: 10px;
	color: #e9c0c4;
}
h3.judulpengumuman {
	background-color: #333;
	font-size: 14px;
	padding: 10px;
	color: #ddd;
}
.tanggalberita, .tanggalpengumuman {
	color: #666;
	font-weight: bold;
}
.xbox {
	background-color: #efefef;
	border: 1px solid #eee;
	margin: 20px 0;
}

.xbox p {
	padding: 10px;
	font-size: 11px;
}
/* Footer - added by udhien */
#footer {
	width: 960px;
	height: 76px;
	display: block;
	clear: both;
	margin: 0 auto;
	background: #C92B3D url(../images/bgfooter.gif);
	font-size:10px;
	color:#fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

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

/* Seasonal Theme */



/* Bug Fix */
#logo h1 {
behavior: url(iepngfix.htc);
}


/* Others */
.breadcrumb {
	font-size: 10px;
}
.breadcrumb a {
	color: #666666;
}
.breadcrumb a:hover {
	color: #009933;
}
h3.newsTitle {
	margin: 0;
	padding: 10px 0 0 0;
}
.newsTitle {
	font-weight: bold;
	font-size: 18px;
	color: #1B8D45;
}
.newsTitle a {
	color: #1B8D45;
}
.newsDetail {
	text-align: justify;
}
.newsDate {
	font-size: 11px;
	color: #CC9900;
}

.articletools {
	width: 90px;
	float: right;
}
span.backtotop, span.print, span.tellfriend {
	margin:0;
	padding: 5px;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #efefef;
}
span.backtotop a, span.print a, span.tellfriend a{
	color: #cc0000;
}
span.backtotop a:hover, span.print a:hover, span.tellfriend a:hover{

	padding: 5px;
	color: #fff;
	background: #cc0000;
}

/*
Added by udhien
*/
.highlight:link {
	color: #96000E;
	text-decoration: none;
}
.highlight:visited {
	color: #96000E;
	text-decoration: none;
}
.highlight:hover {
	color: #96000E;
	text-decoration: underline;
}
.highlight:active {
	color: #96000E;
	text-decoration: none;
}

#selengkapnya a {
	color: #000;
	font-size: 11px;
}

#selengkapnya a:hover {
	color: #cc0000;
}

/* ACCORDION */
.msg_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 565px;
}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color:#FFCCCC;
	margin:1px;
}
.msg_body {
	padding: 5px 10px 15px;
	background-color:#F4F4F8;
}
.msg_filelist{
	padding-left: 15px;
}
/* ACCORDION - added by udhien */
/* Pagination */
#pagination {
	font-size: 11px;
}

#pagination .pagdisable {
	color: #CCCCCC;
	border: 1px solid #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#pagination .paglink a {
	color: #333333;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#pagination .paglink a:hover {
	color: #333333;
	background-color: #CCCCCC;
	border: 1px solid #333333;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
#pagination .pagcurrent {
	color: #FFFFFF;
	background-color: #333333;
	border: 1px solid #333333;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.forumtitle {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.messagebox{
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}