body, td {
  font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
  font-size:11px;
}

body {  background-color: #f8f9e1; }

body, h1, h2, h3, h4, h5, h6, div, p, table, td, tr, th, form {
   margin: 0;
   padding: 0;
}

table {
 border:0px;
 /*width: 100%;*/
 border-collapse: collapse; 
 border-spacing: 0;
}

td, tr {vertical-align: top; }

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 100%;
/*	font-weight: normal; */
  	font-weight:bolder;
}

h1 {font-size: 18px; }
h2 {font-size: 16px; }
h3 {font-size: 12px }
h4 {font-size: 10px; }
a {	text-decoration: none;  color: black;}
a:hover { text-decoration: none; color: Black; font-weight: bold;}
a:visited {	text-decoration: none;  color: Black;}
img {	border: 0px; }

hr {
    border-style: solid;
	border-width: 1px;
	height: 1px;
}

p {
	margin-bottom: 0.8em;
	text-align: justify;
}


/* --------------------------------- login table halaman awal -----------------------------------*/
#login_container {
    border:1px solid #8282ff;
	line-height: 150%;
	margin-bottom: 0;
	margin-left: 250px;
	margin-right: 0;
	margin-top: 110px;
	width: 250px;
}

#login_content {
	padding: 5px;
	width: 100%;
}

#login_header {
	background-color: #8282ff;
	color: white;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: right;
	padding: 5px 10px 5px 0px;
}

/* ----------------------------------------------- color -------------------------------------------*/
.black { color: black; }
.grey { color: grey; }
.red { color: red; }
.dred { color: #8B0000; }
.blue {	color: #175ca8;}
.cyan { color: #0A6BCE; }
.navy { color: navy; }
.orange {	color: #EE8715;}
.yellow { color: yellow; }
.purple { color: purple; }
.dolive { color: #556B2F; }
.dolive2 { color: #CAFF70; }
.dolive3 { color: #BCEE68; }
.white {color: white; }
.salmon1 { color: #8B5742; }
.salmon2 { color: #FFA07A; }
.salmon3 { color: #CD8162; }
.greendark { color: #007D48; }
.blues1 { color: #12127D; }
.blues2 { color: #0066b3; }
.blues3 { color: #80C9FF; }
.redhot { color: #B30000; }
.redhot2 { color: #E6300D; }
.redhot3 { color: #FFBFBF; }
.bluenavy {	color:navy;}
.brown1 {	color: #633100; }

.bgblack { background: black; }
.bggrey { background: grey; }
.bgred { background: red; }
.bgdred { background: #8B0000; }
.bgblue { background: blue; }
.bgcyan { background: #0A6BCE; }
.bgnavy { background: navy; }
.bgorange { background: #FF8C00; }
.bgyellow { background: yellow; }
.bgpurple { background: purple; }
.bgwhite {background: white; }
.bgsalmon1 { background: #8B5742; }
.bgsalmon2 { background: #FFA07A; }
.bgsalmon3 { background: #CD8162; }
.bgdolive { background: #556B2F; }
.bgdolive2 { background: #CAFF70; }
.bgdolive3 { background: #BCEE68; }
.bggreendark { background: #007D48;}
.bgblues1 { background: #12127D;}
.bgblues2 { background: #0066b3; }
.bgblues3 { background: #80C9FF; }
.bgredhot { background: #B30000; }
.bgredhot2 { background: #E6300D; }
.bgredhot3 { background: #FFBFBF; }
.bgviolet1 { background: #dfdfff; }
.bgviolet2 { background: #f0f0ff; }
.bgviolet3 { background: #ececff; }
.bgwhite {	background:#ffffff; }


.center {	text-align: center;  }
.right {  text-align: right; }
.middle { vertical-align : middle; }
.top {	vertical-align: top; }
.bold {	 font-weight: bolder;}
.italic{ text-decoration: underline; }
.mright {margin-right: 20px;}
.color1 { color: #ff804c;}
.price1{ font-size: 10px; }
.normal {	font-weight: normal;}

.font_footer1 {
   font-size: 10px;	
   color: white;
   text-align: center;
   font-weight: bold;
 }
.font_footer2 {  font-size: 10px;	}
.font_menu2{ font-size: 11px;}
.font_menu2, .font_menu1{  font-weight: bold;}
.font_menu1{
  color: #633100; 
  font-size: 12px;
}

/*-------------------------------------------worksheet---------------------------------*/
#worksheet {
  width: 765px;
  margin-left: auto;
  margin-right: auto; 
}

.sub_title1{
  font-weight: bold;
  color: #809e0b; 
  font-size: 13px;
  text-decoration: underline;
}

#table_detail table {
   border-collapse: collapse;
   margin: 0px;
   padding: 0px;
   width: 100%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

#table_detail th {
    background-color: #fcbe53;
	border: 0px;
	border: 1px solid #fcbe53;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
}

#table_detail td { border: 1px solid #fcbe53;  }
#table_detail td.center {text-align: center;}

#tablesub1{
	width: 100%;
	float: left;
}

#tablesub2{
	width: 38%;
	margin: 0 20px 0 20px;
	float: left;
}

#tablesub2, #tablesub1, span {
	vertical-align: middle;
}

#tablegallery{
	width: 140 px;
	text-align: center;
	float: left;
	margin: 0 0 10px 0;
}
/*-------------------------------------------menu---------------------------------
#menusheet{
	font-family: Verdana, Arial, "Times New Roman";
	margin: 0px;
	padding: 0px;
	width: 210px;
}

/*------------------------------------- worksheet --------------------------------
#worksheet, #header {
	font-family: Verdana, Arial, "Times New Roman";
	margin: 0px;
	padding: 0px;
	width: 555px;
}
#header img, span, input, select  { vertical-align: middle; }
#table_list img {	vertical-align: middle;}

#table_list{
	width:100%;
	margin: 0px;
	padding: 0px;	
	border: 1px solid #aaaaff;
}
#table_list table{
   border-collapse: collapse;
   margin: 0px;
   padding: 0px;
   width: 100%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}
#table_list th {
    background-color: #aaaaff;
	border:0px;
	border: 1px solid #aaaaff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 80.01%;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
}

#table_list td {
	border: 1px solid #aaaaff;
}


/*-------------------------------------------menu client---------------------------------
#clientworksheet, #copyright {
	font-family: Verdana, Arial, "Times New Roman";
	margin: 0px;
	padding: 0px;
	width: 765px;
	float:left;	
}
#copyright{   text-align: center; }

#listmenu{
	font-family: Verdana, Arial, "Times New Roman";
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right:5px;
	width: 140px;
	float: left;
}

#container1, #specialoffer, #areaoverview, #listhotel, #detailhotel {
	font-family: Verdana, Arial, "Times New Roman";
	text-align: justify;	
}

#specialoffer h1 {	text-align: right;}

#container1 {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right:5px;
	width: 605px;
	float: left;
}

#kolom1{
	width: 120px;
	float: left;
}

#areaoverview h1, #detailhotel h2, #detailhotel h4 { text-align: right;}
#listhotel { width:100%; float:left;}
#listhotel h4 { color: blue;}
#listhotellogo { 
  width: 155px;
  height: 101px;
  float:left;
 }

#logo {
   width: 135px;
  height: 101px;
   float: right;
 }

#detailhotel a.map{
	font-size: 9px;
	color: blue;
	text-decoration: underline;
}

#detailhotel h3 { 
   text-decoration: underline;
   font-weight: bold;	
   letter-spacing: 2px;
}

#detailhotel td { text-align:justify;}

#table_detail {
	width:100%;
	margin: 0px;
	padding: 0px;	
	border: 1px solid #aaaaff;
}

#table_detail table, #table_facility table {
   border-collapse: collapse;
   margin: 0px;
   padding: 0px;
   width: 100%;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

#table_detail th, #table_facility th {
    background-color: #aaaaff;
	border: 0px;
	border: 1px solid #aaaaff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 2px 2px 2px 2px;
	vertical-align: middle;
}

#table_detail td, #table_facility td { border: 1px solid #aaaaff;  }
#table_detail td.center {text-align: center;}

#table_facility {
	width: 290px;
	padding-left: 0px;
	padding-right: 10px;
	float: left;
}
#table_gallery {
	width: 195px;
	padding-left: 0px;
	padding-right: 5px;
	float: left;
}
*/