﻿/* begin the css for dialog - bodyContent */
.bodyContent
{
    margin-bottom:20px;
}
.upSection img
{
    vertical-align:middle;
    margin-bottom: 5px;
    margin-left: 2px;
}
/* begin the css for dialog - modelsInfo */
.modelInfo
{
    padding: 20px 5px 20px 5px;
}
.modelGallery
{
    float: left;
    overflow: hidden;
    width: 495px;
    margin-right: 30px; 
    margin-left: 40px;
}
.modelInfoDetail
{
    float: left;
    overflow: hidden;
    margin-left: 10px;
    width: 275px;
}

/* gallery start */
.galleryPic
{
    margin-bottom: 5px;
    overflow: hidden;
    width: 425px; 
    margin-left: 30px;
    padding:3px ;
    border:1px solid #ccc;
}
.galleryPic img
{
    width: 425px; 
    height:312px;
    margin:0px;
    padding:0px;
}
.galleryThumb
{
    overflow: hidden;
    margin-left: 0px; 
    text-align: center; 
    padding:0 50px 0;
    width: auto;
    height: 55px;
}
.galleryThumb .gmove
{
    width: 1000px;
}
.galleryThumb ul li
{
    display: inline-block;
    margin: 0 1px 0 2px;    
}
.galleryThumb ul li img
{
    cursor: pointer;
    width:67px;
    height:50px;
    padding:1px;
    border: 1px solid #ccc;
}
.selectedThumb
{
    border: 2px solid #135ea1 ! important;
    padding:0px ! important;
}

.galleryButton
{
    margin-left: 40px;
    margin-left: 25px; 
    width: 445px;
    height:0px;
}
.previousButton, .nextButton
{
    cursor: pointer;
    position: relative;
    margin-top: 7px;
}

.nextButton
{
    float: right;
}
.previousButton
{
    float: left;
}
/* gallery end */

.modelDescription
{
    margin: 5px 0 20px 0;
}
.modelDescription div
{
    zoom:1;
} 
.modelName
{
    font-size: 1.2em;
    line-height: 24px;
    color:#1c589e;
    font-weight:bold;
}
.modelParameters p
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin: 0 0 6px 0;
}
.modelParameters p .modelFirstSpan
{   
    display:inline-block;
    width:60px;
}

/* end the css for dialog - modelsInfo */

.paymentInfo
{
    text-align: center;
}
.hideSeat
{
	display: none; 
}
.InfoItem2
{
    display: inline-block;
    text-align: left;
    padding-left: 20px;  
}
/* 主体右部css */
.InfoItems table
{
	margin-left: 30px;
}
.InfoItems table td
{
	padding: 3px;
}
.yellowSpan
{
    color:#ff9913;
}
.buttonItems
{
    margin-top:30px;
    text-align:right;
}
/* 覆盖common 里面的 bookingButton 样式*/
.bookingIcon
{
    display:inline-block;
    width: 86px; 
    height: 26px;
    background:url("../../common/images/button/yuding_01.png") no-repeat left; 
    vertical-align:middle;
    cursor:pointer;
}
.bookingIcon:hover {background:url("../../common/images/button/yuding_02.png") no-repeat left;}
.bookingIcon:active {background:url("../../common/images/button/yuding_03.png") no-repeat left;}
/* begin the css for dialog - sectionBorder */


.img_group
{
    width:101px;
    padding:2px;
    border:1px solid #ccc;
}
/* end the css for dialog - bodyContent */

#progressbar
{
    margin:10px 0;
}
.BoxModel .contentBody{ background-color:#fff;}
.ie6 .BoxModel .contentHeader
{
	height: 5px;
	margin-bottom:-11px;
}
.BoxModel .contentHeader .headerLeftCorner
{
	width: 5px;
	height: 5px;
	background-image: url("../../common/images/common/grey_top_left.png");
}

.BoxModel .contentHeader .headerName
{
	height: 5px; 
	width:932px; 
	background-image: url("../../common/images/common/top_border_5px.png");
} 
.BoxModel .contentHeader .headerRightCorner
{
	width: 5px;
	height: 5px;
	background-image: url("../../common/images/common/grey_top_right.png");
}
.BoxModel .contentFooter .footerName
{
	width:932px;
} 
  
/***********************************/
/*booking3*/
/* update 8.31*/
.bookSuccess
{
    padding:35px 10px 35px 140px;    
}
.sectionOne .words p
{
    line-height:1.5em;
}
.img_check
{
  
	padding:0;   
	width:32px;
	height:32px;
	float:left;   
}
.word
{   
	color:rgb(16,98,161);
}

.words
{
    float:left;  
    width:740px; 
	text-align:center;
	margin-left: 15px;
 }
 .words p img
{
    vertical-align:middle;
 }
.sectionButton
{
	text-align:center;
	margin-top:25px;
	padding-left:220px;
	height:auto;
}

.shareIcons
{
    width:85px;
    float:left;
    margin-top: 2px;
}
.shareIcons .shareIcons_up
{
    width: 52px; 
    position:relative;
    text-align: center; 
    height: 24px;
    line-height:24px;
    background-color:#fff;
    margin-bottom:1px;
}
.shareIcons .shareIcons_up img
{
    vertical-align:middle;
}
.shareIcons .shareIcons_bottom
{
    border:1px solid #6898be;
    padding-left:5px;
    background-color:#fff;
    position: absolute;
	display:none;
	z-index: 1;
	width:80px;
}
.shareIcons .shareIcons_bottom p
{
    margin:10px 0;
}
.shareIcons .shareIcons_bottom p span
{
    display:inline-block;
}
.shareIcons .shareIcons_bottom span img
{
    vertical-align:middle;
}
.shareIcons .shareIcons_bottom .closeSpan
{
    width:250px;
    height:12px;
    padding:2px 0 0 0;
    margin:0;
    text-align:right;
}
.comeMail
{
    float:left;
    width:120px;
}
.comeMailButton
{
    float:left;
    width:120px;
    display:inline-block;
    width: 120px; 
    height: 26px;
    background:url("../../hotel/images/booking/button09_1.png") no-repeat left; 
    vertical-align:middle;
    cursor:pointer;
}
.comeMailButton:hover {background:url("../../hotel/images/booking/button09_2.png") no-repeat left;}
.comeMailButton:active {background:url("../../hotel/images/booking/button09_3.png") no-repeat left;}
.clear
{
    width:0;
    height:0;
}
/* end update*/
.customInfo .infoTitle
{ 
    height:30px; 
    line-height:30px;
    background:url('../../hotel/images/booking/white_top_05.png') repeat-x;
    font-weight:bold;
    padding-left:17px; 
} 
.customInfo .infoTitle a#addCus
{ 
    float:right;
    margin-right:20px;
    font-weight:normal;
}

.createOrderNum div
{
    margin-bottom:5px;
}
.createOrderNum div span
{
    margin-bottom:5px;
    font-weight:bold;
    color:#3479AE;
}

.moreInterest
{
   padding-top: 10px;
   padding-bottom:20px;
}
.moreInterest table tr td
{   
   text-align:left;
   padding-top: 10px;
}
.spacetd
{
	width:15px;
	height:auto;
}
.spacetds
{
	width:45px;
	height:auto;
}

.preOrConfirm
{
    padding:10px 0 15px 0;
    text-align:center;
    border-top:1px solid #ccc;
}
.preOrConfirm span
{
    display:inline-block;
    margin-right:20px;
}

.returnHomeButton
{
    display:inline-block;
    width: 92px; 
    height: 26px;
    background:url("../../hotel/images/booking/button10_1.png") no-repeat left; 
    vertical-align:middle;
    cursor:pointer;
}
.returnHomeButton:hover {background:url("../../hotel/images/booking/button10_2.png") no-repeat left;}
.returnHomeButton:active {background:url("../../hotel/images/booking/button10_3.png") no-repeat left;}
.goonBookButton
{
    display:inline-block;
    width: 92px; 
    height: 26px;
    background:url("../../hotel/images/booking/button11_1.png") no-repeat left; 
    vertical-align:middle;
    cursor:pointer;
}
.goonBookButton:hover {background:url("../../hotel/images/booking/button11_2.png") no-repeat left;}
.goonBookButton:active {background:url("../../hotel/images/booking/button11_3.png") no-repeat left;}
.customInfo .infoTitle span
{ 
    float:left; 
}

/**********gallery
***************************************************/
.gallery{position:relative;}
.gallery .arrow_up{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -100px -1px; position:absolute; top: 16px; left: 0px;z-index:2;margin-left:4px; height:31px;padding-left:19px; cursor:pointer; display: inline-block;}
.gallery .arrow_up:hover{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -68px -1px;height:31px;padding-left:19px;}
.gallery .arrow_up:active{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -35px -1px;height:31px;padding-left:19px;}
.gallery .disable_up,.gallery .disable_up:hover,.gallery .disable_up:active{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -4px -1px;}
.gallery .arrow_down{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -10px -33px; position:absolute; top: 16px; left: 420px; z-index:2; margin-left:4px; height:31px;padding-left:19px;cursor:pointer; display: inline-block;}
.gallery .arrow_down:hover{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -42px -33px; position:absolute; height:31px;padding-left:19px;}
.gallery .arrow_down:active{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -74px -33px; position:absolute; height:31px;padding-left:19px;}
.gallery .disable_down,.gallery .disable_down:hover,.gallery .disable_down:active{background:url(../../common/images/gallery/arrow_h.jpg) no-repeat -106px -33px;}
.gallery .showPic{padding: 5px 5px 5px 5px;width:455px; height:320px; display: inline-block; overflow: hidden; float: left;}
.gallery .showPic img{padding: 5px; border:1px solid #ccc; width:425px; height:312px; float:left; display: inline-block;cursor:pointer;}
.gallery .tabsPic{width:450px; float:left; display: block;position: relative; top:10px;overflow: hidden;}
.gallery .tabsPic .mainbox{width:400px; height:68px; float:left; overflow: hidden; position: relative;margin: 5px 0 5px 25px;}
.ie6 .gallery .tabsPic .mainbox{ margin-left:10px;}
.gallery .tabsPic .movebox{width:1800px; height:68px; float:left; position: absolute; top: 0; overflow: hidden; z-index:1;}
.gallery .tabsPic ul{overflow: hidden; display: block;}
.gallery .tabsPic ul li{ float:left; width:70px; height:54px; display:inline-block;margin:4px 0;overflow: hidden;}
.gallery .tabsPic ul li { margin:0 5px;}
.gallery .tabsPic ul li img{width:62px; height:46px; display: inline-block; border:1px solid #ccc; cursor:pointer; padding: 2px;}
.gallery .tabsPic ul li.selected img{border: 2px solid #51a4db;}