body {
   background-image:  url('/sdlc/images/bg/batikbg.jpg');
   background-repeat: repeat;
   background-position: top;
   margin-left: 0px;
   margin-top: 25px;
   margin-right: 0px;
   margin-bottom: 25px;
   background-color: #FFFFFF;
   font-family: Verdana;
   font-size: 10px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #000000;
}

.red {
   color: #FF0000;
}

.green {
   color: #00B215;
}

.a_href
{
   COLOR: blue;
   text-decoration: none;
   font-weight: normal;
}

.a_href:hover
{
   COLOR: blue;
   font-weight: normal;
   text-decoration: underline;
}

.button_booking
{
   background: #555;
   border: 1px solid #FFF;
   color: #FFF;
   cursor: pointer; 
   font: 700 12px "Arial";
   padding: 1px 10px;
   text-align: center;
}

.button_comment
{
   background: #555;
   border: 1px solid #D6CB6F;
   color: #FFF;
   cursor: pointer; 
   font: 700 12px "Arial";
   padding: 1px 10px;
   text-align: center;
}

a img {
border:0;
}


h1, h2, h3
{
   text-transform:uppercase;
   font-family:"Times New Roman", Georgia, Times, serif;
   font-size:1.3em;
   color:#705848;
   text-align:left;
}

h4
{
   color:#663300;
   margin-top:0;
   font-size:1em;
}


.roundBorderDark {-moz-border-radius:4px;-webkit-border-radius:4px;}

/* Alignment */

.left{float:left;}                .right{float:right;}                   .clear{clear:both;}
.alignLeft{text-align:left;}      .alignCenter{text-align:center;}       .alignRight{text-align:right;}
.valignTop{vertical-align:top;}   .valignCenter{vertical-align:center;}  .valignBottom{vertical-align:bottom;}


.hotel_address
{
   padding: 10px 0 10px 0;
   font-size: 11px;
   font-family: Arial, Helvetica, Sans-serif;
   font-weight: bold;
   color: #555;
}

#home_welcome
{
   float:left;
   width:755px;
   padding:5px 5px;
   line-height:1.5em;
}

#home_welcome p
{
   font-size: 10px;
}

#home_special_section
{
   float:left;
   width:190px;
   padding:5px 5px;
   line-height:1.5em;
   margin-left:10px;
}

#home_booking
{
   float:left;
   width:640px;
   padding:5px 5px;
   line-height:1.5em;
   font-family: arial;
   font-size: 12px;
   font-style: normal;
}

#home_booking td.prefilledBooking { font-weight: bold; }

.top_logo
{
   padding: 10px 0 10px 0;
}

.pink_green_ribbon
{
   height : 20px;
   background: url(/sdlc/images/etc/pinkgreenline.jpg);
   background-repeat: repeat;
   background-position: top;
}

.pink_green_ribbon_short
{
   height : 20px;
   background: url(/sdlc/images/etc/pinkgreenline_short.jpg);
   background-repeat: no-repeat;
   background-position: top;
}

.otherpage_pink_green_ribbon
{
   margin: 5px 0 5px 5px;
}

.otherpage_pink_green_ribbon p
{
   font-size: 11px;
   font-family: Verdana;
}

.otherpage_pink_green_ribbon a
{
   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
   COLOR: #3A83E9;
   text-decoration: none;
}

.otherpage_pink_green_ribbon a:hover
{
   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
   COLOR: #3A83E9;
   text-decoration: underline;
}

/* Booking Background */
.booking_background
{
   margin: 5px 0 5px 5px;
   height : 290px;
   background: url(/sdlc/images/bg/bookingbg.jpg);
   background-repeat: no-repeat;
   font-family: Tahoma;
   font-weight: bold;
   font-size: 12px;
   color: #FFFFFF;
}

.booking_background {overflow:hidden; word-wrap: break-word;}
.booking_background td.firstTd{ padding-left: 10px; vertical-align:top; text-align:left; width:130px; }
.booking_background td.secondTd{ vertical-align:top; text-align:left; width:225px; }
.booking_background td.colspanTd{ padding-left: 5px; vertical-align:top; text-align:left; }

/* Special Promotion, Comments, e-Newsletter */

#home_special_area
{
   float:left;
   width:310px;
   height : 370px;
   padding:5px 5px;
   line-height:1.5em;
   margin-top:10px;
   margin-left:10px;
   background-color: #D6CB6F;
   font-family: arial;
   font-size: 12px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   color: #555;
}

.nonLinkHeading
{
   font-family: arial;
   font-size: 15px;
   font-weight: normal;
   COLOR: #555;
   text-decoration: none;
}

.home_special_area_ahref
{
   font-family: arial;
   font-size: 15px;
   font-weight: bold;
   COLOR: #555;
   text-decoration: none;
}

.home_special_area_ahref:hover
{
   font-family: arial;
   font-size: 15px;
   font-weight: bold;
   COLOR: #555;
   text-decoration: underline;
}

.home_special_area td.firstTd{ padding-left: 10px; vertical-align:top; text-align:left; width:50px; }
.home_special_area td.secondTd{ vertical-align:top; text-align:left; width:260px; }

#otherpage_left_area
{
   font-size: 11px;
   font-family: Verdana;
}

#otherpage_left_area p { margin-right: 10px; }

#otherpage_left_area a
{
   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
   COLOR: #3A83E9;
   text-decoration: none;
}

#otherpage_left_area a:hover
{
   font-family: Verdana;
   font-size: 11px;
   font-weight: normal;
   COLOR: #3A83E9;
   text-decoration: underline;
}

#copyright_area
{
   float:middle;
   width:975px;
   height : 100px;
   padding:5px 0px;
   margin-top: 10px;
   background-color: none;
   border-top: 1px dotted #1E2319;
   font-family: arial;
   font-size: 11px;
   font-style: normal;
   line-height: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   text-align: center;
   color: #555;
}

#copyright_area img
{
   border: none;
   padding-top: 10px;
   padding-right: 5px;
   vertical-align: top;
}

#copyright_area .copyright_text
{
   padding-top: 5px;
}

#copyright_area .suggestion_text
{
   padding-top: 5px;
   color: #3A83E9;
}

#copyright_area .suggestion_text a
{
   font-family: arial;
   font-size: 11px;
   font-weight: normal;
   COLOR: #3A83E9;
   text-decoration: none;
}

#copyright_area .suggestion_text a:hover
{
   font-family: arial;
   font-size: 11px;
   font-weight: normal;
   COLOR: #3A83E9;
   text-decoration: underline;
}

#copyright_area .copyright_text a
{
   font-family: arial;
   font-size: 11px;
   font-weight: normal;
   COLOR: #555;
   text-decoration: none;
}

#copyright_area .copyright_text a:hover
{
   font-family: arial;
   font-size: 11px;
   font-weight: normal;
   COLOR: #555;
   text-decoration: underline;
}

/* Menu */

a.menu:link {
   display: block;
   color: #FFFFFF;
   background-color: transparent;
   font-weight: bold;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height:20px;
   font-variant: normal;
   text-transform: none;
}

a.menu:visited {
   display: block;
   color: #FFFFFF;
   background-color: transparent;
   font-weight: bold;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height:20px;
   font-variant: normal;
   text-transform: none;
}

a.menu:hover {
   display: block;
   color: #FFFFFF;
   background-color: transparent;
   text-decoration:underline;
   font-weight: bold;
   text-decoration: underline;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height:20px;
   font-variant: normal;
   text-transform: none;
}

a.menu:active {
   display: block;
   color: #FFFFFF;
   text-decoration:underline;
   background-color: transparent;
   font-weight: bold;
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-style: normal;
   line-height:20px;
   font-variant: normal;
   text-transform: none;
}

.menuLine
{
   color: #FFFFFF;
   font-weight: bold;
   font-size: 15px;
   font-weight: bold;
}

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.error span,
.success span,
.notice span {
   font-weight: bold;
}

#messages
{
   margin-top: 1em;  
}

.ratetable td
{
   padding:3px;
   text-align:center;
   color:#333333;
}

.ratetable td.theader
{
background-color:#660000;
color:#FFFFFF;
font-weight:bold;
}

.superior_room
{
   background-color:#DBEAE2;
}

.cottage_room
{
   background-color:#EDEDDC;
}

.toraja_suite
{
   background-color:#E2EDF1;
}

.junior_suite
{
   background-color:#F2F9CC;
}

.presidental_suite
{
   background-color:#FDDDDD;
}

.wedding_silver
{
   background-color:#E7E7E7;
}

.wedding_gold
{
   background-color:#EDEDDC;
}

.wedding_platinum
{
   background-color:#E2EDF1;
}

/* Contact Us Form */

.contactus_form
{
   margin-top: 25px;
   margin-bottom: 15px;
   text-align: left;
}

.contactus_form .section
{
   padding:5px 0;
}

.contactus_form .separator
{
   width: 650px;
   height: 14px;
}

.contactus_form .section label
{
   float: left;
   width: 230px;
   text-align: right;
   margin: 4px;
   margin-top: 3px;
}

.contactus_form .section label.error
{
   margin-left: 5px;
   color:red;
   width:150px;
   display: none;
   text-align:left;
}

.contactus_form .section input
{
   border: 1px solid #ADADAD;
   width: 240px;
   padding: 3px;
   font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
   font-size: 13px;
   color: #444;
   float: left;
}

.contactus_form .section input.checkbox
{
   width: 24px;
   color: #444;
   float: left;
   border: 0;
}

.contactus_form .section input.radio
{
   width: 24px;
   float: none;
   border: 0;
}

.contactus_form .section select
{
   border: 1px solid #ADADAD;
   padding: 3px;
   font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
   font-size: 13px;
   color: #444;
   float: left;
}

.contactus_form .section textarea
{
   border: 1px solid #ADADAD;
   width: 400px;
   height: 80px;
   padding: 3px;
   font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
   font-size: 13px;
   color: #444;
   margin-top: 4px;
}

.news_line
{
   border-top: 1px dotted #ADADAD;
   padding-top: 5px;
}

/*Begin Paging*/
#paging{padding:10px 0 0; width:639px;}
#paging ul{list-style:none; padding:0; margin:0;}
#paging ul li{display:inline;}
#paging a, .ezr_nav_na{
   border:1px solid #999 !important; color:#626262; display:block; float:left;
   font-size: 10px; margin:0 3px 5px 0; padding:4px 8px; text-decoration:none;
}
#paging .ezr_nav_na{background:#ddd;}
#paging a:hover{border-color:#229ee1 !important; color:#229ee1 !important;}
/*end Paging*/