/* CSS Document */

.transition1234 {
	background-color:#EEEEEE;
	padding:0px;
	font-family:Tahoma;
	font-size:10px;
	color:#999999;
	border:1px #AAAAAA solid;
}

.main_layout{
	border:1px #666666 solid;
}

.upper_banner{
	background:url(../images/temp_home_01.jpg);
	color:#FFFFFF;
	font-family:sans-serif;
	font-size:7pt;
}

.upper_banner a{
	color: #FFCC00;
	font-family:sans-serif;
	font-size:7.5pt;
	text-decoration:none;
}

.upper_banner a:hover{
	color:#0000FF;
}

.tulisantime{
	color:#FFFFFF;
	font-family:sans-serif;
	font-size:8pt;	
}

input {
	background-color:#EEEEEE;
	border:1px #999999 solid;
	height:18px;
	font-family:tahoma;
	font-size:11px;
	padding:1px;
}

.combobox {
	background-color:#EEEEEE;
	border:1px #999999 solid;
	height:18px;
	font-family:tahoma;
	font-size:11px;
	padding:1px;
	
}

.button{
	background-color:#EEEEEE;
	border:1px #999999 solid;
	height:18px;
	font-family:tahoma;
	font-size:11px;
	color:#3366FF;
	font-weight:bold;
	
}

textarea{
	background-color:#EEEEEE;
	border:1px #999999 solid;
	height:50px;
}

combo {
	background-color:#CCCCCC;
	border:1px #999999 solid;
	height:18px;

}

.running_text{
	color:#000000;
	font-family:sans-serif;
	font-size:7.5pt;
}

.running_text a{
	color:#555555;
	text-decoration:none;
}

.running_text a:hover{
	color:#0000BB;
}

.footer1{
	color:#FFFFFF;
	font-family:sans-serif;
	font-size:11px;
}

.footer1 a{
	color:FFCC00;
	text-decoration:none;
}

.footer1 a:hover{
	color:#0000FF;
}

.navigation a{
    color:#333333;
	font-family:sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

.paging_button{
	border:none;
	background-color:#FFFFFF;
	cursor:pointer;
}

.box {
  width: 165px;
  background-color:#FDFDFD;
  }
.box h3 {
  margin: 0;
  padding: 3px 4px 3px 5px;
  font-family:sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  text-align:right;
  border-bottom: 1px solid gray;
  background: url(../images/box/atas_165.png) repeat-x top left;
  }
.box ul {
  margin: 0;
  padding: 3px 2px 4px 5px;
  list-style:none;
  }
.box ul li {
  margin: 1 1 5px;
  padding: 0;
  font-family:sans-serif;
  font-size: 70%;
  color: #000066;
  border-bottom:1px #CCCCCC dotted;
  }
 .box ul li ul{
 font-family:sans-serif;
  font-size: 145%;
  }
.box ul li a{
	color:#DD1122;
   text-decoration:none;
}
.box ul li a:hover{
  color:#FFCC00;
  }
  
#kurs table{
	font-family:sans-serif;
	font-size: 10px;
  	color: #000066;
	background-color:#999999;
}

#kurs table th{
	font-size: 11px;
	padding:2px;
}

#kurs table td{
	font-size: 9px;
	padding:2px;
}

/*untuk gimmick*/
#gimmick{
	font-family:sans-serif;
	font-size:12px;
}
#gimmick th{
	color:#000033;
	font-size:14px;
	border-bottom: 2px #990000 solid;
	text-align:left;
}
#gimmick ul{
  margin: 0;
  padding: 3px 2px 2px 10px;
  list-style-image:url(../images/point_gimmick.gif);
	/*list-style:armenian;*/
}
#gimmick ul li{
	margin-left:7px;
	font-family:sans-serif;
	font-size:11px;
	border-bottom:1px #AAAAAA dotted;
}

#gimmick #tanggal{
	color:#666666;
	font-size:10px;
}

#gimmick a{
	font-weight:800;
	color:#DD1122;
	font-size:12px;
	text-decoration:none;
}
#gimmick #more a{
	color:#DD1122;
	font-size:11px;
	text-decoration:none;
	font-weight:normal;
}
#gimmick a:hover{
	color:#FF9900;
}

  
/*PRODUCT BOX*/
<![if IE]>
.product{
	width:165;
	height:145;
	background:transparent url(../images/box_product.jpg) no-repeat center;
	font-family:sans-serif;
	color:#000033;
	font-size:12px;
}
<![endif]>

.product table{
	margin-top:12px;
	margin-left:20px;
	margin-bottom:30px;
	margin-right:20px;
}

.product #caption{
	padding-top:2px;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
}


/*content*/
#content{
	font-family:sans-serif;
}

#content h3{
	margin:1px;
	color:#000066;
	font-size:17px;
}

#content #garis{
	font-size:1px;
	border-top:1px #666666 dotted;
}

#content #tanggal{
	color:#000000;
	font-size:9px;
}

#content #isi{
	color:#333333;
	font-size:12px;
}
#content #isi table{
	color:#333333;
	font-size:12px;
}

#content #back_top{
	color:#FF6600;
	font-size:12px;
	text-decoration:none;
}

#content #back_top:hover{
	color:#000099;
}

#content .keterangan{
	color:#999999;
	font-size:10px;
}

#content #navigation{
	color:#666666;
	font-size:12px;
	font-weight:bold;
		border-top:1px #000000 solid;
}

#content #navigation #ket{
	color:#666666;
	font-size:11px;

}

.modalWrap
{
 background-color:#EEEEEE;
	border:1px #999999 solid;
	width:110px;	
	height:19px;
	font-family:tahoma;
	font-size:11px;
	font-color:#000000;
	margin-top:3px;
	padding:2px;
	padding-right:25px;
	padding-left:6px;
	padding-bottom:4px;	
	background:url(../images/backspan.jpg);
}

#locator{
	font-family:sans-serif;
}

#locator table{
	color:#000033;
	font-size:12px;
}

#contact_us table{
	font-family:sans-serif;
	font-size:10px;
}

.page_info{
	font-family:sans-serif;
	font-size:10px;
	color:#999999;
}
  /*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>

.shiftcontainer{
position: relative;
left: 200px; /*Number should match -left shadow depth below*/
top: 200px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
background: transparent url(../images/box/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
margin:5px;
background-color: white;
border: 1px solid gray;
padding: 0px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
<![endif]>