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

#contentArea h1, #contentArea h2, #contentArea h3, #contentArea h4, #contentArea h5, #contentArea h6, #contentArea p {
    margin-left: 0;
}

#errorBlock {
    padding-bottom: 10px;
}

#contentArea {
    padding-top: 10px;
    clear: both;
}

/* header steps */
#primaryContainerInner #primaryHeader {
    position: relative;
    padding: 40px 10px 0 20px;
    overflow: auto;
}

*html #primaryContainerInner #primaryHeader {
    height: 1%;
}

#primaryHeader #standardView{
    float: left;
    padding-right: 120px;
}

#headerSteps {
    position: absolute;
    right: 10px;
    bottom: 8px;
}

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

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

#headerSteps #stepsText {
    padding-top: 2px;
    padding-left: 10px;
}

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

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

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

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

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

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

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

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

/* end header Steps */

/* begin content area */

#spgRegBox {
    background-color: #E3EFF0;
    line-height: 16px;
}

#spgRegBox #spgSignInBox form div label {
    padding-top: 5px;
    font-weight: normal;
}

#spgRegBox h4,
#contentArea .contentBox h4 {
    background-color: #CAE1E2;
    color: #05374E;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 20px;
}

.bottomButtons {
    overflow: hidden;
    margin: 0 0 0 10px;
    padding: 0;
}

#spgRegBox h4{
    padding-right: 0;
}

#spgRegBox #notRegBox {
    width: 364px;
}

.bpo_head {
    background-color: #CCE0ED;
    color: #777;
}

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

.contentBox .twoColumns {
    width: 46%;
}

.contentBox label {
    width: 200px;
    padding: 0;
    font-weight: bold;
}

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

.contentBox .addBorder .rowItem div {
    width: 420px;
}

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

#spgRegBox input,
.contentBox input,
.contentBox select,
.contentBox textarea {
    border: 1px solid rgba(0,0,0,.1);
    padding: 2px 2px 2px 4px;
}

#spgRegBox #spgSignInBox form div input {
    width: 130px;
}

#spgRegBox #spgSignInBox {
    min-height: 250px;
    width: 364px;
    border-left: 10px solid white;
}

*html #spgRegBox #spgSignInBox {
    height: 250px;
}

.confirmationNumber {
    border-top: 1px dotted #999999;
    border-bottom: 1px dotted #999999;
    margin: 10px 0 0;
    padding: 7px 0;
    font-size: 13px;
    color: #05374E;
}

.confirmationNumber span {

}

/* end content area */

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

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

#rateInfoTotal span {
    color: #05374E;
}

#rateInfoSection .totalFinal {
    border-top: 1px dotted #999999;
}

#rateInfoSection #rateInfoBreakDown {
    border-right-color: #E2EFEF;
    border-right-width: 10px;
}
.displayReservation h4 a{
    text-transform: capitalize;
}
/* end tcp block */

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


/* full tcp block */
#tcpContainer {
    padding: 10px;
    background-color: #F2F8F8;
}

table#TCPRateTable{
    border: none;
    background-color: #F2F8F8;
    width: 100%;
    margin: 0;
}

table#TCPRateTable th{
    border-bottom-color: #999;
    border-bottom-style: dotted;
    padding-bottom: 5px;
}

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

table#TCPRateTable th.nightRate,
table#TCPRateTable th.totalRate {
    font-weight: bold;
}

table#TCPRateTable th.totalRate span {
    font-weight: normal;
}

table#TCPRateTable th.totalRate span div {
    display: inline;
}

table#TCPRateTable th.nightRate,
table#TCPRateTable th.totalRate {
    width: 180px;
}

table#TCPRateTable td.label {
    width: 250px;
    color: #529FAF;
}

table#TCPRateTable tr.finalTotal td {
    padding-top: 5px;
}

table#TCPRateTable tr.finalTotal td.label,
table#TCPRateTable td.taxLabel {
    color: #05374E;
}

table#TCPRateTable td, table#TCPRateTable th {
    padding-left: 20px;
}

table#TCPRateTable td.indent {
    padding-left: 40px;
}

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

#reservationAssistance{
    margin: 35px 20px 0;
    text-align: left;
}

.starForm label {
    color: #707070;
}

#headerSteps #stepsText {
    margin-right: 5px;
}

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

#checkResHeader {
    padding: 0;
}

#errorBlock{
    color: #990000;
}

#hotelRoomInfo{
    background-color: #EDE9DD;
}

.hotelName{
    font-size: 13px;
}

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

#pushToTalk {
    padding: 40px 0 0;
}

.linkArrows{
    display: none;
}

#secondaryContainer .outSideContent {
    padding: 40px 25px 0;
}

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

.bottomButtons .left{
    float: left;
}

.bottomButtons .right{
    float: right;
}

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

#contentArea .bottomButtons p {
    margin: 0;
}

#amexPromo{
    text-align: center;
}

#additionalInformationContainer {
    margin: 40px 10px 0 5px;
    padding: 0 10px 15px;
    border-bottom: 1px dotted #999999;
}

#additionalReservationContainer{
    margin: 20px 25px 0 30px;
}

#additionalInformationContainer ul li b,
#additionalReservationContainer ul li b{
    font-weight: bold;
    color: #05374E;
    font-size: 18px;
    text-transform: none;
    display: block;
    margin-bottom: 5px;
}

#additionalInformationContainer ul,
#additionalReservationContainer ul {
    margin: 0;
}

#additionalInformationContainer  ul li,
#additionalReservationContainer  ul li {
    padding: 0;
}

#additionalInformationContainer ul li ul,
#additionalReservationContainer ul li ul {
    margin-left: 8px;
}

#additionalInformationContainer ul li ul li,
#additionalReservationContainer ul li ul li{
    background: none;
    padding: 6px 0;
}

#additionalInformationContainer ul li a,
#additionalInformationContainer ul li a:visited,
#additionalInformationContainer ul li a:active
#additionalReservationContainer ul li a,
#additionalReservationContainer ul li a:visited,
#additionalReservationContainer ul li a:active {
    color: #529FAF;
    text-decoration: none;
    padding: 3px 0;
    display: block;
}

#additionalInformationContainer ul li a.locked,
#additionalReservationContainer ul li a.locked{
    color: #875D32;
    background-image: url( /stregis/images/common/secondaryNavIconOn.gif)
}

#additionalInformationContainer ul li a:hover,
#additionalReservationContainer ul li a:hover {
    text-decoration: underline
}

#additionalInformationContainer ul li a.active,
#additionalReservationContainer ul li a.active {
    color: #875d32;
}

.addBorder{
    border: none;
    padding: 20px 10px;
    margin: 0 0 10px;
    background-color: #CAE1E2;
}

#termsConditionsInfo .addBorder {
    margin: 0 10px 20px;
}

#spgEnrollment .rowItem ul{
    margin: 5px 10px;
}

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

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

a#sendEmail_0, a.confirmSent {
    float: right;
}

div.emailPopUp {
	display: none;
    left: 540px;
    top: 110px;
    border: solid #05374E;
    border-width: 1px 5px 5px;
}

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

* html #rateInfoSection #bestRateContainer,
* html #roomRateContainer #bestRateContainer,
* html #currentRoomContainer #bestRateContainer {
    margin-top: -25px;
}

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

#contentArea .contentBox .rowItem div p {
    margin:0;
}

#contentArea .contentBox .rowItem div p br {
    display: none;
}

#contentArea #rateInfoContent .rowItem p {
    margin-left: 0;
}

.right {
    float: right;
}

#spgRegBox #spgSignInBox form div.signInButton img {
    padding-top: 10px;
}

#rateInfoContent {
    margin: 0 10px;
}

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

#spgSignInBox p {
    margin-top: 0;
}

#contentArea .reqText {
    margin: 10px;
}

#spgRegBox #spgSignInBox form {
    padding: 0 10px 20px;
}

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

.buttonGroup .actionLink {
    margin-right: 10px;
}

#confirmationNumberContainer {
    border-top: 1px dotted #999999;
    border-bottom: 1px dotted #999999;
    margin: 10px 0 0;
    overflow: hidden;
}

#confirmationNumberContainer .confirmationNumber {
    padding: 7px 0;
    font-size: 13px;
    color: #05374E;
    border: none;
    margin: 0;
}

#confirmationNumberContainer .confirmationLink {
    margin-right: 0;
}

#contentArea .contentBox .rowItem p.note {
    margin: 10px 10px 0;
}

.outSideContent {
    margin: 0 10px;
}

#spgEnrollment ul {
    margin: 10px 0;
    padding-left: 20px
}

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

.emailPopUp #popUpBody {
    background-color: #fff;
    padding: 5px;
}

.emailPopUp #close {
    background: #05374E url("/fourpoints/images/icons/toolTipClose.png") no-repeat scroll right center;
    color: #FFFFFF;
    cursor: pointer;
    padding-right: 12px;
    padding-bottom: 2px;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
    display: block;
}

#creditCardChargeLatencyContainer,
#veriSignLogoPlacementTwo {
    margin: 10px;
}

a.stayCalenderImage {
    margin-right: 295px;
}

h4 em {
    text-transform: none;
}

a u {
    text-decoration: none;
}

.addressContainer {
    font-size: 11px;
}

.addressContainer .faxNumber, .addressContainer .urlAddress {
    background-image: url(/fourpoints/images/05374E_dot.gif);
}

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


.contentSection a.buttonForm {
	color: #05374e !important;
	background: url("/fourpoints/images/arrowRight_FP.gif") no-repeat scroll right center #9cc4c8;
	padding: 1px 13px 2px 5px;
}

.contentBox label {
    margin: 0 5px;
}

.toolTip {
	width: 194px;
}

.toolTip .toolTipClose {
	float: right;
	padding: 3px 5px 0 3px;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
    text-decoration: underline;
}

.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: 87px;
}

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

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