body { 
	margin: 0 0 10px 0;
	background: #FFFFFF;
	font: 10px/12px Arial, Verdana, Helvetica, "MS PGothic", Osaka, sans-serif;
	color: #000000;
}
#container {
	margin-top:10px;
}
#header {
	border-bottom:2px solid #FFFFFF;
}
.banner {
	font: 9px/11px Verdana;
	color: #333333;
	padding:10px 5px 5px 10px;
}
img.best { border:0px; }
h1.keyword { 
	font: 9px/11px Tahoma, Verdana, Helvetica, "MS PGothic", Osaka, sans-serif; 
	color: #999999;
	text-align:center;
}
#verticalNav {
	border-top:4px solid #333333;
	border-bottom:1px solid #CCCCCC;
	padding:2px 0 0 2px;
}
acronym { border:0px; }
.topNav {
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font: 11px/12px Tahoma, Verdana, Helvetica, "MS PGothic", Osaka, sans-serif; 
	color: #333;
	padding:1px;
	font-weight: bold;
}
.topNav a:link { text-decoration: none; display: block; background: #FFF; padding:4px; border-left: 7px solid #CCC; color: #333; }
.topNav a:visited { text-decoration: none; display: block; background: #FFF; padding:4px; border-left: 7px solid #CCC; color: #333; }
.topNav a:active { text-decoration: none; display: block; background: #FFF; padding:4px; border-left: 7px solid #CCC; color: #333; }
.topNav a:hover { text-decoration: none; display: block; background: #FFF;  padding:4px; border-left: 7px solid #DD5733; color: #DD5733; } /* #D4E345; */

.icoNav { padding:1px 0 1px 2px; background: #CCC; font: 10px/12px Tahoma, Verdana, Helvetica; color: #333; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF; border-right:1px solid #CCC; border-left:1px solid #FFFFFF; }

.icoNav img { border:0px; }
.content {
	font: 10px/12px Tahoma, Verdana, Helvetica, "MS PGothic", Osaka, sans-serif;
	color: #000000;
	padding-top:5px;
	letter-spacing:0px;
}
.kolom-kanan { border-right: 1px solid #CCCCCC; }
#foot {
	padding-top:1px;
	border-top:1px solid #E1E1E1;
}
.footer { 
	background: #E1E1E1;
	border-top:1px solid #FFFFFF;
	padding:5px;	
	font:10px/12px Verdana;
	font-weight: bold;
	color: #333333;
	text-align: center;
}
.copyright {
	padding: 7px 0 7px 0;
	font: 10px/12px Verdana, Tahoma, Helvetica;
}
/* content style */
.area { font: 12px/14px Tahoma; font-weight: bold; border-bottom:1px solid #DD5733; border-right:6px solid #FFFFFF; padding:1px 1px 1px 5px; }
.toplist { padding-top:10px; border-top: 4px solid #FFF; font: 11px/13px Tahoma, Verdana, Helvetica; }
td.toplist { padding:2px; border-bottom: 1px solid #CCC; }
.toplist img { float: left; border:0px solid #333; margin:2px 4px 2px 2px; padding:2px; background: #eee; }
.toplist-kanan { border-bottom: 1px solid #CCC; border-top: 4px solid #FFF; background: #e1e1e1; padding-top:10px; font: 11px/13px Tahoma, Verdana, Helvetica; }
td.toplist-kanan { padding:2px; border-bottom: 1px solid #CCC; border-top: 6px solid #FFF; }
.toplist-kanan img { float: left; border:0px solid #333; margin:2px 4px 2px 2px; padding:2px; background: #eee; }
.float-right { float: right; padding-right:5px; }
.float-left { float:left; padding-right:2px; }
.list { font: 10px/12px Tahoma, Verdana, Helvetica; }
.sidelist { margin: 1px 2px 1px 0; padding: 1px 2px 1px 0; font: 11px/13px Tahoma, Verdana, Helvetica; }
.sidelist td { padding:2px 0 2px 0; border-bottom: 1px solid #CCC; }
img.icons { float:none; border:0px; background: none; vertical-align:middle; }

/* additional */
.red { color: #FF0000; }
.birumuda { color: #4685DB; }
.bleu {	
	font-size: 12pt;
	font-family: verdana;
	font-weight: bold;
	color: #6285DF;
}
.menukosong  { background:#A3B602; padding:2px 0 0 10px; font: 11pt/13pt Verdana; font-weight: bold; color:#FFFFFF; }
.batas-bawah { padding:2px 2px 2px 10px; border-bottom:1px solid #cccccc; letter-spacing:0px; }
.smallboldorange { font: 9pt/11pt Tahoma, Verdana, Helvetica, "MS PGothic", Osaka, sans-serif; color: #EF402F; }
.index-title { 
	font: 12px/14px Tahoma; font-weight: bold; border-bottom:1px solid #DD5733; border-right:6px solid #FFFFFF; padding:1px 1px 1px 5px;
}
.japanxmall {
	font: 11px/12px "MS PGothic", Osaka, sans-serif; 
}
.spalist td { padding-bottom:5px; }
#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 11px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
color: #FFFFFF;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover { 
background-color: #ccc;
color: #333333;
}
.xlink { font: 11px/12px Arial, Verdana, Helvetica, "MS PGothic", sans-serif; color: #333; }
/* link styles */
a:link { color: #006CB7; }
a:visited { color: #006CB7; }
a:active { color: #006CB7; }
a:hover { color: #DD5733; }
.banner a:link { text-decoration: none; color: #666666; }
.banner a:active { text-decoration: none; color: #666666; }
.banner a:visited { text-decoration: none; color: #666666; }
.banner a:hover { text-decoration: none; color: #006CB7; }
.icoNav a:link { text-decoration: none; color: #333; }
.icoNav a:active { text-decoration: none; color: #333; }
.icoNav a:visited { text-decoration: none; color: #333; }
.icoNav a:hover { text-decoration: none; color: #FFF; }
.area a:link { color: #333; text-decoration: none; }
.area a:visited { color: #333; text-decoration: none; }
.area a:active { color: #333; text-decoration: none; }
.area a:hover { color: #DD5733; text-decoration: none; }
.green a:link { color: #333; text-decoration:none; }
.green a:visited { color: #333; text-decoration:none; }
.green a:active { color: #333; text-decoration:none; }
.green a:hover { color: #A3B602; text-decoration:none; }
.reds a:link { color: #333; text-decoration:none; }
.reds a:visited { color: #333; text-decoration:none; }
.reds a:active { color: #333; text-decoration:none; }
.reds a:hover { color: #EF402F; text-decoration:none; }
.sidelist a:link { color: #999; text-decoration: none; }
.sidelist a:visited { color: #999; text-decoration: none; }
.sidelist a:active { color: #999; text-decoration: none; }
.sidelist a:hover { color: #F6A200; text-decoration: none; }
.footer a:link { text-decoration: none; color: #006CB7; }
.footer a:visited { text-decoration: none; color: #006CB7; }
.footer a:active { text-decoration: none; color: #006CB7; }
.footer a:hover { text-decoration: none; color: #DD5733; }

/* list style */
ul.green, li.green { list-style-image: url(../images/icons/arrow_green.gif); margin-top:2px; }
ul.reds, li.reds { list-style-image: url(../images/icons/arrow_red.gif); margin-top:2px; }
ul.orange, li.orange { list-style-image: url(../images/icons/arrow-1.gif); margin-top:2px; }
ul.kotak-orange, li.kotak-orange { list-style-image: url(../images/icons/kotak_orange.gif); margin-top:2px; }

/* form things */
textarea, input, select, button { border:1px solid #333; }
.forms { font: 11px/12px Arial, "MS PGothic", Osaka, sans-serif; color: #333; }

/* calendar */
DIV.calendar {
	POSITION: relative
}
.calendar {
	BORDER-RIGHT: #556 1px solid; BORDER-TOP: #556 1px solid; FONT-SIZE: 11px; BACKGROUND: #eef; BORDER-LEFT: #556 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #556 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar TABLE {
	BORDER-RIGHT: #556 1px solid; BORDER-TOP: #556 1px solid; FONT-SIZE: 11px; BACKGROUND: #eef; BORDER-LEFT: #556 1px solid; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #556 1px solid; FONT-FAMILY: tahoma,verdana,sans-serif
}
.calendar .button {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar .nav {
	BACKGROUND: url(menuarrow.gif) #778 no-repeat 100% 100%
}
.calendar THEAD .title {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.calendar THEAD .headrow {
	BACKGROUND: #778; COLOR: #fff
}
.calendar THEAD .daynames {
	BACKGROUND: #bdf
}
.calendar THEAD .name {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #556 1px solid; TEXT-ALIGN: center
}
.calendar THEAD .weekend {
	COLOR: #a66
}
.calendar THEAD .hilite {
	BORDER-RIGHT: #04f 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #04f 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; BORDER-LEFT: #04f 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #04f 1px solid; BACKGROUND-COLOR: #aaf
}
.calendar THEAD .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; PADDING-TOP: 2px; BACKGROUND-COLOR: #77c
}
.calendar TBODY .day {
	PADDING-RIGHT: 4px; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; WIDTH: 2em; COLOR: #456; PADDING-TOP: 2px; TEXT-ALIGN: right
}
.calendar TBODY .othermonth {
	FONT-SIZE: 80%; COLOR: #bbb
}
.calendar TBODY .oweekend {
	COLOR: #fbb
}
.calendar TABLE .wn {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; PADDING-LEFT: 2px; BACKGROUND: #bdf; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.calendar TBODY .rowhilite TD {
	BACKGROUND: #def
}
.calendar TBODY .rowhilite TD.wn {
	BACKGROUND: #eef
}
.calendar TBODY TD.hilite {
	BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 1px; BACKGROUND: #def; PADDING-BOTTOM: 1px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #bbb 1px solid
}
.calendar TBODY TD.active {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; BACKGROUND: #cde; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar TBODY TD.selected {
	BORDER-RIGHT: #000 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; BACKGROUND: #fff; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #000 1px solid
}
.calendar TBODY TD.weekend {
	COLOR: #a66
}
.calendar TBODY TD.today {
	FONT-WEIGHT: bold; COLOR: #00f
}
.calendar TBODY .disabled {
	COLOR: #999
}
.calendar TBODY .emptycell {
	VISIBILITY: hidden
}
.calendar TBODY .emptyrow {
	DISPLAY: none
}
.calendar TFOOT .footrow {
	BACKGROUND: #556; COLOR: #fff; TEXT-ALIGN: center
}
.calendar TFOOT .ttip {
	PADDING-RIGHT: 1px; BORDER-TOP: #556 1px solid; PADDING-LEFT: 1px; BACKGROUND: #fff; PADDING-BOTTOM: 1px; COLOR: #445; PADDING-TOP: 1px
}
.calendar TFOOT .hilite {
	BORDER-RIGHT: #04f 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #04f 1px solid; PADDING-LEFT: 1px; BACKGROUND: #aaf; PADDING-BOTTOM: 1px; BORDER-LEFT: #04f 1px solid; COLOR: #000; PADDING-TOP: 1px; BORDER-BOTTOM: #04f 1px solid
}
.calendar TFOOT .active {
	PADDING-RIGHT: 0px; PADDING-LEFT: 2px; BACKGROUND: #77c; PADDING-BOTTOM: 0px; PADDING-TOP: 2px
}
.calendar .combo {
	BORDER-RIGHT: #655 1px solid; BORDER-TOP: #655 1px solid; DISPLAY: none; FONT-SIZE: 90%; BACKGROUND: #def; LEFT: 0px; BORDER-LEFT: #655 1px solid; WIDTH: 4em; CURSOR: default; COLOR: #000; BORDER-BOTTOM: #655 1px solid; POSITION: absolute; TOP: 0px
}
.calendar .combo .label {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	PADDING-RIGHT: 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; TEXT-ALIGN: center
}
.calendar .combo .label-IEfix {
	WIDTH: 4em
}
.calendar .combo .hilite {
	BACKGROUND: #acf
}
.calendar .combo .active {
	BORDER-TOP: #46a 1px solid; FONT-WEIGHT: bold; BACKGROUND: #eef; BORDER-BOTTOM: #46a 1px solid
}
.calendar TD.time {
	PADDING-RIGHT: 0px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 1px; PADDING-TOP: 1px; BACKGROUND-COLOR: #f4f0e8; TEXT-ALIGN: center
}
.calendar TD.time .hour {
	BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .minute {
	BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	BORDER-RIGHT: #889 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #889 1px solid; PADDING-LEFT: 4px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; BORDER-LEFT: #889 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #889 1px solid; BACKGROUND-COLOR: #fff
}
.calendar TD.time .ampm {
	TEXT-ALIGN: center
}
.calendar TD.time .colon {
	PADDING-RIGHT: 2px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.calendar TD.time SPAN.hilite {
	BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; COLOR: #fff; BORDER-TOP-COLOR: #000; BACKGROUND-COLOR: #667; BORDER-RIGHT-COLOR: #000
}
.calendar TD.time SPAN.active {
	BORDER-LEFT-COLOR: #f00; BORDER-BOTTOM-COLOR: #f00; COLOR: #0f0; BORDER-TOP-COLOR: #f00; BACKGROUND-COLOR: #000; BORDER-RIGHT-COLOR: #f00
}