/*@charset "utf-8";*/

/* ---
    Inventory and Frontend Styles

    Should not have to modify this file,
    unless making change across all sites.
--- */



body, form, p, ul, li, h1, h2, h3, h4,
td, input, textarea, select, span
{
    margin: 0px;
    padding: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

p
{
    padding: 5px 0px;
}


/* --- Frame divs --- */
#pageWrap
{
    position: relative;
    margin: 0px;
    width: 750px;
	background-color: #FFF;
    overflow: hidden;
}

#pageHead
{
    background-repeat: no-repeat;
    background-color: #ffffff;
    position: relative;
}

h1#pageTitle
{
    text-indent: -5000px;
    background-repeat: no-repeat;
    display: block;
	font-size: 18px;
}
h1#pageTitle span
{
	font-size: 18px;
}

#pageFooter
{
    position: relative;
    font-size: 10px;
    clear: both;
}

#footerIn
{
    position: relative;
    text-align: center;
}

    #footerIn a:link, #footerIn a:visited, #footerIn a:hover
    {
        font-size: 10px;
    }

#pageLeftBar, #pageRightBar
{
    position: absolute;
    /* grr, hack for sidebars below - 
        make padding and margin taller than page would be, 
        then overflow gets hidden in pageWrap. */
    padding-bottom: 32767px;
    margin-bottom: -32767px;
}

#pageContent
{
    background-color: #FFFFFF;
    position: relative;
    top: 0px;
    padding: 5px 10px;
}
/* --- END Frame divs --- */

/* --- Reservation Section : iPushFrontend/Reservations.aspx --- */
#reservationSteps
{
    border: 1px solid #ccc;
    background: #EDEEE6;
    line-height: 26px;
}

    #reservationSteps ul
    {
        list-style: none;
    }

    #reservationSteps ul li
    {
        display: inline;
        background: url(https://ipp.tradingplaces.com/static/images/frontend/16-arrow-right-grey.png) 10px center no-repeat;
        font-weight: bold;
    }

    #reservationSteps ul li.currentStep
    {
        background-image: url(https://ipp.tradingplaces.com/static/images/frontend/16-arrow-right.png);
    }

    #reservationSteps ul li.lastStep
    {
        border-right: none;
    }

#listFluff
{
    padding: 5px;
    font-size: 11px;
}

#resProcess
{
    padding: 5px;
}

#resProcess h3
{
    font-size: 18px;
    font-weight: bold;
    margin-top: 5px;
}
#resProcess h4
{
    font-size: 12px;
    font-weight: bold;
}

    /* Reservations - Step 1 */
    #resProcess div.searchDates
    {
        position: relative;
        /*float: left;*/
        width: 500px;
        margin: 5px 0px;
        left: 50%;
        margin-left: -250px;
        padding: 10px;
    }
    #resProcess div.searchDates div.inputDiv
    {
        position: relative;
        /*float: left;
        padding: 5px;
        margin: 5px;*/
    }
    #resProcess div.searchDates img
    {
        margin: 0px 3px;
    }
    #resProcess div.searchDates div.inputDiv input.button
    {
        width: auto;
        /*margin-top: 15px;*/
    }
    #resProcess div.displayHotelRooms
    {
        clear: both;
        padding: 10px 5px;
    }
    #resProcess div.displayHotelRooms span.datesTxt
    {
        display: block;
        margin-bottom: 5px;
        font-weight: bold;
    }
    #resProcess div.displayHotelRooms span.search-error
    {
        color: #990000;
        font-weight: bold;
        font-size: 12px;
        display: block;
        margin: 20px 20px 10px 20px;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay
    {
        position: relative;
        /*float: left;*/
        width: 100%;
        margin: 10px 0px;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4
    {
        font-size: 12px;
        margin-bottom: 5px;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLink,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLink:hover,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLink:visited
    {
        background: url(https://ipp.tradingplaces.com/static/images/frontend/viewmore.gif) center right no-repeat;
        padding-right: 15px;
        text-decoration: underline;
        color: #333;
        cursor: pointer;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay a.roomLinkExpanded,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLinkExpanded:hover,
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay h4 a.roomLinkExpanded:visited
    {
        background: url(https://ipp.tradingplaces.com/static/images/frontend/viewless.gif) center right no-repeat;
        padding-right: 15px;
        text-decoration: underline;
        color: #333;
        cursor: pointer;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay div.roomRateWrap
    {
        float: left;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay div.roomRate
    {
        position: relative;
        float: left;
        background: url(https://ipp.tradingplaces.com/static/images/frontend/rates_border.gif) center top no-repeat;
        height: 30px;
        margin: 2px 5px;
        padding: 2px 5px;
        text-align: center;
        width: 75px;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay div.average
    {
        font-weight: bold;
        color: #555;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay div.book
    {
        float: right;
        padding-left: 25px;
    }
    #resProcess div.displayHotelRooms div.roomListWrap div.roomDisplay input.button
    {
        margin-top: 5px;
    }
    #resProcess div.notices
    {
        clear: both;
        background: #EDEEE6;
        border: 1px solid #cccccc;
        padding: 15px 30px;
        font-size: 10px;
        text-align: center;
    }
    #resProcess div.notices input
    {
        margin: 0px 10px;
    }
    /* END Step 1 */

    /* Step 2 */
    #resProcess div.reviewCheck
    {
        padding: 10px 3px 10px 3px;
        border-bottom: 1px solid #ddd;
        font-weight: bold;
    }
    #resProcess div.reviewCheck span
    {
        display: inline;
        padding-right: 10px;
    }
    #resProcess div.reviewRoomRates
    {
        padding: 10px 3px;
        border-bottom: 1px solid #ddd;
    }
    #resProcess div.reviewRoomRates ul
    {
        list-style: none;
        padding: 5px 10px;
    }
    #resProcess div.reviewRoomRates ul li
    {
        line-height: 16px;
    }

    #resProcess div.reviewRoomRates ul.discountedRates li,
    #resProcess div.reviewRoomRates span.discountedRates
    {
        text-decoration: line-through;
        color: #666;
    }

    #resProcess div.applyPromoCode
    {
        padding: 10px 3px;
    }

    #resProcess div.applyPromoCode .promoLabel
    {
        display: block;
        font-weight: bold;
    }
    #resProcess div.applyPromoCode input[type="text"]
    {
        /*padding: 3px 2px;*/
        font-weight: bold;
        font-family: Arial;
        color: #666666;
        vertical-align: middle;
    }
    #resProcess div.applyPromoCode input.button
    {
        margin-left: 5px;
        font-size: 11px;
        vertical-align: middle;
    }
    #resProcess div.applyPromoCode .error
    {
        display: block;
        padding-bottom: 5px;
        color: #C00;
        font-weight: bold;
    }
    /* END Step 2 */

    /* Step 3 */
    #resProcess div.summaryBox
    {
        background: #EDEEE6;
        border: 2px solid #cccccc;
        padding: 10px;
        margin: 5px 0px;
    }
    
    #resProcess div.summaryBox table
    {
        background-color: #FFF;
        border: 1px solid #ccc;
    }
    
    #resProcess div.summaryBox table td
    {
        text-align: center;
    }
    
    #resProcess div.infoBox
    {
        margin: 10px 0px 20px 0px;
    }
    
    #resProcess div.infoBox table.infoTbl
    {
        width: 85%;
        margin: 0px auto;
        background-color: #ccc;
    }
    
    #resProcess div.infoBox table.infoTbl th, #resProcess div.infoBox table.infoTbl td
    {
        padding: 5px;
        background-color: #fff;
    }
    
    #resProcess div.infoBox table.infoTbl th
    {
        /*text-align: left;*/
        background: #eee;
        line-height: 18px;
        font-size: 12px;
    }
    
    #resProcess div.infoBox table.infoTbl input,
    #resProcess div.infoBox table.infoTbl textarea
    {
        width: 90%;
    }
    
    #resProcess div.infoBox table.infoTbl textarea
    {
        height: 90px;
    }
    
    #resProcess div.infoBox table.infoTbl .copyCheckBox
    {
        width: auto;
    }
    /* END Step 3 */

    /* Step 4 */
    #resProcess div.thankYouFluff
    {
        margin: 5px 0px;
    }
    #resProcess div.reservationDetails
    {
        padding: 5px;
        padding-bottom: 10px;
        width: 80%;
    }
    #resProcess div.reservationDetails h4
    {
        margin: 3px 0px 5px 0px;
    }
    #resProcess div.reservationDetails div.hotelInfo
    {
        float: right;
        padding-left: 10px;
    }
    /* END Step 4 */
/* --- END Reservation Section --- */

/* --- Inventory Listing --- */
#listhotel
{
    width: 100%;
}

#listhotel ul.results
{
    margin-top: 20px;
    list-style: none;
}

#listhotel ul.results li
{
    display: block;
    background: url(https://ipp.tradingplaces.com/static/styles/branding/tpi/images/listings-bg.png) #FFF top repeat-x;
    padding: 2px 0px 5px 5px;
    margin-bottom: 15px;
    cursor: default;
}

#listhotel ul.results li
{
    /* only branded style */
}

#listhotel ul.results li p
{
    margin: 5px 0px;
    width: 77%;
    line-height: 16px;
}

#listhotel ul.results li h4
{
    font-size: 13px;
    font-weight: bold;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    color: #DD4400;
    margin: 0px;
}

#listhotel ul.results li.odd
{
    /* only branded style */
}
#listhotel ul.results li.even
{
    /* only branded style */
}

#listhotel ul.results li a
{
    text-decoration: underline;
    color: #DD4400;
}

#listhotel ul.results li img
{
    float: right;
    width: 118px;
    height: 75px;
    padding: 0px;
    border: 3px solid #BFD3EA;
    margin-top: -47px;
    margin-right: 5px;
}

* html #listhotel ul.results li img
{
    position: relative;
    top: 36px;
    left: 95px;
}

#listhotel ul.results li span.address
{
    font-weight: bold;
    color: #666666;
}

#listhotel ul.results li input.search_btn
{
    font-size: 11px;
    font-family: Arial, Helvetica, sans-serif;
    color: #444444;
    font-weight: bold;
    width: 115px;
}
/* --- END Inventory Listing --- */

/* --- Prop Details --- */
h1.propDetailsTitle
{
    background-image: url(https://ipp.tradingplaces.com/static/styles/branding/tpi/images/t-prop-details.png);
}

#imageThumbs
{
	list-style: none;	
	text-align: center; 
	width: 335px;
}


#imageThumbs li 
{
	display: inline;
	margin-left: 5px; 
	margin-right: 5px;	
}

#imageThumbs li a img
{
	border: 0;
	padding: 2px;
	background: #FFF;
	border: 1px solid #DDD;
	width: 40px;
	height: 40px;
}

#curImageWrapper
{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#prop_desc a:link, #prop_desc a:visited, #prop_desc a:hover
{
    display: block;
    line-height: 16px;
    text-align: right;
    margin-bottom: 5px;
}

#prop_desc
{
    position: relative;
    float: right;
    width: 45%;
    border-left: 1px solid #dddddd;
    padding-left: 15px;
    padding-bottom: 5px;
}

#prop_desc h3
{
    font-size: 12px;
    color: #000000;
    line-height: 16px;
}

#prop_search_box
{
    position: relative;
    border-top: 5px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    padding: 5px 20px;
    background-color: #D7E7F4;
    margin: 15px 0px 10px 0px;
    display: block;
}

/* IE6 abs pos hack - need to specify width and height */
* html #prop_search_box
{
    /*width:100%;*/
    height: 1%;
}

/* same hack for IE7 */
html > body #prop_search_box
{
    /**width:100%;*/
    height: 1%;
}

#prop_search_box .frmWrap
{
    position: relative;
    width: 100%;
    padding-top: 10px;
}

#prop_search_box h2
{
    font-size: 12px;
    font-weight: bold;
    color: #CB3834;
}

#prop_search_box input, #prop_search_box select
{
    /*position: relative;
    font-size: 11px;
    line-height: 14px;
    vertical-align: middle;
    margin: 1px 0px;*/
}

#prop_search_box select,
div.searchDates div.inputDiv select
{
    padding: 2px;
}

#prop_search_box .frmWrap .row
{
    display: block;
    padding: 1px 0px;
}

#prop_search_box .frmWrap .row div
{
    float: left;
    width: 90px;
    line-height: 26px;
}

#prop_search_box input.submit
{
    margin-left: 5px;
}

#prop_amens ul.amenitiesList
{
    padding: 0;
    margin: 5px 0px 0px 2px;
    position: relative; /*disappearing background in IE6 fix*/
}

#prop_amens ul.amenitiesList li
{
    list-style: none;
    padding-left: 12px;
    background-image: url(https://ipp.tradingplaces.com/static/images/frontend/dotselect.png);
    background-repeat: no-repeat;
    background-position: left center;
    line-height: 15px;
}

#prop_amens div.amenitiesWrap
{
    float: left;
    position: relative;
    width: 33%;
}

#prop_directions
{
    clear: left;
}

#prop_directions div
{
    padding: 0px 5px;
}
/* --- END Prop Details --- */

/* --- Datepicker calendar --- */
input.hasDatepicker
{
    position: relative;
    width: 100px;
    /*text-align: left;*/
    font-size: 11px;
    height: 14px;
    padding: 3px 2px;
    vertical-align: middle;
}

#prop_search_box img,
div.searchDates div.inputDiv img
{
    vertical-align: middle;
    margin-left: 3px;
}
/* --- END Datepicker calendar --- */

/* --- Validation --- */
span.val2-errorNode
{
    background: #FFA8B0;
    border: 1px solid #777;
    border-bottom: 0;
    height: 9px;
    line-height: 9px;
    font-size: 9px;
    padding: 2px;
    width: auto;
    cursor: pointer;
    text-align: center;
    color: #000;
}

.validate.onError
{
    border: 2px solid #FFA8B0;
}
/* --- END Validation --- */