/* The riverplace.css file overwrites styles from /stylesheets/global.css for a specific hotel. To make another css for another hotel:
1. duplicate riverplace.css file
2. search and replace "riverplace" with "[hotel_name]"
3. change colors and width and heights for each image
4. name file with [hotel_name].css such as riverplace.css
5. To view a page for a new hotel, open html file and replace css link with new file
<link rel="stylesheet" href="stylesheets/[hotel_name].css" type="text/css" media="all" />
such as 
<link rel="stylesheet" href="stylesheets/riverplace.css" type="text/css" media="all" />
*/


body { background: url(/images/riverplace/bg_body.gif) repeat; }

#content { background-color:#e7e5e2; }
#wrapper_home #content { background-color:#e7e5e2; }

a, a:link, a:visited { color: #4f7e99; }
h2 { font-size: 1.4em; font-weight: normal; padding-bottom:10px; color:#4f7e99; }

/* Casa Munras navigation */
#mainNav { background-color:#e7e5e2; }
a.logo { background-image: url(/images/riverplace/logo-riverplace.gif); } /* size is always width:230px; height:80px; otherwise add some margin and overwirte the width and height here */
#mainNav .navPipe { border-right:1px #4f7e99 solid; }


/* Casa Munras navigation: Change the directory path and width and height. All images should be named the same for consistency. */
#mainNav a.accommodations { width:146px; height:20px; background:transparent url(/images/riverplace/nav-accommodations.gif) no-repeat scroll 0 0; }
#mainNav a.accommodations_on, 
#mainNav a.accommodations:hover { width:146px; height:20px; background:transparent url(/images/riverplace/nav-accommodations.gif) no-repeat scroll 0 -20px; }

#mainNav a.amenities { width:96px; height:20px; background:transparent url(/images/riverplace/nav-amenities.gif) no-repeat scroll 0 0; }
#mainNav a.amenities_on, 
#mainNav a.amenities:hover { width:96px; height:20px; background:transparent url(/images/riverplace/nav-amenities.gif) no-repeat scroll 0 -20px; }

#mainNav a.dining { width:72px; height:20px; background:transparent url(/images/riverplace/nav-dining.gif) no-repeat scroll 0 0; }
#mainNav a.dining_on, 
#mainNav a.dining:hover { width:72px; height:20px; background:transparent url(/images/riverplace/nav-dining.gif) no-repeat scroll 0 -20px; }

#mainNav a.meetings { width:154px; height:20px; background:transparent url(/images/riverplace/nav-meetings_events.gif) no-repeat scroll 0 0; }
#mainNav a.meetings_on, 
#mainNav a.meetings:hover { width:154px; height:20px; background:transparent url(/images/riverplace/nav-meetings_events.gif) no-repeat scroll 0 -20px; }

#mainNav a.specials { width:159px; height:20px; background:transparent url(/images/riverplace/nav-special_offers.gif) no-repeat scroll 0 0; }
#mainNav a.specials_on, 
#mainNav a.specials:hover { width:159px; height:20px; background:transparent url(/images/riverplace/nav-special_offers.gif) no-repeat scroll 0 -20px; }

#mainNav a.area_guide { width:104px; height:20px; background:transparent url(/images/riverplace/nav-area_guide.gif) no-repeat scroll 0 0; }
#mainNav a.area_guide_on, 
#mainNav a.area_guide:hover { width:104px; height:20px; background:transparent url(/images/riverplace/nav-area_guide.gif) no-repeat scroll 0 -20px; }

/* top part of nav */
#mainNav .nav_top .pipe { margin:0 9px; width:3px; height:14px; background:transparent url(/images/riverplace/nav_pipe.gif) no-repeat scroll 0 0; }
#mainNav .nav_top .photo-gallery { width:78px; height:14px; background:transparent url(/images/riverplace/nav-photo_gallery.gif) no-repeat scroll 0 0; }
#mainNav .nav_top .virtual_tour { width:70px; height:14px; background:transparent url(/images/riverplace/nav-virtual_tour.gif) no-repeat scroll 0 0; }
#mainNav .nav_top .join_mailing_list { width:115px; height:14px; background:transparent url(/images/riverplace/nav-join_mailing_list.gif) no-repeat scroll 0 0; margin:0 10px 0 0; float:left; }#join .btn { width:7px; height:14px; background:transparent url(/images/abri/nav-btn_arrow.gif) no-repeat scroll 0 0; }
#join .btn { width:7px; height:14px; background:transparent url(/images/riverplace/nav-btn_arrow.gif) no-repeat scroll 0 0; }

/* mailing list modal */
#mail_list_modal_title { background-color:#4f7e99 !important; }

/* content - left nav */
.contentText_left { background-color:#4f7e99; }
.contact .contentText_left { background-color:transparent; color:#000000; font-size:1em; }

/* NO BANNER PAGES: Site Map, Privacy, Forms */
.sitemap .line { border-bottom:1px #a6a82e solid; }
.sitemap a, .sitemap a:link, .sitemap a:visited { color: #4f7e99; }
.googleMap { border:1px solid #702d28; }

/* Side Nav */
.sideNavHdr a, .sideNavHdr a:link, .sideNavHdr a:visited  { color:#ffffff; }
.sideNavList li a, .sideNavList li a:link, .sideNavList li a:visited { color:#ffffff; }
.sideNavList li a:hover, .sideNavList li a.on { border-top:1px solid #a6a82e; border-bottom:1px solid #a6a82e; }

/* buttons: Change the directory path and width and height. All images should be named the same for consistency */
.bookNow .btn-book_now { float:left; width:92px; height:21px; border:0; background:transparent url(/images/riverplace/btn/btn-book_now.png) no-repeat scroll 0 0; margin-top:5px; }
.contentText a.btn-book_now { float:left; width:92px; height:21px; background:transparent url(/images/riverplace/btn/btn-book_now.png) no-repeat scroll 0 0; margin:0 10px 8px 0; }
a.btn-fill_out_event_rfp { float:left; width:195px; height:21px; background-image: url(/images/riverplace/btn/btn-fill_out_event_rfp.png); margin:0 10px 8px 0; }
a.btn-download_catering_menu { float:left; width:195px; height:21px; background-image: url(/images/riverplace/btn/btn-download_catering_menu.png); margin:0 10px 8px 0; }
a.btn-download_wedding_menu { float:left; width:195px; height:21px; background-image: url(/images/riverplace/btn/btn-download_wedding_menu.png); margin:0 10px 8px 0; }
a.btn-download_fact_sheet { float:left; width:195px; height:21px; background-image: url(/images/riverplace/btn/btn-download_fact_sheet.png); margin:0 10px 8px 0; }
a.btn-visit_website { float:left; width:110px; height:21px; background-image: url(/images/riverplace/btn/btn-visit_website.png); margin:0 10px 8px 0; }
a.btn-make_a_reservation { float:left; width:151px; height:21px; background-image: url(/images/riverplace/btn/btn-make_a_reservation.png); margin:0 10px 8px 0; }
a.btn-download_spa_menu { float:left; width:157px; height:21px; background-image: url(/images/riverplace/btn/btn-download_spa_menu.png); margin:0 10px 8px 0; }
a.btn-book_spa_appoinment { float:left; width:182px; height:21px; background-image: url(/images/riverplace/btn/btn-book_spa_appoinment.png); margin:0 10px 8px 0; }
a.btn-submit, .btn-submit { float:left; width:73px; height:21px; background-image: url(/images/riverplace/btn/btn-submit.png); margin:0 10px 8px 0; }
a.btn-join, .btn-join { float:left; width:51px; height:17px; background: transparent url(/images/riverplace/btn/btn-join.png) no-repeat 0 0; border:0; margin:0 10px 8px 0; }

/* Meetings table */
table.banquetRm td { border-bottom:1px solid #4e6a14; }

/* photo gallery */
ul.photos li { border:none; }
ul.photos li img { border:1px solid #4f7e99; }


/* IE6 transparent png: Just change the directory path hotel name */
* html .bookNow .btn-book_now {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn-book_now.png',sizingMethod='image'); }
* html .contentText a.btn-book_now {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-book_now.png',sizingMethod='image'); }
* html a.btn-fill_out_event_rfp {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-fill_out_event_rfp.png',sizingMethod='image'); }
* html a.btn-download_catering_menu {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-download_catering_menu.png',sizingMethod='image'); }
* html a.btn-download_fact_sheet {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-download_fact_sheet.png',sizingMethod='image'); }
* html a.btn-visit_website {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-visit_website.png',sizingMethod='image'); }
* html a.btn-make_a_reservation {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-make_a_reservation.png',sizingMethod='image'); }
* html a.btn-download_spa_menu {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-download_spa_menu.png',sizingMethod='image'); }
* html a.btn-book_spa_appoinment {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-book_spa_appoinment.png',sizingMethod='image'); }
* html .btn-submit {  z-index: 60; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/riverplace/btn/btn-submit.png',sizingMethod='image'); }
/* END IE6 transparent png footer */


/*datepicker*/
/* Overwrite jQuery UI date picker */
.ui-datepicker-current-day{ border:1px solid red; }
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div { background: #e7e5e2; border: 4px solid #a6a82e; }
.ui-datepicker-next, .ui-datepicker-prev { background: #4f7e99; }
.ui-datepicker-next:hover, .ui-datepicker-prev:hover { background: #9c9c9c; }
.ui-datepicker-next a, .ui-datepicker-prev a { border: 1px solid #4f7e99; }
.ui-datepicker-header select { border: 1px solid #4f7e99; color: #ffffff; background: #4f7e99; }
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover { background: #a6a82e; }
table.ui-datepicker td a { background: #4f7e99 url(/images/382f28_40x100_textures_02_glass_10.png) 0 50% repeat-x; border: 1px solid #4f7e99; }
table.ui-datepicker td a:hover { border: 1px solid #a6a82e; color: #ffffff; background: #a6a82e; }
table.ui-datepicker td a:active { border: 1px solid #a6a82e; color: #ffffff; background: #a6a82e; }
table.ui-datepicker .ui-datepicker-title-row td { color: #ffffff; }
table.ui-datepicker .ui-datepicker-title-row td a { color: #ffffff; }

#footer { color:#FFFFFF; }
#footer a, #footer a:visited { color:#FFFFFF; }