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

/* header title */
#bodyContainer #centerContainer h2 {
    margin: 0;
    padding: 20px 20px 10px 20px;
    background-color: #FFFFFF;
    color: #989688;
    font-family: Baskerville Book, Baskerville, Times, Times New Roman, Serif;
    font-size: 24px;
    border-bottom: 1px solid #DCD7D2;
}

/* end header title*/

#reservationAssistance {
    margin-bottom: 20px;
}

#bodyContainer #centerContainer #contentArea {
    padding: 20px;
}

/* header steps */
#headerSteps {
    background-color: #FFFFFF;
    margin-top: 48px;
    color: #6B6B6B;
    padding: 0;
    position: absolute;
    margin-left: 567px;
    float: right;
}

* html #headerSteps {
    right: 21px;
}

#standardView {
	margin-top: 30px;
    padding-bottom: 30px;
}

#standardView h2 {
	font-size: 25px;
	text-transform: uppercase;
	font-family: copernicusLight;
	width: 524px;
	margin-top: 40px;
	margin-bottom: 20px;
}

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

#headerSteps #stepsText {
    font-weight: bold;
    padding: 0;
    line-height: 20px;
}

#headerSteps #step1,
    #headerSteps #step2,
    #headerSteps #step3 {
    padding: 0 0 0 22px;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
}

#headerSteps #step1 {
    background: transparent url( /westin/images/WI_PA_InnerTemplate_Icon_GrayNumber1.jpg ) no-repeat top left;
}

#headerSteps #step2 {
    background: transparent url( /westin/images/WI_PA_InnerTemplate_Icon_GrayNumber2.jpg ) no-repeat top left;
}

#headerSteps #step3 {
    background: transparent url( /westin/images/WI_PA_InnerTemplate_Icon_GrayNumber3.jpg ) no-repeat top left;
    margin: 0;
}

#headerSteps #step1.active {
    background: transparent url( /westin/images/WI_PA_InnerTemplate_Icon_GreenNumber1.jpg ) no-repeat top left;
}

#headerSteps #step2.active {
    background: transparent url( /westin/images/WI_PA_InnerTemplate_Icon_GreenNumber2.jpg ) no-repeat top left;
}

#headerSteps #step3.active {
    background: transparent url( /westin/images/WI_PA_InnerTemplate_Icon_GreenNumber3.jpg ) no-repeat top left;
}

/* end header Steps */

/* begin content area */

#contentArea {
    clear: both; /*text-transform: lowercase;*/
}

#contentArea #topMsgDiv {
    margin-left: 13px;
}

#contentArea #topMsgDiv p {
    margin-left: 0;
    margin-bottom: 10px;
}

#topMsgDiv .error, #contentArea span.error {
    color: #a6092e;
    font-weight: bold;
}

#spgRegBox {
    padding: 150px;
}

#spgRegBox #notRegBox,
    #spgRegBox #spgSignInBox form {
    background-color: #E8E8E8;
}

#spgRegBox #notRegBox {
    width: 341px;
    background: #E8E8E8 url( /westin/images/bookingContBox.gif ) no-repeat scroll left bottom;
    margin: 0 0 10px;
    padding: 0 0 14px;
}

#rateInfoSection #rateInfoBlock #rateInfoBreakDown {
    width: 320px;
    background: #EBEAE6 url( /westin/images/rateInfoContBoxBtmCrns.gif ) no-repeat scroll left bottom;
    padding: 0 0 14px;
}

#spgRegBox #notRegBox #spgOptInEmailAddress,
    #spgRegBox #spgSignInBox .starForm, #spgRegBox #spgSignInBox .loginForm {
    margin: 9px 10px 0 13px;
    padding: 5px 0 0 0;
    border-top: solid 1px #dcd9d5;
}

#spgRegBox #notRegBox #spgOptInEmailAddress div {
    padding: 5px 0;
    margin: 0;
}

#spgRegBox #spgSignInBox {
    width: 341px;
    background: #E8E8E8 url( /westin/images/bookingContBox.gif ) no-repeat scroll left bottom;
    margin: 0 0 10px;
    padding: 0 0 14px;
}

#rateInfoSection #rateInfoBlock #rateInfoTotal {
    width: 320px;
    background: #E8E8E8;
    padding: 0 0 14px;
    float: right;
}

#spgRegBox #spgSignInBox form div.forgotPasswordLink {
    padding-left: 39px;
}

#spgRegBox #spgSignInBox form div.signInButton {
    margin-right: 50px;
}

#spgRegBox #spgSignInBox form .rememberCheckBox {
    font-size: 11px;
    float: left;
    padding-left: 38px;
}

#spgRegBox #notRegBox h4,
    #spgRegBox #spgSignInBox h4 {
    /*background: #EBEAE6 url( /westin/images/bookingContBoxTopCrns.gif ) no-repeat scroll left top;*/
    color: #6B6B6B;
    font-weight: normal;
    padding: 12px 0 0 13px;
    margin-left: 0;
    font-family: Georgia,sans-serif;
}

#rateInfoSection #rateInfoBlock #rateInfoBreakDown h5,
    #rateInfoSection #rateInfoBlock #rateInfoTotal h5 {
    background: #E8E8E8;
    color: #6B6B6B;
    padding: 12px 0 0 13px;
    font-weight: bold;
    margin-left: 0;
}

#contentArea #spgEnrollment .rowItem {
    padding: 0;
}

/* Pre-Decider page */
#contentArea .rowItem p {
    margin-left: 13px;
}

#contentArea #rateInfoBlock .rowItem {
    padding: 0 0 0 13px;
}

#contentArea #rateInfoSection .rowItem div {
    margin: 0;
}

#contentArea #rateInfoSection .totalFinal {
    padding: 5px 0 0 0;
    margin: 5px 13px 0;
}

#contentArea #rateInfoSection .rowItem .labelText {
    text-align: right;
}

#contentArea #rateInfoSection #rateInfoTotal div {
    padding-right: 13px;
}

#hotelRoomInfo.contentBox #hotelAddressInfo {
    border-top: 1px solid #DCD9D5;
    margin: 10px 0 0 13px;
    padding: 10px 0 0 0;
}

#hotelRoomInfo.contentBox #hotelDetailInfo {
    border-top: 1px solid #DCD9D5;
    padding: 10px 0 0 13px;
    margin: 10px 0 0 0;
}

#primaryContainer #contentArea #hotelRoomInfo h4,
    #primaryContainer #contentArea #attractionInfo h4 {
    margin-left: 0;
    padding-left: 13px;
}

#contentArea #freeSuiteUpgrade h4 {
    border-bottom: 1px solid #DCD9D5;
    padding-bottom: 10px;
    margin: 0 13px 0;
}

#spgRegBox h4,
    #contentArea h4 {
    background: transparent url( /westin/images/highlightBoxTopCrns.gif ) no-repeat scroll left top;
    color: #6B6B6B;
    font-weight: normal;
    padding: 12px 0 0 0;
    font-family: Georgia,sans-serif;
    font-size: 13px;
}

#contentArea .contentBox {
    background: #E8E8E8 url( /westin/images/highlightBoxBtmCrns.gif ) no-repeat scroll left bottom;
    border: medium none;
    margin: 0 0 10px;
    padding: 0 0 14px;
}

#contentArea form .contentBox h4 {
    background: transparent none repeat scroll 0 0;
    border-bottom: 1px solid #DCD9D5;
    margin: 0 0 15px;
    padding: 14px 0 7px;
    text-transform: uppercase;
}

#contentArea form .contentBox {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #DCD9D5;
    padding: 0 13px 20px 0;
}

#primaryContainer .highlightBox.noImage .highlightText {
    padding: 0;
    margin-top: 10px;
}

#primaryContainer .highlightBox.noImage .keyValueTable td.key {
    vertical-align: top;
    font-weight: bold;
    width: 17%;
}

#contentArea #spgEnrollment li {
    list-style: disc inside;
}

#contentArea .highlightBox,
    #contentArea #spgEnrollment,
    #contentArea #rateInfoSection,
    #contentArea #termsConditionsInfo,
    #contentArea #optionInfo,
    #contentArea #personInfoSection,
    #contentArea #creditCardInfo,
    #contentArea #spgInfoSection {
    background: none;
    border: 1px solid #DCD9D5;
    padding: 0 13px 20px;
}

#contentArea #attractionInfo .highlightBox {
    border: none;
}

#contentArea .highlightBox h4,
    #contentArea #spgEnrollment h4,
    #contentArea #rateInfoSection h4,
    #contentArea #termsConditionsInfo h4,
    #contentArea #optionInfo h4,
    #contentArea #personInfoSection h4,
    #contentArea #spgInfoSection h4,
    #contentArea #creditCardInfo h4 {
    background: none;
    margin: 0 0 15px 0;
    padding: 14px 0 7px 0;
    border-bottom: 1px solid #DCD9D5;
    text-transform: uppercase;
}

#contentArea #termsConditionsInfo div.addBorder {
    border: none;
}

#spgRegBox input,
    .contentBox input, .contentBox select, .contentBox textarea {
    border: 1px solid #DAD8CA;
}

#checkResHeader .confirmationNumber,
    .confirmationNumber {
    color: #6B6B6B;
    font-size: 17px;
    padding: 10px 0;
    font-family: Georgia,sans-serif;
}

#confirmationNumberContainer {
    padding-top: 20px;
    clear: both;
}

.confirmationNumber span {
    color: #6B6B6B;
    font-family: Georgia,sans-serif;
}

/* end content area */

/* begin tcp block */
#rateInfoSection #rateInfoBlock {
    background-color: transparent;
    margin: 0;
    padding: 0;
}

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

#rateInfoTotal span {
    color: #680200;
}

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

#rateInfoSection #rateInfoBreakDown {
    border-right: none;
}

/* end tcp block */

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

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

#bodyContainer #leftContainer div {
    margin: 10px;
}

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

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

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

/* full tcp block */
table#TCPRateTable {
    border-color: #BFB6AA;
    margin: auto;;
    padding: 0;
}

table#TCPRateTable td, table#TCPRateTable th {
/*background-color: #F1EFE5;*/
}

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

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

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

/* end full tcp block*/

/* Additional Information on Conformation Page*/

#additionalInformationContainer {
    background: #EBEAE6 url( /westin/images/secContBoxTopCrns.gif ) no-repeat scroll left top;
    margin-bottom: 12px;
    margin-top: 0;
    padding-top: 5px;
    text-transform: lowercase;
}

#additionalInformation {
    background: #EBEAE6 url( /westin/images/secContBoxBtmCrns.gif ) no-repeat scroll left bottom;
    font-size: 11px;
    padding: 0 16px 8px 12px;
}

#additionalInformation li {
    padding: 2px;
}

/* End Additional Information on Conformation Page*/

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

#secondaryContainer .outSideContent {
    position: relative;
    padding: 0 0 10px 0;
}

#secondaryContainer .outSideContent div {
    margin: 0 0 10px 0;
}

.actionLinkReverse {
    float: left;
}

.buttonLinkLeft a, .buttonLinkLeft a:visited, .buttonLinkLeft a:hover,
    .actionLinkReverse a, .actionLinkReverse a:visited, .actionLinkReverse a:hover {
    background: #A2AE4C url( /westin/images/leftArrow.gif ) no-repeat scroll 13px center;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 10px;
    font-weight: normal;
    margin: 0;
    padding: 3px 28px 4px 25px;
    text-decoration: none;
    text-transform: uppercase;
}

#amexPromo,
    #pushToTalk {
    text-align: center;
    margin: 10px 0 5px;
}

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

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

.outSideContent, .bottomButtons {
    margin-left: 13px;
}

#primaryContainer #contentArea #rateInfoSection .rowItem p,
    #primaryContainer #contentArea #personInfoSection .rowItem p,
    #primaryContainer #contentArea #creditCardInfo .rowItem p,
    #primaryContainer #contentArea #spgInfoSection .rowItem p,
    #primaryContainer #contentArea #optionInfo .rowItem p,
    #primaryContainer #contentArea #termsConditionsInfo .rowItem p,
    #primaryContainer #contentArea .outSideContent p {
    margin-left: 0;
}

.contentBox label {
    width: 230px;
    font-weight: bold;
    font-size: 12px;
}

.contentBox .rowItem div div.middleInitial {
	font-weight: bold;
    font-size: 12px;
}

.checkIn, .checkOut {
    width: 49%;
}
#trustMessageContainer{
    margin-left: 0px;
}
.contentBox .rowItem div.fieldContainer {
    background: url(/common/images/mandarin_arrows/wi_arrow.png) #EBEAE6 no-repeat center center;
    padding: 6px;
}

input.readOnly {
    background-color: #EBEAE6;
    border: 1px solid #EBEAE6;
}

div.emailPopUp {
    left: 510px;
    top: 270px;
}

#rateInfoSection #bestRateContainer, #roomRateContainer #bestRateContainer {
    float: right;
 	padding-right:0px;
    margin-top: -38px;
}

#currentRoomContainer #bestRateContainer {
    float: right;
 	padding-right:0px;
    margin-top: -25px;
}

#bestRateContainer a{
	padding-right:9px;
    text-decoration: underline;
    background: url("/westin/images/arrowRghtGold.png") no-repeat scroll right center transparent;
    color: #A2AE4C;
}

/*upgrade block */

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

#checkResHeader .upgradeBlock h4{
    padding: 2px 0;
    background-color: transparent;
    color: #6B6B6B;
    font-family: Georgia,sans-serif;
}

#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("/westin/images/reserveBtnArrow.gif") no-repeat scroll right center #A2AE4C;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 3px 28px 4px 25px;
    text-decoration: none;
    text-transform: uppercase;
}

#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 {
	width: 194px;
}

.toolTip .toolTipClose {
	font-size: 11px;
}

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

.toolTip h5 {
    margin: 8px 8px 0;
    font-size: 11px;
}

.toolTip p {
    margin: 0 8px 8px;
    font-size: 11px;
}

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

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

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

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