#reservation{ font-size:0.9em;}
#reservation a{ color:#DD984F;}
#reservation #header{ background:none !important;}
#reservation h1.reservation_spa{ background:url(../images/h1_spabooking.png) left top no-repeat;}
#reservation h1.reservation_hotel{ background:url(../images/h1_hotelbooking.png) left top no-repeat;}
/* STEP */
#step{ margin:5px 0 10px 0;}
#step li{ line-height:25px; vertical-align:middle; display:block; float:left; color:#FFF !important; margin-right:5px; padding:0 20px 0 10px; background:#DD984F URL(../images/step_bg.png) right center no-repeat;}
#step .current{ font-weight:bold; color:#DD984F !important; background:#FFF URL(../images/step_current_bg.png) right center no-repeat !important;}

.left_reserv{ float:left; width:40%;}
.right_reserv{ float:right; width:59%;}
.total{ border-bottom:1px solid #DD984F;}

.treatment_desc{ border:1px #DD984F solid; padding:10px;}
.padding{ padding: 10px;}
.awesome{
	background: #0C0 url(/images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;*/
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;
}
.result.transfer_information{
	text-align: left;
	font-size: 16px;
}
.kpayment-button{
	font-size: 18px;
	background: #008E2A;
	color: white;
	border: none;
}

@media print{    
    #step, #footer, input[name=buttonprint]{
        display: none !important;
    }
}
.thaicontact{ margin:20px 0;}
.inputbox{ margin:2px 0;}
.inputbox .title{ width:120px; display:inline-table;}

/***********************************************/
	.inputbox .titleq{ width:35px; display:inline-table;}
	.inputbox .noinput{ width:25px; display:inline-table;}
	.questionsurvey{ margin:5px 0; padding:10px; border:1px solid #F0F0F0; max-width:100%;}
	.inputbox .questiontxt{ width:310px;display:inline-table;}
	.inputbox .infoxx{ width:250px; display:inline-table;}
	.textdiff{margin-right:10px;}
/**********************************************/

/*************24112009******************/
	.questionsurvey_show{ margin:5px 0; padding:10px;  max-width:100%;}
	.inputbox .questiontxtshow,.inputbox .pagesplitshowauto{display:inline-table; width:90%}
	.inputbox .pagesplitshowauto{ text-align:right; background:#CFF}
	.tboshow{ border-bottom:1px dotted  #9FF; padding:3px; padding-bottom:5px;}
	.tboshow2{ border-bottom:1px dotted  #9FF; padding-bottom:5px;}
	.pieimage{ margin-top:-106px; margin-left:60%;  margin-bottom:10px;}
/**********************************************/

.big_button{
	text-align: center;
}
.big_button input[type=submit]{
	margin: 0 auto;
}

.choose{ margin-top:10px; font-style:italic; color:#F90;}
.allproduct_list,.listbyperson,.left_reserv .topic{ color:#746F60;}
.listbyperson li,.treatmentlist li{ border-bottom:1px dotted #EECBA7; padding:1px 0;}
#reservation .headtopic{ font-size:20px; color:#DD984F; font-family:"Times New Roman", Times, serif;}
#reservation #friends_link{ display:none;}
.treatment_list,.package_list{ margin:10px 0;}
.listname{ display:inline-table; max-width:280px;}
.reserve_price{ float:right;}

.personbox{ margin:5px 0; padding:10px; border:1px solid #DD984F; max-width:400px;}
.personno,.current_person{ border:5px solid #DD984F; margin-top:10px; padding:6px;}
.personno .personbox{ margin:0 !important; border:none !important;}
.product .spalistvalue,.reserve_price{ margin-left:10px; color:#DD984F;}

.button{ margin:15px 0;}
.command_link{ display:inline-table; margin:0 5px;}

li.product { padding-left:20px;}
#notyetmember_box{ margin:20px 0 10px 0; padding:10px 0; border-top:1px dashed #DD984F;}

.bookingdate{ font-size:18px; color:#817E6B;}

.grandtotal,.remindbox{ border-top:1px dashed #DD984F; font-size:16px; margin-top:5px; padding-top:5px;}
.remindbox{ border-bottom:1px dashed #DD984F;margin:5px 0; padding:5px 0;}
.remindbox{ font-size:14px;}
.remindbox .personnum{ line-height:28px; padding-left:26px; background: transparent url(../images/remind_icon.png) left center no-repeat;}
.totalprice{ float:right; color:#DD984F;}
#specialrq{ width:100%; min-height: 60px;}

.reserv_detail,.textbox{ margin-top:10px;}

.result{ font-size:18px; color:#F60; margin:10px; text-align:center; border:1px solid #F60; padding:10px;}
.request{ margin:5px 0; padding:10px; background:#FFFBEC; color:#F00;}

#paymentbox,.internation_transfer{ clear:both; margin:20px 0 10px 0; border:5px solid #DD984F; padding:5px 10px;}
#paymentbox .headtopic{}
.promotiondesc,.note{ color:#746F60; margin:10px 0;}

.internation_transfer{ clear:both;}
.right_reserv .subtotal,.right_reserv .totaldiscount,.right_reserv .total,.right_reserv .ser_charge,.right_reserv .governmenttag{ clear:both; padding-bottom:2px;}

#paypal,#kBank{ margin:5px; text-align:center;}
#paypal:hover,#kBank:hover{}

.productinfo .prdetail,.productinfo .prdes{ margin-left:10px; color:#746F60};
.productinfo .prdes{ margin-top:10px;}
.test{ background:#0F0;}

.invoice.headtopic{ margin-bottom:10px; font-weight:bold; font-size:22px !important;}

.reserv_detail,.textbox{ margin-top:10px;}

.result{ font-size:18px; color:#F60; margin:10px; text-align:center; border:1px solid #F60; padding:10px;}
.request{ margin:5px 0; padding:10px; background:#FFFBEC; color:#F00;}
.Colorclass{ text-decoration:line-through; color:#999;}
.Colorclassw{ background: url(../images/notallow.png) center center no-repeat; }
.roomlistshowbox,.optional,.roomnobox{ margin:5px 0; padding:10px; border:1px solid #DD984F; max-width:100%;}
.hotellist{ margin-bottom:5px; padding:0 0 5px 10px; border-bottom:1px dotted #DD984F;}
.hotellist li{ clear:both;}
.hotellist .title{ color:#817E6B;}
.hotellist .title input{ margin:0 3px;}
.hotellist .remind{ color:#F60; margin-left:5px;}
.selectblock_room{ margin:5px 0;}
.selectblock_room .title{ width:200px; display:inline-table;}
table{ font-size:12px;}
/*Boxpage Admin*/
	.allbookinbox { padding:5px; border-bottom:1px dotted #F90}
	.allbookinbox li{ display:inline-table; text-align:center; }
	li.bdateheader,li.noheader,li.bbidheader,li.bnameheader,li.bngrandheader,li.bstateheader,li.bmanageheader{ font-weight:bold;}
	li.noheader,li.no { width:30px;}
	li.bdateheader,li.bdate { width:120px;}
	li.bbidheader,li.bbid { width:80px;}
	li.bnameheader,li.bname { width:180px;}
	li.bngrandheader,li.bngrand { width:80px;}
	li.bname { text-align:left;}
	li.bngrand,li.bdate { text-align:right;}
	li.bstateheader,li.bstate { width:80px;}
	li.bmanageheader,li.bmanage { width:100px;} 
.line_product{text-decoration:line-through; color:#999}

/*Survey*/	
	.surlist,.surlist01 { text-align:center;}
	.surlist li,.surlist01 li{ display:table-cell; border:1px solid #FFF; }	
	.surlist li{ font-weight:bold; padding-top:2px; padding-bottom:2px; background:#F4F4EA;  }
	.surlist  .topictitle,.surlist01 .titlex{ width:400px;}
	.surlist .topicnox,.surlist01 .nox{ width:40px;}
	.surlist .topicmanage,.surlist01 .manage{ width:95px;}
	.surlist  .topiccreate,.surlist01 .create,.surlist  .topicend,.surlist01 .end{ width:150px;}
	.surlist  .topicstate,.surlist01 .state{ width:100px;}
	.surlist01 .titlex{ text-align:left;}
	.areabox{ width:250px;}

#reservation #footer{ font-size:1em;}

.no_promotion_box{ background:#DD984F; color:#FFF; text-align:center; padding:10px;}
.no_promotion_box .big_title{ font-size:18px;}
.no_promotion_box a{ display:block; margin-top:10px; font-size:16px; background:#FFF !important; border-bottom:dotted #FFF 1px; text-decoration:none;}
.no_promotion_box a:hover{}