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

#reservationAssistance {
    background-color: #9AC6C2;
    margin: 50px 10px 0;
    padding: 10px;
    color: #FFFFFF;
}

#reservationAssistance a {
    color: #FFFFFF;
    text-decoration: underline;
}

#termsConditionsInfo .addBorder {
    border: none;
}

#contentContainer {
    margin-bottom: 10px;
}

#primaryContainerInner {
    padding: 30px;
}

#primaryContainerInner #primaryHeader {
    position: relative;
    margin-bottom: 10px;
}

#primaryHeader h2.bookingFlowH2AltDisplay {
    margin: 0;
    padding-left: 9px;
}

#primaryContainerInner #contentArea {
    padding: 0;
}

#contentArea .contentBox {
    background: transparent;
    border: 1px solid #D8C9B5;
    margin-bottom: 10px;
}

#contentArea #rateInfoSection .rowItem {
    padding-left: 10px;
}

#contentArea #rateInfoSection {
    background: transparent;
    border: solid 1px #D8C9B5;
}

#contentArea #rateInfoSection p {
    margin-left: 0;
}

#disclamer {
    padding-left: 10px;
}

#spgEnrollment div.rowItem ul {
    padding-left: 10px;
}

/* header title */
#centerContainer h2 {
    margin: 0;
    padding: 48px 20px 0 10px;
    font-size: 14px;
}

/* end header title*/

#centerContainer #contentArea {
    padding: 10px;
}

/* header steps */
#headerSteps {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 49px;
    right: 0;
    float: right;
}

* html #headerSteps {
    right: 30px;
}

#standardView {
    height: 70px;
}


.outSideContent div {
    padding-left: 10px;
}

#pushToTalk {
    margin-top: 50px;
}

#secondaryContainer ul#additionalInformation li a {
    font-weight: normal;
    color: #653C33;
    text-decoration: none;
}

#secondaryContainer ul#additionalInformation li a:hover {
    text-decoration: underline;
    color: #3D8A87;
}

#secondaryContainer ul#additionalInformation li b,
    #secondaryContainer ul#additionalInformation li a {
    padding: 0 0 0 10px;
    font-size: 15px;
}

#secondaryContainer ul#additionalInformation li b {
    background: transparent url( /sheraton/images/arrowRight6E483F.gif ) no-repeat scroll 0 3px;
    color: #653C33;
    font-weight: bold;
}

#secondaryContainer ul#additionalInformation li {
    padding-bottom: 20px;
}

#secondaryContainer ul#additionalInformation {
    padding: 50px 45px 10px 10px;
}

#secondaryContainer .outSideContent div {
    padding: 10px 20px;
}

#secondaryContainer .outSideContent div div {
    padding: 0;
}

.headerNote {
    border: 1px solid #D8C9B5;
    margin-bottom: 0;
}

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

#headerSteps #step3 {
    margin-right: 0;
}

#headerSteps #stepsText {
    font-weight: bold;
    padding-top: 3px;
    padding-left: 10px;
    color: #653C33;
}

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

#headerSteps #step1 span,
    #headerSteps #step2 span,
    #headerSteps #step3 span {
    display: none;
}

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

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

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

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

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

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

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

/* end header Steps */

/* begin content area */

#spgRegBox {
    width: 100%;
}

#spgRegBox #notRegBox,
    #spgRegBox #spgSignInBox form {
    height: 1%;
    min-height: 1%;
}

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

#spgRegBox #spgSignInBox form {
    margin: 0;
    padding: 5px;
}

#spgRegBox #spgSignInBox .starForm {
    padding-left: 10px;
}

#spgRegBox #spgSignInBox {
    border-left: 10px solid #EFEFE4;
}

#spgRegBox h4,
    #contentArea .contentBox h4 {
    background-color: #E2DACA;
    color: #653C33;
    font-size: 12px;
    text-transform: uppercase;
}

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

#spgRegBox #notRegBox form {
    margin: 0;
}

#spgRegBox #notRegBox form div label a {
    color: #006699;
}

#spgRegBox #spgSignInBox form div label {
    padding-top: 4px;
    text-align: left;
    width: 65px;
}

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

#spgRegBox #spgSignInBox form div input {
    width: 184px;
}
	
#spgRegBox #spgSignInBox form div.forgotPasswordLink {
    float: none;
    margin-left: 69px;
}

#spgRegBox #spgSignInBox form div.signInButton img {
    display: none;
}

#spgRegBox #spgSignInBox form div.rememberCheckBox {
    clear: none;
    margin-left: 69px;
}

#spgRegBox #spgSignInBox form div.userName,
    #spgRegBox #spgSignInBox form div.userPassword,
    #spgRegBox #spgSignInBox form div.forgotPasswordLink {
    clear: left;
}

#spgSignInBox p {
    margin: 0;
}

#spgSignInBox p a {
    color: #006699;
}

.buttonLinkLeft a {
    background:#60A19A url(/sheraton/images/arrowLeft653C33.gif) no-repeat scroll left center;
border:1px solid #60A19A;
color:#FFFFFF;
text-decoration:none;
    display:block;
font-weight:normal;
padding:1px 11px 1px 18px;
}

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

.outSideContent .confirmationNumber {
    font-size: 14px;
    padding-left: 0;
}

/* end content area */

#contentArea #hotelRoomInfo {
    border: none;
    background: #FFFFFF;
}

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

#rateInfoBlock #rateInfoTotal {
    width: 45%;
    white-space: nowrap;
}

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

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

#rateInfoSection #rateInfoBreakDown {
    border-right: 10px solid #EFEFE4;
    font-weight: bold;
}

/* end tcp block */

p.outSideText {
    margin: 10px;
}

#spgRegBox .twoColumns {
    float: left;
}

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

#personInfoSection  .middleInitial {
    font-weight: bold;
    padding-left: 5px;
}

#leftContainer {
    text-align: left;
}

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

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

#rateInfoSection .rowItem .labelText {
    width: 150px;
    text-align: right;
}

.bottomButtons div {
    margin-bottom: 10px;
}

#errorBlock, #errorMessaging {
    color: #990000;
    padding: 5px;
}

p#bpo_inner_tbl {
    border: 1px solid #D8C9B5;
    padding: 10px;
    margin-bottom: 20px;
}

#checkResHeader p {
    padding-left: 10px;
}

#checkResHeader {
    padding-left: 0;
    padding-right: 0;
}

#checkResHeader div p {
    margin: 0;
    padding: 0;
    display: none;
}

#checkResHeader div {
    padding-left: 10px;
}

#checkResHeader div.actionLink {
    padding-left: 0;
}

#checkResHeader div.actionLink.left.altArrow a {
    background: #60A19A url( /sheraton/images/arrowRight60A19A.gif ) no-repeat scroll right center;
    padding: 1px 18px 1px 11px;
    margin-right: 10px;
}

#checkResHeader div.actionLink.left a {
    background: #60A19A url( /sheraton/images/arrowLeft60A19A.gif ) no-repeat scroll left center;
    padding: 1px 11px 1px 18px;
    margin-right: 10px;
}

.bottomButtons div.actionLink.left a {
    margin-right: 10px;
}

#checkResHeader div.confirmationNumber {
    padding-left: 0;
    padding-top: 15px;
}

.confirmationNumber {
    font-weight: normal;
}

.confirmationNumber span {
    font-weight: bold;
}

.bottomButtons .buttonLink,
#checkResHeader .buttonLink {
    margin-left: 10px;
    float: left;
    clear: none;
}

/* full tcp block */
table#TCPRateTable {
    border-color: #D8C9B5;
    width: 597px;
}

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

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

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

/* end full tcp block*/

#leftContainer #leftContainerBranding {
    padding: 50px 10px 10px;
}

.cancelBox {
    border: 1px solid #D8C9B5;
    margin: 10px 0 16px 0;
}

#centerContainer .cancelBox a {
    color: #006699;
}

form #topMsgDiv .error {
    color:#B50000;
    padding:0 10px 10px 10px;
    font-weight:bold;
}

.topError, .error, .error p {
    display: block;
}

#optionalMessagingContainer {
    margin-top: 40px;
}

#centerContainer .bottomButtons .left  a {
    color: black;
}

/* Pre-Decider */
#roomPrefs h4 {
    display: none;
}

#contentArea #rooms.contentBox {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

#contentArea #roomPrefs.contentBox {
    border-top: none;
}

#printBox{
    float: right;
    background: url(/sheraton/images/icons/printIcon.gif) no-repeat left center;
    padding-left: 20px;
    margin: 10px 0;
}

.outSideContent {
    clear: both;
}

.bottomButtons .buttonLink.rightColumn{
    float: right;
}

.contentBox #topMsgDiv span.error {
    margin: -5px 10px 10px;
    display: block;
}

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

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

#checkResHeader div.emailPopUp {
    background: url("/sheraton/images/sheratonRateBgTop.gif") no-repeat scroll left top transparent;
    border: medium none;
    color: #653C33;
    display: none;
    left: 340px;
    padding: 0;
    text-align: center;
    top: 112px;
    width: 267px;
    z-index: 999999;
}

#popUpBody {
    color: #653C33;
    background-color: #EFEFE4;
    padding: 10px;
    text-align: left;
    margin-top: 24px;
    background: url("/sheraton/images/sheratonRateBgMiddle.gif") repeat-y scroll left top transparent;
}

.btnOk {
    background: url("/sheraton/images/icons/close.gif") no-repeat scroll right center transparent;
    color: #653C33;
    cursor: pointer;
    float: right;
    font-size: 11px;
    font-weight: bold;
    margin: 2px 15px 0 0;
    padding: 3px 15px 2px 3px;
}
.confirmSent{
    display: none;
    cursor: default;
    font-weight: normal;
}

div.emailPopUp div#bottomCurve {
    background: url("/sheraton/images/sheratonRateBgBottom.gif") no-repeat scroll left bottom transparent;
    height: 10px;
    margin-top: -5px;
}

#rateInfoSection #bestRateContainer, #roomRateContainer #bestRateContainer, #currentRoomContainer #bestRateContainer {
    float: right;
 	padding-right:10px;
    margin-top: -20px;
    background-color: #E2DACA;
    color: #653C33;
}

#bestRateContainer a{
	background:transparent url(/preferredguest/images/search/results/nextArrow.gif) no-repeat scroll right center;
    text-decoration: underline;
    padding-right:9px;
}

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

/*display block*/
.upgradeBlock{
    background: #FFFFFF;
    padding: 15px;
    margin-bottom: 10px;
}

#checkResHeader .upgradeBlock h4{
    padding: 2px 0;
    background-color: transparent;
    color: #653C33;
    font-size: 12px;
    text-transform: uppercase;
}

#checkResHeader .upgradeBlock p {
    display: block;
    padding:2px 0;
}

#checkResHeader .upgradeBlock div {
    padding-left: 0;
}

#upgradeSection div.actionButtons {
    clear: both;
    overflow: auto;
    padding-top: 3px;
    padding-bottom: 3px;
}

#upgradeSection .actionButtons .upgradeLink {
    display: inline;
}

#upgradeSection .actionButtons .upgradeLink a, #suiteNightIntro .actionButtons .upgradeLink a{
    background: url("/sheraton/images/arrowRight60A19A.gif") no-repeat scroll right center #60A19A;
    margin-right: 10px;
    padding: 4px 18px 4px 11px;
    color: #FFFFFF;
    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 {
    border: 1px solid #E5EDD6;
    cursor: auto;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 194px;
    z-index: 50;
    background-color: #FFF;
}

.toolTipShowing {
    display: block;
}

.toolTipTrigger {
    cursor: pointer;
    margin: 0 2px;
}

.toolTip .toolTipClose {
    cursor: pointer;
    text-decoration: underline;
    margin-top: 5px;
    float: right;
    padding: 0 5px 8px 7px;
    font-size: 11px;
    color: #FFFFFF;
}

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

.toolTip h5 {
    margin: 8px 8px 0;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    text-transform: none;
}

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

#spgRegBox #spgSignInBox form .logintextbox {
	float: right;
	margin-bottom: 5px;
	margin-right: 20px;
}

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

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

#spgRegBox #spgSignInBox form div label {
    width: 80px;
}

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