@import "/common/css/local/reservations/booking/index.css";

#secondaryContainer {
    padding-top: 30px;
}

#primaryHeader {
    padding: 30px 18px 0;
}

#primaryHeader h2 {
    color: #000000;
    font: 26px/26px wsans, arial;
    margin: 0;
    text-transform: uppercase;
}

/* header steps */
#headerSteps{
    float: right;
    margin-top: 3px;
}

#headerSteps #stepsText,
#headerSteps #step1,
#headerSteps #step2,
#headerSteps #step3 {
    float: left;
    margin-right: 3px;
}

#headerSteps #stepsText{
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
    text-transform: uppercase;
}

#headerSteps #step1,
#headerSteps #step2,
#headerSteps #step3 {
    height: 21px;
    width: 21px;
}

#headerSteps span {
    display: none;
}

#headerSteps .active{
    font-weight: bold;
    color: #1F1F1F;
}

#headerSteps #step1{
    background: transparent url(/whotels/images/icons/step1Off.gif) no-repeat top left;
}

#headerSteps #step2{
    background: transparent url(/whotels/images/icons/step2Off.gif) no-repeat top left;
}

#headerSteps #step3{
    background: transparent url(/whotels/images/icons/step3Off.gif) no-repeat top left;
}

#headerSteps #step1.active{
    background: transparent url(/whotels/images/icons/step1On.gif) no-repeat top left;
}

#headerSteps #step2.active{
    background: transparent url(/whotels/images/icons/step2On.gif) no-repeat top left;
}

#headerSteps #step3.active{
    background: transparent url(/whotels/images/icons/step3On.gif) no-repeat top left;
}

/* end header Steps */

/* reservation block */

#reservationAssistance {
    padding: 0 15px;
}

#topMsgDiv {
    clear: both;
}

#dates .errorMessageRow p {
    background: #fff;
    margin: 0;
    padding: 0 15px 10px;
}

#dates .rowItem {
    margin: 0;
}

/* begin content area */

#contentArea {
    padding-top: 0;
}

#spgRegBox {
    min-height: 242px;
    width: 100%;
}

#spgRegBox td {
    background-color: #EAEAEA;
}

#spgRegBox td p {
    margin: 0 0 10px;
}

#spgRegBox h4 {
    background-color: #CDCDCD;
    color: #444444;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
}

#contentArea .contentBox {
    background-color: #EAEAEA;
    margin-bottom: 10px;
    padding-bottom: 20px;
}

#contentArea #hotelRoomInfo {
    margin-top: 10px;
}

#contentArea .contentBox h4{
    background: #CDCDCD url(/whotels/images/headerLine.gif) no-repeat left top;;
    color: #444444;
    padding: 5px 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

#contentArea .contentBox h4 a{
    text-transform: none;
}

.contentBox .twoColumns {
    width: 314px;
    padding: 0 15px 10px;
}

.contentBox .rowItem div div.middleInitial, #edit .contentBox {
    margin-top: 3px;
}

#trustMessageContainer,
.contentBox .rowItem p,
#bodyContainer #centerContainer #contentArea #rateInfoSection p {
    margin: 0 15px 10px;
}

.contentBox .rowItem p.weather {
    margin: 0 10px 10px;
}

#spgRegBox input, .contentBox input, .contentBox select, .contentBox textarea {
    padding: 2px 2px 2px 4px;
}

.contentBox textarea, .contentBox select{
    margin-right: 5px;
}

.confirmationNumber{
	color: #666666;
	font-size: 14px;
}

.confirmationNumber span{
	color: #666666;
}
/* end content area */


#resortServices{
    background-color: #fff;
    margin: 0 15px;
}

#resortServices .twoColumns{
    width: 46%;
    padding: 5px 10px 5px 10px;
}

#resortServices .title{
    padding: 10px;
}

/* begin tcp block */
#rateInfoSection #rateInfoBlock{
    background-color: #fff;
    margin: 0 15px;
}

#rateInfoSection #rateInfoBlock .twoColumns{
    width: 46%;
    padding: 10px;
}

#rateInfoSection h5{
    margin: 0 0 5px 0;
    font-size: 11px;
}

#rateInfoTotal span{
    color:#1F1F1F;
}

#rateInfoSection .rowItem {
    padding: 0;
}

#rateInfoSection .rowItem .labelText {
    width: 210px;
}

#rateInfoSection .totalFinal{
    border-top: 1px solid #999;
}

#rateInfoSection #rateInfoBreakDown{
    border-right-color: #EAEAEA;
}

/* end tcp block */

#personInfoSection  .midLabel{
    clear: left;
    margin-bottom: 3px;
    margin-left: 35%;
    padding-left: 10px;
}

#bodyContainer #leftContainer{
    padding: 10px 0;
}

#bodyContainer #leftContainer #contentArea {
    margin:  9px;
}

#bodyContainer #leftContainer #contentArea div{
    margin: 0;
}

#bodyContainer #leftContainer #contentArea .booking_atlas {
    margin: 10px 0 5px;
}

#bodyContainer #leftContainer .smalltext{
    padding: 10px 0;
}

#bodyContainer #leftContainer #pushToTalkLink {
    display: block;
    text-align: center;
}

#spgRegBox #notRegBox{
    width: 347px;
    border-right: 10px solid #fff;
}

#spgRegBox #spgSignInBox{
    width:346px;
    border: none;
}

#spgRegBox #notRegBox div {
    margin: 20px 15px;
}

#spgRegBox #spgSignInBox form {
    padding: 20px 15px;
}

#spgRegBox p{
    margin: 0;
}

p.outSideText, #errorBlock{
    margin: 9px 18px;
}

#checkResHeader {
    margin: 10px 9px;
    padding: 0;
}

.bottomButtons{
    padding: 0;
}

#bp_gi_SPG_container2 .containerPadding{
    background-color: transparent;
    border: none;
}

#confirmBlock h2{
    margin: 10px 0;
}

 #confirmBlock #checkResHeader{
    margin: 10px 0;
}


/* full tcp block */
table#TCPRateTable{
    border-color: #CCCCCC;
    width: auto;
}

table#TCPRateTable th{
    border-bottom-color: #CCCCCC;
}

table#TCPRateTable tr.finalTotal td{
    border-top-color: #CCCCCC;
}

table#TCPRateTable tr.includeTaxColor{
    background-color: #ffffff;
}

table#TCPRateTable td.label{
    width: 352px;
}
/* end full tcp block*/

#emailPrintLinks{
    float:right;
    margin-top: -30px;
}

#emailPrintLinks a{
    float: left;
}

#spgEnrollFormat .actionButton{
    margin-top: 2px;
}

p.outsideText{
    margin-left: 10px;
}

#contentArea #termsConditionsInfo {
    padding-bottom: 10px;
}

.addBorder {
    border: none;
    margin: 15px;
}

#disclamer p{
    margin: 0 0 10px 0;
}

/* where are you headed */
.contentBox .intrenalArea{
    margin: 10px;
}

.contentBox .intrenalArea h5{
    background:#C7C2BC url(/whotels/images/site/stage/left_side_header.gif) no-repeat scroll left top;
    font-weight:normal;
    margin:10px 0;
    padding:6px 12px;
    text-transform: uppercase;
    font-size: 11px;
}
/* end where are you headed */

/* Additional Information on Conformation Page*/
#additionalInformationContainer{
    margin: 0 0 20px 15px;
    border-bottom: 1px solid #BDB9B3;
}

#additionalInformationContainer #additionalInformation {
    padding-left: 4px;
    margin-bottom: 10px;
}

#additionalInformationContainer #additionalInformation li {
    padding: 0 0 8px;
}

#additionalInformationContainer #additionalInformation li b{
    color: #000000;
    font-family: wsans, arial;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
}
/* End Additional Information on Conformation Page*/

.cancelBox{
    border: medium none;
    margin: 0 0 20px;
    padding: 0;
}

#errorBlock{
    color: #990000;
}

#creditCardInfo.contentBox .rowItem {
    height: auto;
    padding-bottom: 0;
}

.contentBox .propertyImage .caption {
    text-align: left;
    margin-top: 5px;
}

.contentBox .propertyImage .caption {
    background: url("/whotels/images/icons/photosIcon.png") no-repeat scroll left center transparent;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0 2px 18px;
}

.contentBox .propertyImage .caption .arrow{
    display: none;
}

.contentBox .rowItem div.fieldContainer {	
	background: url(/common/images/mandarin_arrows/wh_arrow.png) #CECECE no-repeat center center;
	padding: 6px;	
}

.contentBox label {
    float: left;
    margin: 2px 5px;
    /*padding: 2px 0;*/
    text-align: right;
    width: 200px;
    font-weight: bold;
}

.contentBox input.readOnly {
    background-image:none;
    background-color: #CECECE;
    border:1px solid #CECECE;
}

div.emailPopUp {
    position: relative;
    padding: 10px;
    background: #eaeaea;
    !width: 675px;
    margin-top: 5px;
}

.emailPopUp .btnOk {
    background: url("/whotels/images/icons/closeBtn040404.png") no-repeat scroll left bottom transparent;
    color: #FFFFFF;
    display: block;
    float: right;
    font-size: 10px;
    line-height: 14px;
    margin: 0 -10px 0 0;
    padding: 0 0 1px 12px;
    text-transform: uppercase;
    width: 84px;
    cursor: pointer;
}

#rateInfoSection #bestRateContainer {
    float: right;
 	padding-right: 15px;
    margin-top: -35px;
}

#bestRateContainer a{
	background: url("/whotels/images/directory/arrowRight.gif") no-repeat scroll right center transparent;
    padding-right: 9px;
}

.booking_atlas {
    max-height: 147px;
    margin: 10px 0 5px;
    overflow: hidden;
    text-align: center;
}

.contentBox h4 em {
    font-weight: bold;
}

#spgRegBox #spgSignInBox form div label {
    width: 120px;
    margin-top: 5px;
}

#spgRegBox .actionLink {
    float: right;
}

#spgEnrollment .actionButton button,
#spgRegBox .actionLink a{
    background: url("/whotels/images/buttonRightDk.gif") no-repeat scroll right top, url("/whotels/images/buttonLeftDk.gif") no-repeat scroll left bottom transparent
}

.right {
    float: right;
}

.left {
    float: left;
}

#veriSignLogoPlacementTwo {
    clear: both;
}

#spgEnrollment ul {
    padding-left: 15px;
}

#spgEnrollment ul#spgEnrollFormat li#emailLabel {
    margin-top: 5px;
}

#rateInfoSection #bestRateContainer, #roomRateContainer #bestRateContainer, #currentRoomContainer #bestRateContainer {
    float: right;
    margin-top: -26px;
    padding-right: 15px;
}

/*new styles to hotel block w */

.hotelName {
    font-size: 13px;
    text-transform: uppercase;
}

.addressContainer {
    font-size: 11px;
    padding-top: 10px;
}

#completeReservation.disabled {
	color: #999999;
    background-color: #eaeaea;
	cursor: default;
    background: url("/whotels/images/buttonRightGrey.gif") no-repeat right top, url("/whotels/images/buttonLeftGrey.png") no-repeat left bottom;
}

.bottomButtons .buttonLinkLeft a {
    display: inline-block;
    font: 12px wsans, arial;
    color: #fff;
    border: none;
    background-color: #FF2C77;
    background: url(/whotels/images/buttonRight.gif) no-repeat right top, url(/whotels/images/buttonLeft.png) no-repeat left bottom;
    padding: 3px 15px;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: .1em;
    cursor: pointer;
}

.bottomButtons .buttonLinkLeft a:hover,
.bottomButtons .buttonLink a:hover {
    text-decoration: none;
}

#freeSuiteUpgrade .actionLink a{
  background: url("/whotels/images/buttonRightDk.gif") no-repeat scroll right top, url("/whotels/images/buttonLeftDk.gif") no-repeat scroll left bottom transparent;
}

/*upgrade block*/

.upgradeBlock{
    background: #EAEAEA;
    padding: 15px;
    margin-bottom: 10px;
}

#checkResHeader .upgradeBlock h4{
    padding: 2px 0;
    color: #444444;
    font-weight: bold;
}

#notEligible.upgradeBlock p {
    margin-bottom: 0;
}

#upgradeSection .actionButtons {
    clear: both;
    overflow: auto;
    padding: 3px 0 3px;
}

#upgradeSection .actionButtons .upgradeLink {
    display: inline;
    margin-right: 5px;
}

#upgradeSection .actionButtons .upgradeLink a,#suiteNightIntro .actionButtons .upgradeLink a{
    background: url("/whotels/images/buttonRightDk.gif") no-repeat scroll right top, url("/whotels/images/buttonLeft.png") no-repeat scroll left bottom transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font: 12px wsans,arial;
    letter-spacing: 0.1em;
    padding: 3px 15px;
    text-transform: uppercase;
    text-decoration: none;
}

#suiteNightIntro .actionButtons {
    margin-top: 8px;
}

#upgradeSection ul,#upgradeSection li {
    margin-left: 0;
}

#upgradeSection .numberRoomInfo {
    margin: 0;
    clear: none;
}

#upgradeRoominfo {
    padding: 3px 0;
}

#upgradeSection ul {
    padding: 2px 0;
}

#upgradeRoominfo ul li{
    display: inline;
}


.toolTip h4 {
    padding: 8px;
    background-color: #ECAF56;
    font-size: 11px;
    color: #FFFFFF;
    text-align: left;
    text-transform: none;
    font-weight: bold;
}

.toolTip h5 {
    text-align: left;
    font-size: 11px;
    margin-left: 0;
}

#spgRegBox #spgSignInBox form .logintextbox {
	float: right;
	margin-right: 3px;
}

#spgRegBox #spgSignInBox form div.forgotPasswordLink {
	clear: right;
}

#spgRegBox #spgSignInBox form .standardToolTipImage {
	position: relative;
    top: 3px;
}

.pendingSNA, .approvedSNA {
  padding: 10px 15px 0;
}