body { background: transparent; font-family: "Lucida Grande", "Segoe UI", Tahoma, Helvetica, Verdana, sans-serif; color: black; font-size: 100.1%; }
#header { background: url(img/popup_top_bg.png) top left no-repeat; _background-image: url(img/popup_top_bg.gif); height: 38px; }
#main { background: url(img/popup_middle_bg.png) left top repeat-y; _background-image: url(img/popup_middle_bg.gif); padding: 10px 48px; width: 428px; float: left; }
#footer { background: url(img/popup_bottom_bg.png) bottom left no-repeat; _background-image: url(img/popup_bottom_bg.gif); height: 38px; clear: both; }
h1, h2 { color: #14768C; font-size: 1.6em; }
h1 { margin: 0; padding: 0; }
h1 span { float: right; }
a img { border: none; }

#container { font-size: 0.8em; }

#choose, .choose, .not-show-again { margin-top: 1em; padding-top: 1em; border-top: 1px solid #d3d4d3; }
#choose .proceed { float: right; }

.not-show-again { margin-bottom: 0; padding-bottom: 0; }
    .not-show-again input { vertical-align: middle; }

.choose { text-align: right; padding-top: 0; clear: both; }
.choose label { float: left; clear: both; }

.booking .choose { text-align: left; }
.booking label { float: none; }

#date { border-collapse: collapse; width: 100%; font-size: 1em; }
	#date th, #date td { background: #f2f2f2; text-align: center; vertical-align: middle; padding: 10px; border: 1px solid white; }
	#date th { background: #d9d9d9; }
	#date thead td { border: 0; padding: 5px; }
	#date thead td img { vertical-align: middle; }
	#date .gone { background: #e7e7e7; }
	#date .othermonth { color: #aaa; }
	#date .booking { background: #63cd68; }
	#date .holiday { color: #ae6262; }
	
.selects { margin-left: 0; padding-left: 0; text-align: left; list-style-type: none; }
	.selects .odd, .selects .even { width: 49%; margin-bottom: 1em; }
	.selects .odd { float: left; clear: both; }
	.selects .even { float: right; }
	.selects label { display: block; }
	.selects input { width: 99%; _width: 97%; border: 1px solid #aaa; font-size: 1.1em; }
	.selects .title { width: 50px; _padding-right: 5px; float: left; }
	.selects .firstname { width: 145px; clear: none; padding-left: 60px; _padding-left: 0; }

.comment label { display: block; }
	.comment input { width: 99%; border: 1px solid #aaa; font-size: 1.1em; }
	
#time button { border: 1px solid #a1a1a1; background: #dadada; padding: 2px; margin-right: 2px; font-size: 0.8em; }
	#time button.ocupied { border-color: #d0d0d0; background: #f2f2f2; }
	#time button.booking { background: #63cd68; }

#bookingdetails dt { float: left; width: 25%; clear: both; line-height: 2; }
	#bookingdetails dd { margin-left: 27%; line-height: 2; }

#book-in-this-country { padding-bottom: 0.5em; }

#add-guests { border-top: 1px solid #d3d4d3; }
    #add-guests select { width: 100%; }
/*add by justin 20080911*/
/*For booking second step*/
/******** begin *******/
.selectsb { margin-left: 0; padding-left: 0; text-align: left; list-style-type: none; }
.selectsb .odd, .selectsb .even { width: 49%; margin-bottom: 1em; }
	.selectsb .odd { float: left; clear: both; }
	.selectsb .even { float: right; }
	.selectsb label { display: block; }
	.selectsb input { width: 99%; _width: 97%; border: 1px solid #aaa; font-size: 1.1em; }
	.selectsb .title { width: 50px; _padding-right: 5px; float: left; }
	.selectsb .firstname { width: 145px; clear: none; padding-left: 60px; _padding-left: 0; }
.selectsb .expirationdate
{
	float:right;
	margin-bottom:1em;
	width:49%;
	}

.selectsb .expirationdate input
{
	background:#FFFFFF url(img/date.gif) no-repeat scroll left top;
	border:1px solid #AAAAAA;
	cursor:pointer;
	font-size:1.1em;
	padding:1px 3px 1px 24px;
	_padding:1px 3px 3px 39px;
	width: 80%;
	_width: 73%;
	}
.selectsb #ctl00_mContent_mCreditCardTypesDropDownList
{
	border:1px solid #AAAAAA;
	font-size:1.1em;
	width:89%;
	_width:89%;
	}
.selectsb #ctl00_mContent_mCountryDropDownList,.selectsb #ctl00_mContent_mLanguageDropDownList
{
	border:1px solid #AAAAAA;
	font-size:1.1em;
	width:99%;
	}
.choose #ctl00_mContent_mGuestsDropDownList
{
	border:1px solid #AAAAAA;
	font-size:1.1em;
	width:92%;
	}
.comment textarea {
border:1px solid #AAAAAA;
font-size:1.1em;
width:96%;
}
.bookingbutton
{
	width:80px;
	}
.leftbutton
{
	cursor:pointer;
	margin-right:8px;
	float:left;
	}
.selectsb #ctl00_mContent_mMPhoneCountryCodeDropDownList,.selectsb #ctl00_mContent_mOtherPhoneCountryCodeDropDownList
{
	border:1px solid #AAAAAA;
	font-size:1.1em;
	width:31%;
	}
.selectsb #ctl00_mContent_mMobilePhoneTextBox,.selectsb #ctl00_mContent_mOtherPhoneTextBox
{
	border:1px solid #AAAAAA;
	font-size:1.1em;
	width:59%;
	}
.selectsb #ctl00_mContent_mTitleDropDownList
{
	border:1px solid #AAAAAA;
	font-size:1.1em;
	width:80%;
	_width:84%;
	}
.selectsb .firstname { width: 135px;_width:142px; clear: none; padding-left: 0px; _padding-left: 0; }
.selectsb .title { width: 85px;_width:60px; _padding-right: 5px; float: left; }
.selectsb .comment
{
	clear:both;
	margin-bottom:1em;
	width:92%;
	}
.comment input { width: 96%; border: 1px solid #aaa; font-size: 1.1em; }
.selectsb input { width: 92%; _width: 92%; border: 1px solid #aaa; font-size: 1.1em; }
.messagecenter
{
	text-align: center;
	}
#mCloseImg{border: 0px none ; float:right; margin: 0px; padding: 0px; width: 12px; height: 12px; cursor: pointer; z-index: 10000;}

#bookingrestaurant
{
	 font-size:100.1%;
	}
#bookingrestaurant .choose,#bookingrestaurant #choose
{
	margin-top:1px;
	border-top:none;
	}
#bookingrestaurant p
{
	padding:0;	
	margin:2px 0px 2px 0px;
	}
#bookingrestaurant h1
{
	margin-bottom:20px;
	}
#bookingrestaurant .selects
{
	padding:0;
	margin:0;	
	}
#bookingrestaurant .selects .odd,#bookingrestaurant .selects .even
{
	padding:0;
	margin-bottom:0px;
	margin-top:2px;
	}

.withoutpaddingandmargin
{
	clear:both;
	padding:0px;
	margin:0px;
	}


#timebutton p
{
	padding-top:2px;
	}
/*booing second step*/	

#ctl00_mContent_bookingsecond .choose,#ctl00_mContent_bookingsecond #choose
{
	margin-top:1px;
	border-top: 1px solid #d3d4d3;
	}
#ctl00_mContent_bookingsecond p
{
	padding:0;
	margin:8px 0px 8px 0px;
	}
#ctl00_mContent_bookingsecond h1
{
	margin-bottom:20px;
	}
#ctl00_mContent_bookingsecond .selectsb
{
	padding:0;
	margin:10px 0 10px 0;	
	}
#ctl00_mContent_bookingsecond .selectsb .odd,#ctl00_mContent_bookingsecond .selectsb .even
{
	padding:0;
	margin-bottom:10px;
	}
#ctl00_mContent_bookingsecond .selectsb .odd table
{
	 font-size:0.8em;
	 font-size:100.1%;
	}
#choose .proceed { float: right; font-size:100.1%;}

#ctl00_mContent_mOnErrorButtonPanel { margin-top: 1em; padding-top: 1em; border-top: 1px solid #d3d4d3; }
#ctl00_mContent_mOnErrorButtonPanel .proceed { float: right; font-size:100.1%;}
/******* end *******/



/****add by jack  20080916 */
 #add-guest-form .not-show-again { margin-top: 1em; padding-top: 1em; border-top: 1px solid #d3d4d3; }
#add-guest-form .not-show-again { margin-bottom: 0; padding-bottom: 0; }
 #add-guest-form  .not-show-again input { vertical-align: middle; }
.addguest-title { float:left; width:70px;}
.addguest-firstname {width:135px;   float:right; }
.welcome-guest-link{ color: #14768C; cursor:pointer;}
.guest-phone-region {float:left; width:30%;}
.guest-phone-number {float:right; width:64%;}
.dropdown { border: 1px solid #aaa; font-size: 1em;}
.imgbutton{background: transparent url(img/button.png) repeat scroll 0%;border: 1px solid #a1a1a1;height:26px;   margin:0px; padding:2px; outline:none;}
.imgLinkbutton {background: transparent url(img/button.png) repeat scroll 0%;border: 1px solid #a1a1a1;height:26px;   margin:0px; padding:2px; outline:none; }
.imgspanbutton {background: transparent url(img/button.png) repeat scroll 0%;border: 1px solid #a1a1a1;height:26px;   margin:0px; padding:2px;   color:Black; display:block; text-align:center; height:22px; outline:none;}
.phone-region{ float:left; width:33%;}
.phone-number{ float:right; width:62%;}

#ReservationDetail dt { float: left; width: 40%; clear: both; line-height: 2; }
	#ReservationDetail dd { margin-left: 42%; line-height: 2; }
	
	
/***** Reservation Detail ****/
#reservation-detail-table  th, #reservation-detail-table  td { border:none; text-align:left; margin:3px; font-size:1em; padding:0px; }
/***** Reservation Detail ****/
/****add by jack  20080916 */




/****add by Froog  20081006 */

#header3 { background: url(img/popup_top_bg3.png) top left no-repeat; _background-image: url(img/popup_top_bg3.gif); height: 38px; }
#main3 { background: url(img/popup_middle_bg3.png) left top repeat-y; _background-image: url(img/popup_middle_bg3.gif); padding: 10px 48px; width: 620px; float: left; overflow:auto; }
#main3 h4{margin: 0; padding: 0; font-size:1.0em; font-weight:bolder;}
#footer3 { background: url(img/popup_bottom_bg3.png) bottom left no-repeat; _background-image: url(img/popup_bottom_bg3.gif); height: 38px; clear: both; }
.selects3 { margin-left: 0; padding-left: 0; text-align: left; list-style-type: none; }
	.selects3 .odd, .selects3 .even { width: 98%; margin-bottom: 1em; }
	.selects3 .odd { float: left; clear: both; }
	.selects3 .even { float: right; }
	.selects3 label { display: block; }
	.selects3 input { width: 98%; _width: 97%; border: 1px solid #aaa; font-size: 1.1em; }
	.selects3 .title { width: 50px; _padding-right: 5px; float: left; }
	.selects3 select { width: 98%; clear: none; padding-left: 0; _padding-left: 0; }
	.selects3 .btn { float:left; text-align:right; width: 98%; margin-bottom: 1em; }
	.selects3 .btn input { width: 80px; _width: 80px; margin-right:5px; }
	
#mWhatTD {font-size:1.0em; font-weight:bolder;}
#mAddressTD {border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 10px 0;margin: 5px 0;}
#AddPOIDiv { display:none;}
#AddPOIDiv table{ width:250px; margin:5px; text-align:left;}
#AddPOIDiv #POIName {font-size:1.0em; font-weight:bolder;}
.addPOIMapContainer {width: 55%; float: left; margin: 0; padding: 10px 5px;}
.addPOIAddContainer { width: 40%; margin: 0; float: left; text-align: left; float:right; padding: 10px; }
.addPOIMapContainer #googleMap { height:400px;}

/****add by Froog  20081006 */

/********add form ********/
.add-box-form {  text-align: left; list-style-type: none;}
	.add-box-form ul { width:100%;  margin:0px; padding:0px; margin-top:10px;  }
	.add-box-form .title { border:0px; padding:0px; margin:0px; padding-right:5px; width:40%;}
	.add-box-form .first-name {border:0px; padding:0px; padding-left:5px; width:60%;}
	.add-box-form .mobilephone-select{ padding:0px; padding-right:10px; width:40%;}
	.add-box-form .odd, .add-box-form .even { width: 49%; margin-bottom: 1em; list-style-type:none; }
	.add-box-form label { display:block; margin-bottom:3px;}
	.add-box-form .odd { float: left; clear: both; }
	.add-box-form .even { float: right; }
	.add-box-form input, .add-box-form select { width: 99%; _width: 97%; border: 1px solid #aaa; font-size: 1.1em; }
	.add-box-form .entire-row { display:block;  float:left; clear:both; list-style-type:none;  width:100%;}
	.add-box-form .save-button-form {border-top: 1px solid #d3d4d3;  margin:0px;  margin-top:10px;  padding-top:10px; }
/********add form ********/	


#progress-bar {text-align: center; display: none;}
.searchresult {margin:0px;  padding:0px; margin-top:30px; margin-bottom:10px; }
.searchresult table{margin:0px;  padding:0px; }
.searchresult  table a {color: #14768C;}
.searchresult  .button a {color:Black; text-decoration:none; }
.searchresult td,th{ text-align:left; padding-left:10px;  padding-right:10px; padding-top:5px; padding-bottom:5px;border-bottom: 1px solid #d3d4d3;}
.searchresult .result-edit-button{ text-align:right;}
.searchresult  a {color: #14768C;}
.searchresult .empty-data p { text-align:center;color: #00699e; font-size: 1.3em; font-weight: normal;}
.searchresult .nav-page { text-align:left; background: #f2f2f2;color: #14768C; padding-left:10px;}
/*.searchresult .nav-page a{ text-decoration:none;}*/
.searchresult .nav-page div {  margin:10px 0px; padding:10px 0px;}
/*.searchresult .nav-page .aspnetpager { text-decoration:underline;}*/
 .searchresult .atd{ max-width:90px; overflow:hidden;_width:90px;}
/*******search result *****/
.message{ width:100%;border-bottom:1px solid #D3D4D3;padding-bottom:14px; margin-bottom:14px;}
.messageTitle{
 width:100%;
text-align:center;
color:#00699E;
font-size:1.6em;
font-weight:normal;
margin:0;
padding-bottom:14px; overflow:hidden;}
.messageHead{width:100%; text-align:center;border-top:1px solid #D3D4D3; background-color:#f2f2f2; margin-bottom:10px; overflow:hidden;}
.messageHead span{ margin-left:5px;}
.messageBody{width:100%; overflow:auto;  }

.pane { background: #f2f2f2; padding: 20px; margin-bottom: 20px; }
	.pane h2 { margin-top: 0; padding-top: 0; }
	.pane .edit { float: right; margin: 0.6em 0; padding: 0; font-size: 0.9em; color: #14768C; }
	.pane .edit a { color: #14768C; }

#feedback label{ display:block; margin-bottom:3px; margin-top:3px;}
#ctl00_mContent_mTimeButtonPanel{font-size:0.7em;}

#timebutton a{background:#DADADA none repeat scroll 0 50%;border:1px solid #A1A1A1;	_font-size:1.2em;margin-right:2px;padding:3px 6px 3px 6px;
              color:Black;line-height: 250%;_line-height: 280%;cursor:pointer;}
#timebutton .select{background:#63CD68 none repeat scroll 0 50%;}
.centermessage{vertical-align: middle;height:303px;	_height:283px; font-weight:bold;}
.centermessage table{height: 100%;font-size:100.1%;width:100%;}


/* uniform link style  add by jack 20081114*/
a { text-decoration:none;}
a:hover { text-decoration:underline;}
.aspnetpager { color:Gray; }
.DisabledButton a{text-decoration:none;  color:Gray;}
.DisabledButton a hover {text-decoration:none; color:Gray;}
a.DisabledButton {text-decoration:none;  color:#14768C;}
a.DisabledButton:hover {text-decoration:underline;  color:#14768C;}
.popup-show-descripton-a { color:#14768C;}
/* uniform link style  add by jack 20081114*/