/*		
	KI GENDENG PAMUNGKAS
	A.K.A AGUS GANTENG
	KAH KAH KAH KAH
	
*/

/* GENERAL */
body {
	margin:0 0 0 0 ;
	background-color: #f2f2f2;
	color: #000000;
	font: 10pt/12pt Arial, Helvetica, sans-serif, "MS PGothic";
}

h4 {
	font: 11pt/13pt Arial, Helvetica, sans-serif, "MS PGothic";
	background: #FF6600;
	padding:5px 0 2px 5px;
	color: #FFFFFF;
}
h3 {
	margin:0;
	font: 12pt/14pt Arial, Helvetica, sans-serif, "MS PGothic";
	padding:5px 0 2px 5px;
	color: #000000;
	text-transform: capitalize;
}
p {
	margin:0;
	padding:0;
}
div#wrapper {
	width:800px;
	height: 100%;
	\height: 100%;
	h\eight: 100%;  
	margin:10px auto 5px auto;
}
div#rap {
	background: #FFFFFF;
	padding:5px 10px 5px 15px;
	border:1px solid #DADCD9;
	/*z-index:-5000;*/
}
#wrapper h1 { text-align: right; }
#wrapper p.url { text-align: right;  }
p.title {
	font: 12px/14px Arial, Helvetica, sans-serif, "MS PGothic";
	border-bottom: 2px solid #CCCCCC;
	padding:5px 5px 5px 12px;
	background: url(../reservation/jp/images/icons/rating_star_blank.png) no-repeat 0% 50%;
}
a { text-decoration: none; }
a:link { color: blue; }
a:hover { color: #000000; text-decoration: underline; }
a:active { color: #FF6600; }
a:visited { color: #333333; }
div.spacer { display: block; height:5px; width:765px;}
table.xform { border-bottom:1px solid #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(../reservation/jp/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
}
.small-center { text-align: center; font:10px/12px Arial, Verdana, Helvetica, sans-serif,"MS PGothic"; }
#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-family:arial;
	font-weight:bold;
	font-size:0.8em;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFF;
	font-weight:normal;
	font-size:0.7em;
}
.menu01 {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,
}
.menu01 A {
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,; TEXT-DECORATION: none
}
.menu01 A:hover {
	FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: verdana,; TEXT-DECORATION: underline
}
.menu001 {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana,
}
.menu001 A {
	FONT-SIZE: 11px; COLOR: #FFFFFF; FONT-FAMILY: Verdana,; TEXT-DECORATION: none
}
.menu001 A:hover {
	FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: verdana,; TEXT-DECORATION: underline
}
.menu002 {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana,
}
.menu002 A {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana,; TEXT-DECORATION: none
}
.menu002 A:hover {
	FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: verdana,; TEXT-DECORATION: underline
}
.content {
	FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, sans-serif,
}

.title {
	FONT-SIZE: 22px; COLOR: #2F4846; FONT-FAMILY: verdana; text-decoration:blink;
}
.title02 {
	FONT-SIZE: 16px; COLOR: #990000; FONT-FAMILY: verdana;
}
.menu02 {
	FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: verdana,
}
.menu0002 {
	FONT-SIZE: 16px; COLOR: #000000; FONT-FAMILY: Verdana,
}
.menuUp {font-family: Verdana;
	font-size: 10px;
	color: #FFFFFF;}
.style2 {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana,; font-weight: bold; }
.style4 {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana,; font-style: italic; }
.style7 {FONT-SIZE: 12px; COLOR: #990000; FONT-FAMILY: verdana,; font-weight: bold; }
.style9 {	FONT-SIZE: 22px;
	COLOR: #00CC00;
	FONT-FAMILY: "trebuchet MS";
	text-decoration: none;
	font-weight: bold;
}
.style10 {
	FONT-SIZE: 14px;
	COLOR: #1B4E3B;
	FONT-FAMILY: Verdana,;
}
.style11 {
	font-size: 16px;
	color: #990000;
	font-style: italic;
}