* { padding: 0; margin: 0; }

html { height:100%; border:0; border-right:0px #fff solid;}
body {height:100%; margin:0;}
body>table,body>div { margin: 0 auto; clear:both;}

table,form,div,span,img,td,ul,ul li,dl,dt,dd,label { margin:0 ; padding:0; border:0;}
ul,p { list-style-type:none; Width:fixed;}
b,strong { font-weight:bold;}

body {
  font:12px Arial,Tahoma;
	background:#871713 url(/Resource/DEPARTMENT/jyhotel/images/bg_body.gif);
}

a {	
	color:#450000; 
	text-decoration: none;	
}

a:hover { 
	text-decoration: none;	
	color:#CC0000;
}

input, select { 
	font: normal 0.9em Tahoma;
	color: #606060;
}
 
input.button {
	padding:0 5px;
	border:1px solid #82390E;
 	background:#C6985D url(\Resource\DEPARTMENT\jyhotel\images/bg_btn.gif) repeat-x 0 0;  
 	color:#82390E; 
 	font: normal 0.9em Tahoma;
 	cursor :hand;
} 

input.disabled {
  border: 0;
  background: transparent;
  padding-bottom: 2px;
} 

h3{
	color:#FBEF9D;
	font: bold 1.2em Tahoma;
	text-align:center;
	width:510px;
	height:32px;
	padding-top:22px;	
	background:url(\Resource\DEPARTMENT\jyhotel\images/bg_title.jpg) no-repeat 0 0;
}

h4,h5{
	color:#FBEF9D;
	font: bold 1.2em Tahoma;
	text-align:center;
}

h5{
	color:#900;
	border-bottom:1px solid #AA611C;
}

h6 {	
	color:#AA611C;
	font: bold 1em Tahoma;
}

ol{
	margin-left:30px;
}

input.errHilite, select.errHilite, textarea.errHilite {
	border: #ff0000 2px dashed;
}

label.errHilite {
	color: #C00;
}

.highlight-note {
	border: 1px solid #AA611C;
	background: #FFC url(\Resource\DEPARTMENT\jyhotel\images/highlight.gif) no-repeat top left;   
	padding:5px 25px;
	margin:10px auto;
	text-align:left;
	clear: both;
}

.h {
	font: bold 1.0em Tahoma;
	color: red;
}

.package-color {
	color:#666;
}

.page-num-list {
	text-align: center;
	margin-top: 10px;
}

.clear-both {
	clear: both;
}

.reservation-login .button-hide {
	display: none;
}

/**/
.progress-menu {
	width:560px;
	height:30px;
	margin: 0 auto;
}

.progress-menu li {
	float: left;
	width: 100px;
	padding:0 20px;
	background:url(\Resource\DEPARTMENT\jyhotel\images/check.gif) no-repeat left ;
	margin:10px 0;
	text-align:left;
	color:#AA611C;
}

.progress-menu li.active {
	font-weight: bold;
	background: url(\Resource\DEPARTMENT\jyhotel\images/check_active.gif) no-repeat left ;
	color:#990000;
}

.progress-menu span{
	display:none;
}

/**/
.reservation-form h6, .reservation-preview h6, .user-register h6, .user-modify h6, .order-list h6, .order-modify-basic h6, .order-modify-detail h6, .user-order-detail h6, .order-modify-room h6 {
	padding:0 10px;
	border:0 double #FBEF9D;
	border-width:3px 0 1px;
	background:#AA611C;
	color:#FBEF9D;
	line-height:2em;
}

.reservation-form div, .reservation-preview div, .user-register div, .user-modify div, .order-modify-basic div, .order-modify-detail div, .user-order-detail div,.order-modify-room {
	margin: 0 auto 20px auto;
}

.reservation-search-info h6{
	margin-top:10px;
}

.reservation-form-booker th{
	width:100px;
}

.reservation-form-guest input{
	width:120px;
}

#container .reservation-form-booker td,#container .reservation-form-arrive td,#container .user-register td{
	text-align:left;
	padding-left:5px;
}

.reservation-form hr.textarea-length {
	display:none;
}

.reservation-form textarea.textarea-length {
  width:90%;
  margin:0 0 10px 20px;
}

.reservation-form-demand,.reservation-form-pay,.reservation-rule{  
  line-height:2em;	
	background:#FFF;
}

.user-modify th, .user-register th {
	width: 15%;
	text-align:center;
}

.button-reservation, .button-order-preview, .button-user-register, .button-user-modify, .button-order-detail, .button-reservation-success {
	text-align: center;
}

.reservation-form-demand table {
	margin-top: 6px;
}

.reservation-form-demand table td {
	padding: 0;
}

.order-modify-checkdate h6 {
	margin-bottom: 6px;
}

.order-modify-basic .button, {
	float: right;
}

.user-register .highlight-note {	
	width:550px;	
}

/**/
#container table{
	border-collapse: collapse;
	margin:auto;
  clear: both;
  width: 100%;
  line-height:2em;
}

#container td{
	padding:2px 0;
	border: 0px solid #AA611C;
}

#container th{
	border: 1px solid #AA611C;
	background:#FFC;
}
