.photo img{

            width: auto;
            height: 180px;

          }

          .photo{

             overflow:hidden; width: auto; height:190px; background-color:#eeeeee;
             padding:5px; border:solid 1px #cccccc;
             -moz-border-radius: 5px;

          }
          .photo img:hover{

            width: 400px;

            height: 350px;

            display:run-in;

            z-index: 3;

            position: absolute;
          }

               .tabel{

                 width: 150px;

               }

               .infohtml{

                  border: #FFA500 1px solid ;

                  width: 350px;height: 200px ;

                  font-family: Calibri;

                  background-color:#FFFFFF;
               }

               .tebal{

                 font-weight: bold;

               }
               .deskripsi{

                    overflow:auto; height: 100px;  width: auto; padding:2px;

               }

               .boxkiri{

                    width: 150px; float:right; height:200px

               }

               .boxkiri a{

                 text-decoration: none;
                  background-color: #eeeeee;padding: 3px;
                  border:solid 1px #cccccc;
                  float:left; margin:5px;
               }

               .boxkiri a:hover{

                 background-color: #F0E68C;padding: 3px;

               }
#paging{

     padding:5px;

     font-family:Arial, Helvetica, sans-serif;

     font-size:12px;

     color:#000000;

     font-weight:bold;

 }
 #paging a{

     padding:4px 7px 4px 7px;

     margin:0px 2px 0px 2px;

     border:1px solid #FF9900;

     background:#FFFFFF;

     color:#FF9900;

    text-decoration:none;

 } 

 #paging a:hover{

     border:1px solid #FF9900;

     background:#FF9900;

     color:#FFFFFF;

     text-decoration:none;

}



.uspaging{

    border:green double medium;

    margin-top:10px;

    padding:5px;

    margin-bottom:10px;

    background-color:silver;



}
    .navikln{

        background-image: url('../images/navigate.jpg');

        background-position:top;

        background-repeat:repeat-x;

        position:relative;

        height:230px;

        width:auto;

        border:#F1C200 solid 1px;

        margin-top:50px;

         -moz-border-radius: 6px;
    }

  .centercontent{

    margin-top:20px;

    border-bottom:#F1C200 solid 1px;

    width:540px;

    height:49px;

    overflow:auto;
    }

    .centercontent p{

    margin:2px;

    font-style:oblique;

    }





    .centerbottom{

    margin-top:5px;

    overflow:hidden;

    height:155px;

    background-image: url('../images/pan.gif');

        background-position:bottom;

        background-repeat:repeat-x;

    }

.detiliklan{

    position:relative;

    float:right;

    overflow:auto;

    width:400px;

    height:120px;

}

.pasfoto{

    float:left;

    width:150px;

    margin-left:5px;

    overflow:hidden;

    border: 1px solid #F1C200;

    height:120px;

      -moz-border-radius: 6px;

      background-color: #FEF8E0;



}

.pasfoto img:hover{

    width:400px;

    height:350px;

   border: 1px solid #F1C200;

    position:absolute;

    z-index:30;

    padding:5px;background-color: #6a5acd;

     -moz-border-radius: 4px;



}



.potensi{

    padding:5px;

    float:left;

    background-image: url('../images/pan.gif');

    background-repeat:repeat-x;

    -moz-border-radius: 4px;

}

.navikln img{

    width:140px;
    height:105px;

    margin:3px;

}

.navikln h3{color:blue;position:absolute; margin-top:3px;font-size:13px;margin-left:250px;



}

.navikln .menu{

    float:left;

    margin-top:-1px;

    height:20px;

}


#contentiklan{

  width:650px;

  margin:2px;

  padding:5px 10px 10px 10px;
}



#contentpeta{

    width: auto;

     overflow:hidden;

    z-index:4;



}

.contentnavg{



   float:right;

  width:230px;

  height:460px;

  background-color: #C0C0C0;

  overflow:hidden;







}

.contentnavl{



   float:right;

  width:5px;

  height:460px;

  background-color: #C0C0C0;

}



#isicontentpeta{

       width: auto;

     height:450px;

	 margin:5px;

         margin-right:10px;

	 background-color:#aaaaaa;



}

#isicontentpeta img{

  width:99%;  height:100%;

  border: #000000 1px double;



}





#borderpeta{





}





#legenda{

  height:50px;

   width:auto;

   overflow: hidden;

    margin: 0px 0px 0px 0px;

    background-color: #c0c0c0;

    font-family: Tahoma, Arial, sans-serif;

    font-size: 8pt;







}

.innerlegenda{



}



.caridtpeta{

   margin:5px;

   background-image: url(../images/tback.gif);

      background-repeat: repeat-x;

      background-position: top;

    background-color: #eaf4fc;

   font-family: Calibiri, Arial, sans-serif;

   font-size: 8pt;

   border:#a9c0e0 1px solid ;

   -moz-border-radius: 5px;

    padding:5px;



   width:auto;

}

.caridtpeta table{



    }

#formpencarian{

    width:auto;

}

.klik{

    float:right;

    height:20px;

    width:40px;

    overflow:hidden;





}

.up{

    width:15px;

    height:13px;

    float:right;  background-image:url(../images/menuup.gif);

    background-repeat:no-repeat;

overflow:hidden;

 background-color: #eaf4fc;

   border:#a9c0e0 1px solid ;

   -moz-border-radius: 5px;



}

.down{

    width:15px;



    height:13px;

    background-image:url(../images/menudown.gif);

    background-repeat:no-repeat;

    overflow:hidden;

     background-color: #eaf4fc;

   border:#a9c0e0 1px solid ;

   -moz-border-radius: 5px;



}

.down:hover{

    background-color:green;

}

.up:hover{

    background-color:orange;

}



#hasilpencrpeta{

    overflow:auto;



    width:auto;

    border:blue solid 1px;

    background-image: url(../images/tback.gif);

      background-repeat: repeat-x;

      background-position: top;

}



#hasilpencrpeta a{

    text-decoration:none;



}

#hasilpencrpeta a:hover{

    color:#854C0B;font-weight: bold;



}

#contenthscr{

    margin-top:5px;

     background-image: url(../images/bghscr.gif);

      background-repeat: repeat-x;

      background-position: bottom;background-color:#FFFFFF;

      padding-bottom:10px;

}

#hasilpencrpeta td{

     border : 1px solid #86a5d9;

}



.navcrdtpeta{

     width:auto; height:20px;color:black; font-weight: bold;

     background-image:url(../images/search.gif);color:#ffffff;

     background-repeat:no-repeat;

     background-position:left;

     padding-left:20px;

}

.slideright{

     margin-top:200px; position: relative; width:10px; float: right; height: 20px;

    background-image:url(../images/lay1.gif);background-repeat:no-repeat;background-color: #eaf4fc;

   border:#a9c0e0 1px solid ;



}

.slideright:hover{

    background-image:url(../images/lay2.gif);



}

.even{background-color:#FFFFFF;}

.odd{background-color:#F0F0F0;}

.odd:hover{

    background-color:#FFFACD;

}

.even:hover{

    background-color:#98FB98;

}

.loading {





        height:25px;

        width:auto;

        padding: 2px 10px;

        background-image: url('../images/loading.gif');

        background-repeat:no-repeat;

        background-position:center;

    }

.sliderleft{

     margin-top:200px; position: relative; width:10px; float: right; height: 20px;

    background-image:url(../images/kiri/lay1.gif);background-repeat:no-repeat;background-color: #eaf4fc;

   border:#a9c0e0 1px solid ;

}

.sliderleft:hover{

    background-image:url(../images/kiri/lay2.gif);



}



.hasnavcrdtpeta{

     width:auto; height:20px;color:#FFFFFF;

    font-weight: bold;

     padding-top:3px;

     background-image:url(../images/dft.gif);

     background-repeat:no-repeat;

     background-position:left;

     padding-left:20px;

}



.caridtpeta td{

    padding:2px;



}






.animatedtabs{

            float:right;

            margin-right:20px;

			font-size: 14px;

			height: 40px;

			}





			.animatedtabs ul{

			list-style-type: none;

			margin-top: 15px;

			margin-left: 5px;

			padding: 0;

			}



			.animatedtabs li{

			float: left;

			margin: 0;

			padding: 0;

			}



			.animatedtabs a{

			float: left;

			position: relative;

			top: 5px;

			background: url(../images/tab-blue-left.gif) no-repeat left top;

			margin: 0;

			margin-right: 3px;

			padding: 0 0 0 9px;

			text-decoration: none;



			}
            .notebox-done {

	width: 87%;

	border: 1px solid #F1C200;

	padding: 10px 13px 12px 43px;

	margin: 5px 0px 0px 10px;

	color: #53cc18;

	background-color: #FEF8E0;

	background-image: url('../images/notebox-done-topleft.gif');

	background-position: top left;

	background-repeat: no-repeat;

	-moz-border-radius: 4px;

        font-weight:bold;

}



			.animatedtabs a span{

			float: left;

			position: relative;

			display: block;

			background: url(../images/tab-blue-right.gif) no-repeat right top;

			padding: 5px 14px 8px 5px;

			font-weight: bold;

			color: black;

			}





			.animatedtabs .selected a{

			background-position: 0 -125px;

			top: 0;

			}



			.animatedtabs .selected a span{

			background-position: 100% -125px;

			color: black;

			padding-bottom: 8px;

			top: 0;

			}



			.animatedtabs a:hover{

			background-position: 0% -125px;

			top: 0;

			}



			.animatedtabs a:hover span{

			background-position: 100% -125px;

			padding-bottom: 8px;

			top: 0;

			}




.pageNav {

	float: left;

	font-family: Tahoma, Arial, Geneva, sans-serif !important;

	font-size: 8pt;

        margin-top:5px;

        margin-bottom:0px;

        background-color: #FCFBF3;

        border: 1px solid #F2EECE;

	padding: 2px 5px 2px 5px;

}



.pageNav div {

	padding: 3px 7px;

	margin: 3px 0px 0px 2px;

	float: left;

	color: #aaa;

}



.pageNav a {

	border: #ece9d6 1px solid;

	padding: 3px 7px;

	margin: 3px 0px 0px 2px;

	display: block;

	float: left;

	color: #003366;

        text-decoration: none;

}



.pageNav a:hover {

	text-decoration: none;

	background-image: url('../images/pageNav-button-bg.gif');

	background-repeat: repeat-x;

	padding: 3px 7px;

	border: #afcfed 1px solid;

}



.pageNav a:active {

	text-decoration: none;

	padding: 3px 5px 1px 7px;

	border: #afcfed 2px solid;

}



.pageNav img {

	border: none;

}



.pageNav-pageActive {

	color: #ffffff;

	background-color: #122d71;

	border: #f6f5ed solid 1px;

	padding: 1px 4px;

	display: inline;



	font-weight: bold;

}



.pageNav h3 {

	color: #004A80;

	font-family: Arial, Helvetica, sans-serif ;

	font-size: 1.4em !important;

	margin: 4px 0px 0px 0px;

	padding: 0px 0px 3px 0px;

}

.notebox-alert {

	width: 87%;

	border: 1px solid #F1C200;

	padding: 10px 13px 12px 43px;

	margin: 5px 0px 0px 10px;
	background-color: #FCFBF3;

	background-image: url('../images/notebox-alert-topleft.gif');

	background-position: top left;

	background-repeat: no-repeat;

	-moz-border-radius: 4px;

        color:#991100;



}



.notebox-warning {
	width: 87%;
	border: 1px solid #ED1C24;

	padding: 10px 13px 12px 43px;

	margin: 5px 0px 0px 10px;

	color: #fff;

	background-color: #F25E4F;

	background-image: url('../images/notebox-warning-topleft.gif');

	background-position: top left;

	background-repeat: no-repeat;

	-moz-border-radius: 4px;

}