body{	
	background-image:url(images/bg_ind.png);
	background-repeat:repeat;
	margin:0px;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	scrollbar-face-color:#D5D0BD;
	scrollbar-highlight-color:#F5F3EB;
	scrollbar-3dlight-color:#000000;
	scrollbar-shadow-color:#AFACA3;
	padding:0px;
}
#header {
	height: 72px;
	background-image: url(images/opt/head_01.jpg);
	width:772px;
	background-position:0px 0px;
}
#header-sertifikat {
	height: 72px;background-image: url(images/opt/head02.jpg);
}
#msgsystem{
	margin-left:200px;width:260px;color:#FF0000;padding-top:15px;
}
#footer{
	overflow: hidden;height: 60px;
}
#footer .left{
	background-color:#B7B4AD;width:255px;height:60px;float:left;text-align: center;padding-top: 20px;
}
#footer .right{
	background-color:#AFACA3;width: 517px;height:60px;float: left;text-align: center;padding-top: 20px;
}	
#content{
	background-color:#F0EBD8;
}
#container{
	text-align: left;width: 797px;vertical-align: top;margin:0px auto;
}
#smallcontainer{
	text-align: left;width: 450px;position:absolute;left:100px;top:100px;
}
#topsmallcontainer{
	background-image: url(images/border.png);height: 11px;width:450px;background-position:0px -24px;
}
#bottomsmallcontainer{
	background-image: url(images/border.png);height: 12px;width:450px;background-position:0px -35px;
}
#mainsmallcontent{
	background-image:url(images/bg_smallcontent.png);
	background-repeat:repeat-y;
	width:450px;
	padding-left:12px;
	padding-right:13px;
	text-align:left;
}
#topcontainer {
	background-image: url(images/border.png);height: 11px;width:797px;background-position:0px 0px;display:block;
}
#bottomcontainer {
	background-image: url(./images/border.png);height: 12px;background-position:0px -11px;width:797px;
}
#maincontainer{
	background-image:url(images/bg_content.png);
	background-repeat:repeat-y;
	width:772px;
	padding-left:12px;
	padding-right:13px;
	text-align:left;
}
td,th,input,textarea,select,button,.IAO_WorkflowResponse input {
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;	
	color:#000000;
	font-size:11px;
}
input,textarea,select,button,.IAO_WorkflowResponse input{
	background-color:#FFFFFF
}
.counter{	
	color:#000000;	
	height: 25px;
	text-align: center;
}
.jdl_menu{
	color:#000000;
	font-size:13px;
	height: 25px;
	text-align: left;
}
th {
	font-weight:normal;
}
.titleBar {
	border-top:0px solid #CDCDCB;
	border-right:0px solid #CDCDCB;
	border-bottom:0px solid #999996;
	border-left:0px solid #999996;
	background-color:#8C1B08;
}

td.TitleLeft,.TitleLeft{
	border-bottom:1px solid #FFFFFF;
	white-space:nowrap;
	background-color:#E0DDD0;
}
td.titleTop, th.titleTop, div.titleTop {
	text-align:center;
	border-top:0px solid #CDCDCB;
	border-bottom:1px solid #DFDAC6;
	border-left:0px solid #CDCDCB;
	border-right:1px solid #DFDAC6;
	background-color:#ECE8D8;
	color:#000000;
}
.border {
	background-color:#F4F0E2;
	/*border:1px solid #E8E3D0;*/
}

#response { 
	background-color:#CCCFF;
}
.button,input.button,input.buttonFixed,input.buttonFixedSmall,input.buttonFixedWide,
button.button,button.buttonFixed,button.buttonFixedSmall,button.buttonFixedWide,.IAO_WorkflowResponse input{
	border:1px solid #000000;
	color:#FFFFFF;
	background-color:#B73620;
	background-image:url(button-bg.gif);
}
input.buttonFixed,button.buttonFixed{
	background-image:none;
	width:60px;
}
input.buttonFixedSmall{
	width:30px;
}
input.checkbox {
	border:0px solid;
	margin:0px;
	padding:0px;
	height:12px;
	width:12px;
}
SELECT,TEXTAREA ,.IAO_WorkflowResponse input{
	border:1px solid #D4CFBC;
	background-color:#FFFFE0;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	color:#000000;
}
input {
	border:1px solid #D4CFBC;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
}
td.header1,.header1{
	color:#FBC930;
	padding-top:2px;
	padding-right:6px;
	padding-bottom:2px;
	padding-left:7px;
	font-weight:bold;
	background-color:#767570;
}
img {border:0px none;}
td.header2,.header2{
	background-color:#D4CFBC;
	padding:2px 6px 2px 7px;
	color:#000000;
}
.headerLeft{
	background-color:#D4CFBC;
	padding:2px 6px 2px 7px;
	color:#000000;
	text-align:left;
	font-weight:bold;
}
td.header3,.header3{
	height:24px;
	padding-right:2px;
	padding-left:7px;
	vertical-align:middle;
}
td.header4,.header4 {
	color:#000000;
	padding: 1px 1px 1px 3px;
	background-color:#ECECEC;
}
.left_content{
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	background-color:#D4CFBC;
	color:#000000;
	text-transform:uppercase;
}

INPUT.number, INPUT.time{
	text-align:right
}
INPUT.time{
	width:30px
}
INPUT.date{
	width:60px
}
.selected, td.header3,.horizLineSel {
	background-color: #FEFBED;
}
.highlight {
	background-color:#E5E0CB;
	height: 20px;
	padding-top:3px;
	padding-left: 2px;
}
.botBold {
	font-weight:bold;
}
FORM {
	margin:0px;
	display:inline;
	padding:0px;
}
td.list {
	border:1px solid #FFFFFF;
}
.mainBar2 {
	font-family:Tahoma,Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	background-image:url(images/bts03.gif);
	background-repeat:repeat-x;
	color:#F9E55B;
	height:30px;
	width: 772px;
	overflow: visible;
}
.mainBar {
	background-image:url(images/opt/head_01.jpg);
	background-position:0px -72px; 
	height: 28px;
	overflow: hidden;
	width: 772px;
}
.mainBar a:link {
	color:#FFFFFF;
}
.mainBar a:hover {
	color:#FBFD3C;
}
.mainBar a:visited {
	color:#FFFFFF;
}
.mainBar_tx {
	font-family:Tahoma;
	font-size:10px;
	color:#FFFFFF;
	text-transform:uppercase;
}
.mainBar_tx a:link {
	color:#FFFFFF;
}
.mainBar_tx a:hover{
	border:1px solid #D4CFBC;
	padding-top:1px 1px 1px 1px;
	background-color:#767570;
	color:#FFFFFF;
}
a:visited{
	text-decoration:none;
	color:#B73620;
}
a:link {
	text-decoration:none;
	color:#B73620;
}
a:hover {
	color:#FE8210;
	text-decoration:none;
}
a:active {
	color:#B73620;
	text-decoration:none;
}
a.Atitle:visited,a.Atitle:link, .Atitle A:link,.Atitle A:visited {
	text-decoration:none;
	color:#F0EBD8;
}
a.Atitle:hover, .ATitle A:hover{
	color:#FFFA01;/*text-decoration: underline;*/
}
td.vertLine {border:1px solid #3172A2;}
.warning {color:#FF0000;}

.success {color:#12D021;}

.error {
	color:#FF0000;
	font-weight:bold;
}
.warningJadwal {
	color:#FF0000;
	text-align:left;
}
input.img {
	border:0px none;
	background-color:#F1F7F8;
}
input.highlight {
	border:0px none;
}
.footer {
	background-color:#AFACA3;
	height:50px;
}
.footer_tx {
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	color:#000000;
}
.footer_left{
	background-color:#B7B4AD;
}
.eProcNas {
	color:#E3290A;
	font-weight:bold;
}
.designOnly {
	color:#E97A0C;
	font-weight:normal;
	border:1px none #FF9900;
	display:none;
}
.userName {
	color:#E18700;
}
td.horizLine,.horizLine,.horizLineSel {
	border-bottom:1px solid #D4CFBC;
	font-size:11px;/*text-align: justify;*/
}
td.horizLineTop, .horizLineTop {
	border-bottom:1px solid #D4CFBC;
	font-size:11px;
	vertical-align: top;/*text-align: justify;*/
}
.padding2 {
	padding:2px;
}
.expires {
	text-decoration: line-through;
}
.gray {
	color:#C1C1C1;
}
.go{
	background-image:url(images/button.png);
	background-repeat:no-repeat;
	background-position:-664px -41px;
	width:55px;
	height:21px;	
}
.tabMenuBg {
	background-color:transparent;
	border-top-width:1px;
	border-top-style:solid;
}
.bgd_2 {
	background-color:#F0EBD8;
	width:772px;
}
.bgd_3 {
	background-color:#E8E3D0;
}
.bgd_4 {
	background-color:#FFFFFF;
}
.marquee {
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:10px;
	color:#000000;
	height:15px;
}
.active {
	color:#FEA821;
}
blockquote::before {
	display:block;
	line-height:0;
	background:url(rs-topright.png) top right no-repeat;
	content:url(rs-topleft.png);
}
blockquote::after {
	display:block;
	line-height:0;
	background:url(rs-bottomright.png) bottom right no-repeat;
	content:url(rs-bottomleft.png);
}
td.rcTop {
	background-image:url(images/rc1-0.gif);
	height:4px;
}
td.rcLeft {
	background-image: url(images/rc1-0.gif);
	width:4px;
}
td.rcContent {
	background-image:url(images/rc1-0.gif);
	background-repeat:repeat;
}
textArea.larger {
	font-size:14px;
}
.larger {
	font-size:12px;
}
.rata {
	border:0px solid #D4CFBC;
	padding:1px 1px 1px 1px;
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size:12px;
	text-align:justify;
}
.cell {
	background-color:#FFFFF0;
}
td.buttonColumnValue {
	border-bottom:1px solid #BCD5E9;
	background-color:#EDEFEF;
}
td.namaColumnValue {
	border-bottom: 1px solid #BCD5E9;
}
td.agencyColumnValue {
	border-bottom: 1px solid #BCD5E9;
	background-color: #EDEFEF;
}
td.daftarColumnValue {
	border-bottom: 1px solid #BCD5E9;
	white-space: nowrap;
}
td.paguColumnValue {
	border-bottom: 1px solid #BCD5E9;
	background-color: #EDEFEF;
	white-space: nowrap;
}
input.noBorder {
	border: 0px none;
	background-color: #767570;
}
table.timelineTable {
	background-color: #CCCCCC;
}
td.timelinePast {
	background-color: #FE8210;
}
td.timelineFuture {
	background-color: #FFFFFF;
}
.sertifikat_kol1 {
	background-color:#F5F5F5;
	color:#000000;
}
.sertifikat_kol2 {
	background-color:#ECECEC;
	color:#000000;
}
.login{
	font-family: Tahoma;
	color:#000000;
	font-size: 11px;
	height: 20px;
	display: block;
}
.login-frame{
	width:220px;
	padding-left:30px;
	padding-bottom:10px;
	padding-top:10px;
	background-image: url(images/bg5.gif);
	text-align: left;
}
.tombol{
	color:#000000;
	font-size:12px;
	background-image: url(images/tombol_kirim.gif);
	background-repeat: repeat-x;
	height:20px;
}
fieldset {
	border: 1px solid #D4CFBC;
}
legend {
  padding: 0.2em 0.5em;
  border:1px solid #D4CFBC;
  font-size:11px;
  text-align:right;
}

#topmenu{
	width: 772px;
	background-image: url(images/button.png);
}
#topmenu ul{
	margin: 0;padding: 0;overflow: hidden;
}
#topmenu ul li{
	display: inline;float: left;
}
.navBlock{
	float:left;
	padding-top:8px;
	padding-left: 4px;
}
.userBlock{
	float:right;
	text-align:right;
	padding-top:8px;
	padding-right: 4px;
}
.logoutBlock{
	padding-right:5px;
	float: right;
	padding-top:9px;
	width: 63px;
	height: 19px;
}
.menuBlock{
	padding-left:40px;
	padding-right:10px;
	color: white;
	height: 20px;
	float: left;
	padding-top:8px;
}
.menuBlock ul{margin: 0;padding: 0; list-style-type: none;}
a.home {display:block;width:62px;height:34px;}
a:hover.home {background-position: 0px -38px;background-image:url(images/button.png);}
a.tentangkami {display: block;width: 104px;height: 34px;}
a:hover.tentangkami {background-position: -62px -38px;background-image:url(images/button.png);}
a.faq {display: block;width: 99px;height: 34px;}
a:hover.faq {background-position: -166px -38px;background-image:url(images/button.png);}
a.regulasi {display: block;width: 76px;height: 34px;}
a:hover.regulasi {background-position: -265px -38px;background-image:url(images/button.png);}
a.sitemap {display: block;width:78px;height:34px;}
a:hover.sitemap {background-position:-341px -38px;background-image:url(images/button.png);}
a.kontak {display: block;width: 96px;height: 34px;}
a:hover.kontak {background-position:-419px -38px;width: 94px;height: 34px;background-image:url(images/button.png);}
a.logout {display: block;width: 63px;height: 19px;background:url(images/button.png) 0px -78px;}
a:hover.logout {background-position:-65px -78px;}
div.label-on, a:hover div.label-off{
	background-image:url(images/mid_active.gif);background-repeat:repeat-x;height: 18px;color:#FEA821;float: left;padding-top:2px;
}
div.left-on, a:hover div.left-off{
	width:12px;background:url(images/button.png) -158px -77px;height: 20px;width: 11px;float: left;
}
div.right-on, a:hover div.right-off{
	width:12px;background:url(images/button.png) -171px -77px;height: 20px;width: 11px;float: left;
}
div.label-off{
	background-image: url(images/mid_normal.gif);background-repeat:repeat-x;display:inline;height: 18px;float: left;padding-top:2px;
}
div.left-off{
	width:11px;background:url(images/button.png) -130px -77px;height: 20px;width: 11px;float: left;
}
div.right-off{
	width:11px;background:url(images/button.png) -142px -77px;height: 20px;width: 11px;float:left;
}
.inline {margin: 0px;padding: 0px;}
.inline li{display:inline;}
#drag{position:absolute;width:490px;left:100px;top:100px;display:none;}

.tab-space{
	text-indent: 1cm;
}
.normal-height{
	height: 20px;
}
.label-input{
	padding-left:5px;
	float: left;
	border-bottom:1px solid #FFFFFF;
	background-color:#E0DDD0;
	width: 90px;
}
.value {
	padding-left:5px;
	float: left;
	border-bottom:1px solid #D4CFBC;
	font-size:11px;
	width: 100px;
} 
div.TitleLeft{
	height: 18px; 
	padding-top: 2px;
}
div.text{
	padding-top:4px;
}
div.error{
	color:#FF0000;
	font-weight:bold;
	border: 1px red solid;
}
.hidden-overflow{
	overflow:hidden;
	clear: both;
}
.hidden-overflow div{
	float:left;	
}
.hidden-overflow br{
	clear:both;
}

.form-search-label {
	width:100px;
	float: left;
	height: 18px;
	padding-top: 2px;
}
.form-penawaran-label {
	width:50px;
	float: left;
	height: 18px;
	padding-top: 2px;
}
.block {
	float:left;
	margin-right:10px;
	width: 220px;
	margin-bottom:3px;
	margin-top:2px;
}
.img-menu{
	background-color:#D4CFBC;
	color:#000000;
	padding:2px 6px 2px 7px;
	float:left;
	margin-top:2px;
}
.ppe-home-label{
	padding-top: 9px;
	padding-left: 5px;
}
.lulus-content{
	overflow: hidden;
	clear: both;
	margin: 3px;
}
.lulus-label {
	height: 20px;
	width: 75px;
	float: left;
}
.left-80 {
	width:80px;
	float:left;
	padding:3px;
}
.left-200{
	width:200px;
	float:left;
	padding:3px;
}
#rows-with-bg{			
	overflow:hidden;	
	background-color:#E0DDD0;
	border-bottom:1px solid #F4F0E2;	
}

.field label{
	background-color:#E0DDD0;
}

#rows-with-bg label {
	width:150px;	
	border-top:1px solid #FFFFFF;
	padding:2px;
	height:18px;
}

#rows-with-bg .field{
	width:614px;			
	background-color:#F4F0E2;	
	border-top:1px solid #E0DDD0;
	padding:2px;
	height:18px;		
}

#rows-with-bg .field2{
	width:228px;	
	background-color:#F4F0E2;	
	border-top:1px solid #E0DDD0;
	padding:2px;
	height:18px;
}

#rows-with-bg label, #rows-with-bg .field, #rows-with-bg .field2{
	float:left;	
	height:100%;
}

#search br, #rows-with-bg br, #smallcontent br, #list br{
	clear:both;
}

#search {
	width:300px;		
	overflow:hidden;	
}

#search label{
	width:100px;
	float:left;
	padding:2px;
}

#search .field{
	width:200px;
	float:left;
	margin:2px;
}

#smallcontent {
	width:425px;
	overflow:hidden;	
	background-color:#E0DDD0;	
}

#smallcontent .field{
	width:326px;
	float:left;
	padding:2px;
	background-color:#F4F0E2;	
}

#smallcontent label{
	width:90px;
	float:left;
	padding:2px;	
}

#list{
	overflow:hidden;
}
	
#list label, #list span, #list img, #list div{
	float:left;
	padding:2px;
}
.align-left { float:left; margin: 0 2px 2px 0; }

.garis-datar {
 background-image:url(images/grs_dtr.gif);
 background-repeat:repeat-x;
 height:2px;
}
.eproc-img {
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-position:-168px 0px;
	width:153px;
	height:26px;	
}
.eproc-all-img {
	background-image:url(images/button.png);
	background-repeat:no-repeat;
	background-position:-517px -38px;
	width:53px;
	height:30px;
}
.pengumuman-lelang-img {
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	width:137px;
	height:24px;
}
.berita-lelang-img{
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-position:-389px 0px;
	width:103px;
	height:23px;
}
.box-pengumuman-lelang-img {
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-position:0px -30px;
	width:236px;
	height:55px;
}
.box-berita-lelang-img {
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-position:-259px -31px;
	width:239px;
	height:60px;
}
.box-all-pengumuman-lelang-img {
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-position:0px -89px;
	width:237px;
	height:51px;
}
.box-all-berita-lelang-img {
	background-image:url(images/box.png);
	background-repeat:no-repeat;
	background-position:-259px -89px;
	width:237px;
	height:53px;
}
.right-content {
	background-image: url(images/bts02.gif);
	background-repeat: repeat-y;
	padding-left: 11px;
	padding-right: 2px;
}
.icon-header {
	background-image:url(images/button.png);
	background-repeat:no-repeat;
	background-position:-633px -43px;
	width:19px;
	height:14px;
	margin-top:3px;
	margin-left:3px;
}
.icon-blacklist {
	background-image:url(images/button.png);
	background-repeat:no-repeat;
	background-position:-731px -37px;
	width:31px;
	height:32px;
}
.metode-rows {
	background-color:#FFFACD;
	font-weight:bold;
}
.metode-table{
	background-color:#E9E9CA;
}
.login-header {
	background-image:url(images/mLeft1.gif);
	height:22px;
	width:210px;
}
.help-icon {
	background-image:url(images/help.gif);
	background-repeat:no-repeat;
	width:23px;
	height:16px;
	margin-right:3px;
}
.pengumuman-all{	
	margin:5px 0px 0px 0px;
	border:1px solid; 
	background-color:#CCCCCC;
	height:20px;	
	padding-top:5px;
	font-weight: bold;
}
.pengumuman-show-img{
	background-image: url("images/plus.png");
	background-repeat:no-repeat;	
	padding-left :13px;
}
.pengumuman-hide-img {
	background-image: url("images/minus.png");		
	padding-left :13px;
	background-repeat:no-repeat;
}
#draggable{position:absolute;width:490px;left:100px;top:100px;display:none;}
	
#error_box {
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;		
	background-color: #ffecec;
  	border: 1px solid #DC5757;	
	text-align:center;
	font-weight:bold;	
	font-size : 11px;
}
#message_box {
	font-family:Tahoma, Verdana, Arial, Helvetica, Sans-Serif;	
	background-color: #e6fff2;
  	border: 1px solid #e6ffdd;	
	text-align:center;
	font-weight:bold;
	font-size : 11px;
}

.cari
{
    background: url("images/cari.gif") no-repeat;
    height: 27px;
    width: 61px;
    border: none;
}

.cari:hover
 {
     background: url("images/cari_hover.gif") no-repeat;
 }