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

/* header title */
#pageContent h2{
    font-size: 20px;
    margin: 20px 20px 0;
}
/* end header title*/

#pageContent #contentArea{
	padding: 20px;
}

#leftColumn .content {
    padding: 100px 26px 25px;
    background: transparent url( /alofthotels/images/global/bg/pipesBooking.gif ) no-repeat scroll left top;
}

*html #leftColumn {
    border-right:9px solid white;
}

#leftColumn .content .outSideContent #emailPrintLinks {
    float:right;
    margin:-20px 10px 0 0;

}
#leftColumn .content .outSideContent #emailPrintLinks .emailLink {
    background: url( /alofthotels/images/icons/email.gif ) no-repeat left;
    padding-left: 20px;
}

#leftColumn .content .outSideContent #emailPrintLinks .printLink {
    background: url( /alofthotels/images/icons/print.gif ) no-repeat left;
    padding-left: 18px;
    margin-left: 6px;
}

#leftColumn .content .outSideContent #emailPrintLinks a {
    float:left;
    /*padding:0px 5px;*/
}


#leftColumn .content .bottomButtons .buttonLinkLeft.leftColumn {
    display:none;
}


#rightColumn {
  background:transparent url(/alofthotels/images/rightColumnTopPPE.png) no-repeat scroll left top;
  color:#FFFFFF;
    height:20px;
}

*html #rightColumn {
    background:transparent url(/alofthotels/images/rightColumnTopPPE.gif) no-repeat scroll left top;
}

#rightColumn #reservationAssistance {
    padding:10px;
}

#rightColumn .outSideContent {
    padding:10px;
}

#rightColumn #c2c {
    padding:25px;
}

/* header steps */
#headerSteps{
    background:#D8D8D8 url(/alofthotels/images/bookingStepsBack.gif) no-repeat scroll left top;
    margin:20px 0 16px 0;
    padding:9px;
    text-transform:uppercase;
}

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

#headerSteps #stepsText{
    font-weight: bold;
    padding-top: 1px;
    padding-left: 10px;
}

#headerSteps #step1,
#headerSteps #step2,
#headerSteps #step3 {
    padding: 1px 0 3px 20px;
}

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

#headerSteps #step1{
    background: transparent url(/Media/Graphics/Brands/aloft/Navigation/bpo_step_01_off.gif) no-repeat top left;
}

#headerSteps #step2{
    background: transparent url(/Media/Graphics/Brands/aloft/Navigation/bpo_step_02_off.gif) no-repeat top left;
}

#headerSteps #step3{
    background: transparent url(/Media/Graphics/Brands/aloft/Navigation/bpo_step_03_off.gif) no-repeat top left;
}

#headerSteps #step1.active{
    background: transparent url(/Media/Graphics/Brands/aloft/Navigation/bpo_step_01_on.gif) no-repeat top left;
}

#headerSteps #step2.active{
    background: transparent url(/Media/Graphics/Brands/aloft/Navigation/bpo_step_02_on.gif) no-repeat top left;
}

#headerSteps #step3.active{
    background: transparent url(/Media/Graphics/Brands/aloft/Navigation/bpo_step_03_on.gif) no-repeat top left;
}

*html #headerSteps .clearDiv{
    height: auto;
}

/* end header Steps */

/* begin content area */

#spgRegBox {
    background-color: #E1E0E1;
}

#spgRegBox .twoColumns {
    width:49.3%;
}

#spgRegBox #spgSignInBox {
    border-left:7px solid #EBE9E9;
}

#spgRegBox .twoColumns h4,
#contentArea .contentBox h4{
    background: #D8D8D8 url(/alofthotels/images/bpgiSpgContainerTop.gif) no-repeat scroll left top;
    border-bottom: 1px dotted white;
}

#leftColumn .content .contentBox h4 {
    background: #D8D8D8 url(/alofthotels/images/ppeHighlightBoxTop.gif) no-repeat scroll left top;
    border-bottom: 1px dotted white;
    font-weight: bold;
    padding: 5px 5px 5px 11px;
    width: 574px;
    color: #666666;
}

#leftColumn .content .contentBox {
    margin:10px 0;
    padding:0 0 10px 0;
    background:#E1E0E1 url(/alofthotels/images/bpoCellBottom.gif) no-repeat scroll left bottom;
}

#leftColumn .content #termsConditionsInfo label {
   text-align:right;
}

#spgRegBox input,
.contentBox input, .contentBox select, .contentBox textarea{
	border: 1px solid #B3B3A9;
    font-size: 11px;
}

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

.confirmationNumber span{
	color:#666666;
}

/*#leftColumn .content .outSideContent p {
    float:left;
}*/

/* end content area */

/* begin tcp block */
#rateInfoSection #rateInfoBlock{
    background-color: #EBE9E9;
}

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

#rateInfoTotal span{
    color: #00455F;
}

#rateInfoSection .totalFinal{
    background:transparent url(/alofthotels/images/hrDotted.gif) repeat-x scroll 0 100%
}

#rateInfoSection #rateInfoBreakDown{
    border-right: 9px solid #E1E0E1;
    width: 270px;
}

#rateInfoSection #rateInfoTotal {
    width:44%;
}

/* 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: white;
    border-style: dotted;
    width: 96%;
}

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

table#TCPRateTable th{
    border-bottom-color: white;
    border-bottom-style: dotted;
}

table#TCPRateTable tr.finalTotal td{
    border-top-color: white;
    border-top-style: dotted;
}

table#TCPRateTable tr.includeTaxColor{
    background-color:#EBE9E9;
}
/* end full tcp block*/

#spgEnrollment ul{
    margin: 11px 0;
    padding: 0 0 0 40px;
}

#spgEnrollment ul li{
    list-style-type: disc;
}

/* Additional Information on Conformation Page*/
#additionalInformation{
    margin: 12px;
}
/* End Additional Information on Conformation Page*/

.topError, .error, .error p {
    color: #990000;
    margin: 10px 0;
}
*html .bottomButtons .buttonLink {
    float:right;
    margin-left:10px;
}

#leftColumn #checkResHeader #cancelDirectionsMessage{
    margin-bottom:15px;
}
#leftColumn #checkResHeader #confirmationNumberContainer .confirmationNumber{
    padding:5px 0;
}

#leftColumn #checkResHeader div.actionLink, #leftColumn div.bottomButtons div.actionLink{
    margin-right:10px;    
}

.contentBox .rowItem div {
    width: 365px;
}

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

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

#rateInfoSection #bestRateContainer, #roomRateContainer #bestRateContainer, #currentRoomContainer #bestRateContainer {
    float: right;
 	padding-right:4px;
    margin-top: -19px;
    color: #EE4D9B;
} 

#bestRateContainer a{
	background: url("/alofthotels/images/icons/arrowRight.gif") no-repeat scroll right center transparent;
    text-decoration: underline;
    padding-right:9px;
    color: #EE4D9B;
}


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

.toolTip .toolTipClose {
    padding: 9px 10px 0 3px;
}

.toolTip h4 {
    padding: 0 5px;
    background-color: #ECAF56;
    font-size: 11px;
    color: #FFFFFF;
    margin: 7px 7px 0;
}

#spgRegBox #spgSignInBox form .logintextbox {
	float: right;
}

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

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

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