﻿
/*-----------------------------------------------------------------------*/	
/*                           TRIP PLANNER PLAN                           */
/*-----------------------------------------------------------------------*/	

/* 1 div wraps planner with id and class of : #PlannerControl.trip-planner  background:url(images/underline.gif) repeat-x left bottom;
*/

body.memberPage .trip-planner { width:225px!Important; background: url(/Uploads/images/planner-title-bottom-narrow.jpg) no-repeat scroll center bottom #FCF5E3; }

.trip-planner { background: url(/Uploads/UI/planner-title-bottom.png) no-repeat center bottom; padding-bottom: 40px; width:264px; min-height:350px; }

.trip-planner ul { display: block; padding: 0; margin: 0; list-style: none; }

.trip-planner ul li { display: block; padding: 0; font:normal 15px Georgia; color:#471C02; }

.trip-planner-instructions { display: block; font: italic 10px Verdana; margin: 5px 0 10px 0; }

.trip-planner-title { background: url(/Uploads/UI/planner-title-bkgd.png) no-repeat center top; min-height: 68px; display:block; border-bottom:solid 2px #f0d485; text-align:center; }

body.memberPage .trip-planner-title { background: url(/Uploads/images/planner-title-bkgd-narrow.png) no-repeat scroll center top #618934; }

.trip-planner-title-text { margin: 0; display: block; font:normal 18px/22px Georgia; color: #FFF; padding: 35px 10px 15px 10px; }

body.MemberPage .trip-planner-title-text { font:16px/20px Georgia!important; }

.trip-planner-content { padding:15px; background-color:#FCF5E3; }

.trip-planner-member-name { font:normal 12px/16px verdana!important; }

.trip-planner-lodging { margin: 8px 0 0 0; }

.trip-planner-lodging-title { display: block; font:normal 18px Georgia; color:#000; background:url(/Uploads/images/underline.gif) repeat-x left bottom; padding-bottom:8px; }

body.memberPage .trip-planner-lodging-title { font:normal 16px Georgia; }

.trip-planner-lodging-list { list-style:none!important; }

.trip-planner-destinations { margin: 10px 0 0 0; background:url(/Uploads/images/underline.gif) repeat-x left bottom; padding-bottom:4px; }

.trip-planner-destinations-title { display: block; font:normal 18px Georgia; color:#000; background:url(/Uploads/images/underline.gif) repeat-x left bottom; padding-bottom:8px; }

body.memberPage .trip-planner-destinations-title { font:normal 16px Georgia; }

.trip-planner-day-title { display: block; color:#A94F1C; margin: 0 0 3px 0; font:bold 11px verdana; }

.trip-planner-day-list { list-style:none; margin:0; padding:0; }

.trip-planner-day-list-item { margin: 0 0 5px 0; }

.trip-planner-day-list-item div { margin: 0; padding:0; }

/*.trip-planner-day-list > li > div { height: 20px; margin: 0 0 5px 0; }*/

.trip-planner-destination-list { list-style:none; margin:0; padding:0; }

.trip-planner-list-item { height:20px; cursor: move; }

body.memberPage .trip-planner-list-item { font:11px/14px Verdana, Geneva, sans-serif!important; }

.trip-planner-list-item:hover { background-color: #FFF; }

.trip-planner-disabled { cursor: default; }

.trip-planner-disabled:hover { background-color: White; }

.trip-planner .trip-planner-delete { float: right; cursor: pointer; background: url(/Uploads/images/planner-delete.gif) no-repeat 0 4px; }

.trip-planner-actions { margin: 10px 0 0 0; display:block;  }

.trip-planner-separator { margin: 0; display:inline-block; width:50px; }

.trip-planner-action-link { cursor: pointer; font:normal 11px Verdana; color:#900000; }

a.trip-planner-action-link:hover { cursor: pointer; color:#000; }

.trip-planner-share-link { display:block; vertical-align:top; background:url(/Uploads/images/underline.gif) repeat-x left bottom; height:25px; }

.trip-planner-open-button { display:none; }

.trip-planner-drivingDirections { cursor: pointer; font:normal 12px/12px arial; color:#900000; background:url(/Uploads/images/planner-icon-driving.gif) no-repeat 0 -3px; display:block; float:left; padding:0 0 0 20px; margin:0 0 0 5px; width:75px; }

.trip-planner-drivingDirections a:hover, .trip-planner-printPlan a:hover, .trip-planner-emailPlan a:hover { color:#000; }

.trip-planner-printPlan { cursor: pointer; font:normal 12px/12px arial; color:#900000; background:url(/Uploads/images/planner-icon-printplan.gif) no-repeat 0 0; display:block; padding:0 0 0 20px; margin:0; float:left; width:50px; }

.trip-planner-emailPlan { cursor: pointer; font:normal 12px/12px arial; color:#900000; float:left; background:url(/Uploads/images/planner-icon-emailplan.gif) no-repeat 0 -4px; display:block; padding:0 0 0 20px; }

.trip-planner-recentlyViewed-title { display:block; font:normal 18px Georgia; color:#000; background:url(/Uploads/images/underline.gif) repeat-x left bottom; padding-bottom:3px; margin:0 0 10px 0; clear:both; }

/*-----------------------------------------------------------------------*/	
/*                           SITEWIDE TRIP PLAN                          */
/*-----------------------------------------------------------------------*/	

/* 2 divs wrap planner on content pages : #PlannerControl-sitewide / .myTripPlan.trip-planner */

#PlannerControl-sitewide { margin-bottom:20px; }

/*--- Planner Control ---*/

#PlannerControl-sitewide .trip-planner { background: #FCF5E3 url(/Uploads/images/planner-title-bottom-narrow.jpg) no-repeat center bottom; padding-bottom: 0px; width:225px!important; }

#PlannerControl-sitewide .trip-planner ul { display: block; padding: 0; margin: 0!important; list-style:none!important; background:none!important; }

#PlannerControl-sitewide .trip-planner ul li { display: block; padding: 0!important; margin:0!important; font:normal 13px Georgia; color:#471C02; background:none!important; }

#PlannerControl-sitewide .trip-planner .trip-planner-instructions { display: block; font: italic 10px Verdana; margin: 5px 0 10px 0; }

#PlannerControl-sitewide .trip-planner .trip-planner-title { background:#618934 url(/Uploads/images/planner-title-bkgd-narrow.png) no-repeat center top; min-height: 60px; display:block; border-bottom:solid 2px #f0d485; text-align:center; }

#PlannerControl-sitewide .trip-planner .trip-planner-title-text { margin: 0; display: block; font:normal 16px/20px Georgia; color: #FFF; padding: 30px 10px 12px 10px; }

#PlannerControl-sitewide .trip-planner .trip-planner-content { margin: 0 12px; }

body.memberPage .trip-planner-member-name { font:normal 11px/14px verdana!important; }

#PlannerControl-sitewide .trip-planner .trip-planner-lodging { margin: 15px 0 0 0; }

#PlannerControl-sitewide .trip-planner .trip-planner-lodging-title { display: block; font:normal 16px Georgia; color:#000; background:url(/Uploads/images/underline.gif) repeat-x left bottom; padding-bottom:3px; }

#PlannerControl-sitewide .trip-planner .trip-planner-lodging-list { list-style:none!important; }

#PlannerControl-sitewide .trip-planner .trip-planner-destinations { margin: 10px 0 0 0; background:url(/Uploads/images/underline.gif) repeat-x left bottom; padding-bottom:10px; }

#PlannerControl-sitewide .trip-planner .trip-planner-destinations-title { display: block; font:normal 16px Georgia; color:#000; background:url(/Uploads/images/underline.gif) repeat-x left bottom; padding:5px 0 3px 0; }

#PlannerControl-sitewide .trip-planner .trip-planner-day-title { display: block; color:#A94F1C; font:bold 10px verdana; list-style:none; }

#PlannerControl-sitewide .trip-planner .trip-planner-day-list { }

#PlannerControl-sitewide .trip-planner .trip-planner-day-list-item { margin: 0 0 3px 0; }

#PlannerControl-sitewide .trip-planner .trip-planner-day-list > li > div { height:17px; margin: 5px 0 0 0; }

#PlannerControl-sitewide .trip-planner .trip-planner-destination-list { }

#PlannerControl-sitewide .trip-planner .trip-planner-list-item { height:20px; cursor: move; }

#PlannerControl-sitewide .trip-planner .trip-planner-list-item:hover { background-color: #FFF!important; cursor:pointer!important; }

#PlannerControl-sitewide .trip-planner .trip-planner-disabled { cursor: default; }

#PlannerControl-sitewide .trip-planner .trip-planner-disabled:hover { background-color: White; }

#PlannerControl-sitewide .trip-planner .trip-planner .trip-planner-delete { float: right; cursor: pointer; background: url(/Uploads/images/planner-delete.gif) no-repeat 0 4px; }

#PlannerControl-sitewide .trip-planner .trip-planner-actions { margin: 0 0 10px 0; padding:10px 0 15px 0; background:none; }

#PlannerControl-sitewide .trip-planner .trip-planner-separator { margin: 0; display:inline-block; width:25px; }

#PlannerControl-sitewide .trip-planner .trip-planner-action-link { cursor: pointer; font:normal 11px Verdana; color:#900000; }

#PlannerControl-sitewide .trip-planner a.trip-planner-action-link:hover { cursor: pointer; color:#000; }

/*#PlannerControl-sitewide .trip-planner-open-button { margin:5px auto 10px auto; display:block; width:192px; height:28px; background:url(/Uploads/images/tripplan-sitewide-openbutton.gif) no-repeat left top; text-indent:-2000px; overflow:hidden; }

#PlannerControl-sitewide .trip-planner-open-button:hover { display:block; width:192px; height:28px; background:url(/Uploads/images/tripplan-sitewide-openbutton.gif) no-repeat left bottom; text-indent:-2000px; overflow:hidden; }*/

#PlannerControl-sitewide .trip-planner .trip-planner-share-link { display:none!important; }

.myTripTitle { background:#597624 url(/Uploads/images/tripplan-sitewide-header.jpg) no-repeat; width:225px; border-bottom:solid 2px #fddb8d; text-align:center; color:#fff; }

.myTripTitle p { padding:30px 10px 0px 10px; font:normal 16px/22px georgia; display:block; }

.myTripList { width:225px; width:195px; padding:15px 15px 0 15px; background-color:#fcf5e3; }

.myTripFooter { background:#fcf5e3 url(/Uploads/images/tripplan-sitewide-footer.gif) no-repeat left bottom; width:225px; padding:15px 0 20px 0; }

.myTripFooter a { background:url(/Uploads/images/tripplan-sitewide-openbutton.gif) no-repeat left top; width:192px; height:28px; display:block; text-indent:-2000px; margin:0 auto; }

.myTripFooter a:hover { background-position:left bottom; }

#divCopyButton { background: url(/Uploads/UI/planner-add-trip-btn.gif) no-repeat scroll 0 0 transparent; cursor: pointer; float: right; height: 32px; margin: 0 50px 20px 0; padding: 0; width: 180px; }

#divCopyButton a { text-indent:-9999em; font-size:0px; }

