/*  NOTES
    ------- 
    body:                    .destinations | .myconcierge
    
    #canvas:               .tripPlans
    
    #primary_rail:      .viewTripPlan | .manageTripPlan | .noTripPlans
                                .viewTripPlanPhotos | .editTripPlanPhotos |
                                .viewTripPlanPhoto | .editTripPlanPhoto |
                                .mySavedItems | .mySavedPhotos
*/

/*orphanage*/
	.manageTripPlans #trip_items, .manageTripPlans #trip_photos{border: 1px solid #f2f2f2;}
    .createTripPlan .tripsContainer, .noTripPlans .tripsContainer,  .destinations .viewTripPlan .tripsContainer, .destinations .viewTripPlanPhotos .tripsContainer, .destinations .viewTripPlanPhoto .tripsContainer{margin-top: 0;}
    .contentRail{float: left;}
	 
/*  Trips Globals
    ------------- */
    /*text size*/
	.tripPlans #primary_content .content, .myProfile #primary_content .content, .uploadedPhotos #primary_content .content{font-size: 11px;}
    
	/*text classes use in various places*/
	.tripPlans span.itemTitle, .tripPlans span.itemMeta{display: block;}
	.tripPlans span.itemTitle{font-weight: bold;}
	.tripPlans span.itemTitle a{text-transform: uppercase; }
	.tripPlans span.itemMeta{font-weight: normal !important;}
    
    /*sectionheads*/
	.tripPlans .sectionhead, .myProfile .sectionhead{position: relative;}
    
    /*ui buttons*/
	.tripPlans a{cursor: pointer; cursor: hand;}
    
    /*green bold links*/
	.callToAction{
        color: #64BA1F !important;
        text-transform: lowercase;
		font-weight: bold;
    }
    
    .tripPlans .last{border-bottom: none !important;}
    
/*  Trips Plans Common Patterns
    --------------------------- */
    /*headline with a suitcase*/
    #trip_headline img{
        position: relative; 
        left: 5px;
    }
    
    /*pagination*/
	.tripPlans .paginator, .tripPlans .paginator a{
		font-size: 10px;
		text-transform: lowercase;
	}
	.myconcierge .paginator a, .community .paginator a{color: #227AD3 !important;}
	.myconcierge .paginator, .community .paginator{color: #333 !important;}
	
	.tripPlans .paginator,  .destinations .tripPlans .paginator{
        padding: 2px 5px 5px 5px;
        color: #333;
    }
    .tripPlans .paginator a, .tripPlans .readable,  .tripPlans .bNext span{color: #227AD3 !important;}
    .tripPlans .paginator#cycle_trips{
        color: #ccc;
        border-top: 1px solid #ccc;
    }
    
    /*yellow bar with controls*/
	.tripPlans .actionsBar{
		background-color: #ffed9b;
		position: relative;
		padding: 10px;
        margin: 1px 1px 0 0;
	}
	.tripPlans .actionsBar .deleteX{border: 1px solid #999999}
	.tripPlans #primary_content .actionsBar a{
		font-size: 10px;
		text-transform: lowercase;
		color: #333;
	}
    .actionsBar #delete_trip_plan, #delete_trip_plan .deleteX, .actionsBar #trips_help{position: absolute;}
    .actionsBar #delete_trip_plan{right: 10px;}
    .actionsBar #trips_help, .actionsBar #delete_trip_plan{top: 12px;}
    .actionsBar #delete_trip_plan .deleteX{
        left: -15px;
        top: 2px;
    }
    .actionsBar #trips_help{
        left: 165px;
        text-decoration: underline;
    }
    #publish_controls{
        background-color:#ffdf50;
        padding: 3px 10px;
        margin-right: 1px;
        font-weight: bold;
        font-size: 10px;
    }
    #publish_controls a{
        color: #333;
        text-transform: lowercase;
    }
    .publishStatus{text-transform: uppercase;}
    
    /*hashed/grid gray background*/
	div.editableSection{
        background: url(/images/modules/dragCanvas/bg_item_canvas.gif) repeat;
		padding: 17px 6px;
		margin: 1px;
		font-size: 11px;
	}
    
    /*error message text*/
    .tripPlans .hasError{
        background: #ebebeb;
        padding: 3px 0 15px 10px;
    }
    .manageTripPlan .hasError{margin-bottom: 10px;}
    .tripPlans .disabled{color: #999;}
    .tripPlans .validationText{
        color: #64BA1F !important;
		font-weight: bold;
        padding: 0 0 15px 10px;
    }
    
    /*18x18 user badge*/
    .publicTrip .userPhoto, .userInfo .userPhoto{
        width: 18px;
        height: 18px;
    }
    
    /*containers for tabs and headline text*/
	.tripsContainer{
		position: relative;
		margin-top: 50px;
        padding: 10px 10px 0 0;
        width: auto;
	}
    .viewTripPlan .tripsContainer, .viewTripPlanPhotos .tripsContainer, .viewTripPlanPhoto .tripsContainer, .editTripPlanPhoto .tripsContainer, .editTripPlanPhotos .tripsContainer{padding: 15px 7px;}
    .viewTripPlanPhotos .tripsContainer{padding-bottom: 0;}
	.tripPlans .tripsContainer .tabbedNavigation{
		top: -32px;
		left: 0px;
	}
    
	/*sponsorship treatment (in all contexts)*/
    .sponsored, .sponsored .itemLabel{
        background: #e0f5fd !important;
		background-image: none !important;
    }
    .viewTripPlan .listingsContainer .sponsored{
        padding: 10px 0 10px 20px;
        margin-top: 0;
    }
    
	/*booking links (in all contexts)*/
    .bookingLink a{
        color: #333 !important;
        font-weight: bold;
        font-style: normal;
        white-space: nowrap;
    }
    
    /*expired items treatment (in all contexts)*/
    .expired .itemTitle span{text-transform: uppercase;}
    .expired .itemLabel{
        border-left: none !important;
        margin-left: 0 !important;
        padding: 6px 6px 6px 40px !important;
    }
    
    /*editors pick or sponsored text area*/
    .auxInfo{
        color: #999;
        font-size: 11px;
        text-transform: lowercase;
        position: absolute;
        top: 27px;
        right: 5px;
        text-align: right;
    }
    
	/*unique styles for different types of items*/
	.itemType{color: #F0a900;}
	.articleItem .itemType, .ideasectionItem .itemType, .ideaItem .itemType{color: #666;}
	
    /*public trip listing*/
    .publicTrip dt, .publicTrip dd{
            display: inline;
            font-style: italic;
            white-space: nowrap;
    }
	.publicTrip dt, .publicTrip dd, .publicTrip dl, .publicTrip ul{text-transform: lowercase;}
	.publicTrip .locationTags dd{text-transform: none;}
	.publicTrip .tripTitle{
		text-transform: uppercase;
		font-weight: bold;
	}
    .publicTrip .tripCover a{
        display: block;
        width: 95px;
        height: 75px;
        margin-bottom: 1px;
    }
    .tripListings .sponsored{
        padding-top: 15px;
        margin-top: -14px;
    }
    .tripCover img, #trip_cover_image{ /*public trip listing and profile, view trip plan/trip detail*/
        width: 95px;
        height: 75px;
    }
    .publicTrip .tripCover, .publicTrip .tripSummary{ float: left; }
    .publicTrip .tripCover ul{
        background-color: #000;
        color: #fff;
        padding: 10px 7px;
		font-size: 10px;
    }
    
    /*Trip Plan Center*/
    #trip_plan_center{
        font-size: 11px;
        color: #64ba1f;
    }
    #trip_plan_center ul{padding: 10px 10px 11px;}
    #trip_plan_center li{margin-bottom: 4px;}
    #trip_plan_center .greenLabel{
        font-size: 10px;
        font-weight: normal;
    }
    
    /*.itemText and .itemPhoto*/
    .tripPlans .itemText, .tripPlans .itemPhoto{float: left;}
    
    /*.itemText*/
    .myconcierge .viewTripPlan .itemText, .mySavedItems .itemText{width: 300px;}
    .myconcierge .viewTripPlan .itemTextSolo, .mySavedItems .itemTextSolo{width: 410px;}
    .manageTripPlan .itemText{width: 330px;}
    .manageTripPlan .itemTextSolo{width: 436px;}
    .destinations .viewTripPlan .itemText, .community .viewTripPlan .itemText{width: 290px;}
    .destinations .viewTripPlan .itemTextSolo, .community .viewTripPlan .itemTextSolo{width: 380px;}
    .viewTripPlan .itemText{padding-right: 60px;}
    .manageTripPlan .itemText{padding-right: 5px;}
	.mySavedItems .itemText{padding-right: 50px; }
	.mySavedItems .itemText p{margin-bottom: 15px;}

    /*.itemPhoto*/
	.mySavedItems .itemPhoto{
		width: 97px;
		margin-right: 10px;
	}
    .viewTripPlanPhotos .itemPhoto, .editTripPlanPhotos .itemPhoto, .editablePhotoItem .itemPhoto{
        float: none;
        display: block;
    }
    
    /*itemAddress*/
    .tripPlans .itemAddress{font-weight: bold;}
    
	/*report a problem*/
	.tripPlans .reportAbuse, #report_problem a{
		font-size: 10px;
        text-transform: lowercase;
        margin-left: 7px;
    }
	#report_problem{
		padding: 20px 0 40px;
	}
    .viewMyUploadedPhoto #report_profile, .myProfile #report_profile{
       position: absolute;
       right: 5px;
    }
    
/*	MyConcierge Trip Plans Left Rail
    Note: The gray module styles are defined in main.css (.contentModuleC)
	----------------------------------------------------------------- */
	.myconcierge .tripPlans #left_rail{padding-top: 13px;}
	.myconcierge .tripPlans #left_rail .whiteOnGreenCssButton{margin-bottom: 15px;}
	
    /*left rail trip list*/
    #lr_trip_list{overflow: hidden;}
	
    
/*  Trip Plans Primary Rail Structural Styles
    ----------------------------------- */
    /*primary rail subheadings*/
	.contentHeading{
		margin-bottom: 15px;
        overflow: hidden;
	}
	.contentHeading dl, .contentHeading dt, .contentHeading dd, .contentHeading li, #trip_locale dt, #trip_locale dd{display: inline;}
    #trip_locale dd, #trip_tags dd{white-space: nowrap;}
	.contentHeading .groupList li, .contentHeading .groupList ul{display: block;}
	.contentHeading h2, .contentHeading h3{
        font-size: 23px;
        font-weight: normal;
	}
    
    #profile_primary .sponsored, #photos_primary .sponsored{
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px 10px;
	}
    .sponsoredProfileTxt {
		font-weight: bold; 
		color: #666; 
	}
	
    
/*  Missing/Add Content Styles
    ------------------------- */
    /*addContentInvitation*/
    .addContentInvitation{padding: 10px; color: #999;}
    .myProfile .addContentInvitation{color: #333; }
    .viewTripPlanPhotos .addContentInvitation{clear: both;}
    .noTripPlans p, .noTripPlans li{margin-bottom: 10px;}
    .tripIncentives ul{
        list-style-type: disc;
        list-style-position: outside;
        margin: 10px 0 0 25px;
    }
     .tripIncentives{margin: 20px 0 0 0;}
    #most_popular_travel_spots{width: 480px;}
    #most_popular_travel_spots ol{
        float: left;
        width: 145px;
        margin: 5px 15px 0 0;
    }
    #most_popular_travel_spots li{
        margin-bottom: 5px;
        line-height: 1.1;
    }
    
    
/*  Create a Trip Plan
    ------------------ */
    #new_trip_plan strong, #new_trip_plan div.tripTypeGroup label{display: block;}
    #new_trip_plan .required{color: #c33;}
    #new_trip_plan div.tripTypeGroup{
        width: 160px;
        float: left;
    }
    
/*	View Trip Plan
	-------------- */
    .tripPlans .listingsContainer{padding-top: 10px;}
    .tripPlans .listing{margin-right: 8px;}
    
    /*trip description*/
    #trip_about{
        /*padding-bottom: 15px;*/
        font-size: 12px;
    }
	.tripPlans .listing .costRating{
		position: absolute;
		top: 10px;
		right: 8px;
	}

/*  Manage Trip Plan: .manageTripPlan
    --------------------------------- */
	#trip_items{margin-bottom: 15px;}
    #finish_edit_button{width: 135px;}
	#trip_canvas .dragItem .dragItemData{padding: 0 10px 10px 10px;}
	.tripPlans span.itemType{
		text-transform: uppercase;
		font-weight: bold;
	}
	#trip_canvas .dragItem .dragItemData img{
		float: left;
        margin-right: 10px;
	}
	.manageTripPlan #trip_photos, .manageTripPlan #trip_photos .sectionhead{z-index: 1;}
    .manageTripPlan .group_nav{z-index:2;}
    .manageTripPlan #trip_canvas, .manageTripPlan .dragItem{z-index: 3;}
    
/*	Create Trip and Manage Trip Form Styles
	------------------------------------ */
	/*forms*/
    .formSection h4, .formSection h5, .formSection h6{ font-size: 11px;}
	.formSection, .formIntro, .tripPlans .submissionArea{padding: 0 10px 15px 10px;}
    .createTripPlan .contentHeading{padding-left: 7px;}
    .createTripPlan .formSection{ padding: 20px 0 25px 10px; }
	.manageTripPlan input, .createTripPlan input{width: 485px;}
    .manageTripPlan .tripsContainer, .createTripPlan .tripsContainer{padding-right: 0;}
	#new_trip_plan .formSection{border-top: 1px solid #ccc;}
    .formIntro p{margin-bottom: 10px;}
    .formSection p{font-style: italic;}
	.formSection p.errorMsg{font-style: normal;}
    #publish_input input{width: auto;}
    #publish_input label{
        width: 200px;
        float: left;
        margin-right: 30px;
        font-weight: bold;
    }
    #publish_input label em{
        display: block;
        padding-left: 25px;
        font-weight: normal;
        font-style: normal;
    }
    
	/*styled form buttons*/
	#save_new_trip_button, #save_trip_changes_button{ margin-right: 10px; }
	#save_new_trip_button, #cancel_new_trip_button, #save_trip_changes_button, #undo_trip_changes_button{ 
		width: 107px;
		float: left;
	}
	#finish_editing_trip_button, #edit_trip_button{width: 140px;}
    
    /*manage form*/
    #cover_description img{
        float: left;
        width: 95px;
        height: 75px;
        margin-right: 10px;
    }
    #cover_description p{padding-top: 10px;}
    
    /*suggested tags dhtml*/
	#suggested_tags{
        background-color: #efefef;
		border: 1px solid #bbb;
		padding: 15px;
		width: 456px;
	}
	#suggested_tags ul{
		float: left;
		width: 130px;
		padding-right: 15px;
	}
	#suggested_tags a{
		color: #333;
        display: block;
		text-decoration: underline;
	}
    #suggested_tags a:hover{background: #ddd;}


/*	Action Boxes/Save To Trip
    ------------------------- */
    .mySavedItems a.saveButton, .mySavedItems a.disabledSaveButton{
        left: 21px;
        top: 7px;
    }
    .mySavedItems .actionBox{
        left: 19px;
        top: 5px;
    }
    .mySavedItems .actionBox .saveButton{
        top: 1px;
        left: 1px;
    }
    .viewTripPlan .listingsContainer .sponsored .saveButton{top: 10px;}
    .viewTripPlan .listingsContainer .sponsored .actionBox{top: 8px;}
    .viewTripPlan .listingsContainer .actionBox{left: -2px;}


/*  Trip Photos Patterns (Used on Various Pages)
    ---------------------------------------- */
    
        /*photo gallery items (view mode)*/
        .tripPlans .galleryItem{
            height: 155px;
            margin-bottom: 10px;
        }
        
        /*	all editable photo items  */
		.tripPlans div.editablePhotoItem{
			position: relative;
			width: 117px;
			height: 150px;
			padding: 23px 15px 15px 16px;
			margin-bottom: 10px;
			margin-right: 10px;
			border: 1px solid #bbb;
			float: left;
		}
		.editablePhotoItem .deleteX{
			position: absolute;
			top: 0;
			right: 0;
		}
		.editablePhotoItem span, .editablePhotoItem a.itemTitle{display: block;}
		.editablePhotoItem img{
			margin-bottom: 10px;
            display: block;
		}
		.mySavedPhotos .editableSection, .editTripPlanPhotos .editableSection{padding-right: 0;}
		.mySavedPhotos div.editablePhotoItem{
			width: 121px;
			background: url(/images/my_concierge/trips/bg_editableSavedPhotoItem.gif) repeat-x #fff;
		}
		.mySavedPhotos div.editablePhotoItem .expandedActionBox{left: -45px !important;}
        
        /*scrollable photo containers*/
		#viewable_photo_items{
			height: 515px;
			overflow: auto;
			padding-top: 13px;
		}

		.editTripPlanPhotos #editable_photo_items{ /*scrolling container for editable photo items*/
			height: 600px;
			overflow: auto;
			padding-top: 13px;
		}
		.tripPlans .editTripPlanPhotos .editablePhotoItem{background: url(/images/my_concierge/trips/bg_editableTripPhotoItem.gif) repeat-x #fff;}
		.editTripPlanPhotos #editable_photo_items .editablePhotoItem{margin-right: 10px;}
	
/*  Photo Detail (the "DUMB" pages)
    -----------------------------*/
    .viewTripPlanPhoto, .editTripPlanPhoto, .viewMySavedPhoto, .viewMyUploadedPhoto{height: 1064px;}
    .destinations .viewTripPlanPhoto #trip_photo_detail{
        height: 600px;
        padding: 0 7px;
    }
    .destinations .viewTripPlanPhoto .contentHeading{margin-bottom: 0; overflow: visible;}
    .destinations .viewTripPlanPhoto .contentHeading .moreLink{position: relative; top: 13px;}
    .viewTripPlanPhoto .moreLink, .editTripPlanPhoto .moreLinks,  .editTripPlanPhoto .moreLink, .viewTripPlanPhoto .moreLink a, .editTripPlanPhoto .moreLink a{
        color: #666;
        text-transform: lowercase;
    }
    .viewTripPlanPhoto .moreLinks, .editTripPlanPhoto .moreLinks{
        display: block;
        clear: both;
    }
    .viewTripPlanPhoto .moreLinks p{position: absolute;right: 10px;}
    .editTripPlanPhoto .moreLinks{
        text-align: right;
        margin-bottom: 10px;
    }
    #trip_photo_detail{position: relative;}
    #trip_photo_detail h4{ /*photo title*/
        font-size: 15px;
        text-transform: uppercase;
        overflow: hidden; 
        padding-right: 170px;
    }
	#trip_photo_detail #trip_photo_text h4{padding-right:205px}

    /*container for trip photo*/
    #trip_photo_detail #trip_photo{ padding: 17px 6px;}
    /* trip photo*/
    #trip_photo img{
        margin: 0 auto;
        display: block;
    }
    /*trip photo text*/
    .viewTripPlanPhoto #trip_photo_text, .viewMySavedPhoto #trip_photo_text, .myProfile #trip_photo_text, .viewMyUploadedPhoto #trip_photo_text{position: relative;}
    .viewTripPlanPhoto #trip_photo_text{padding-top:  58px;}
    .viewMySavedPhoto #trip_photo_text{padding-top:  10px;}
    .editTripPlanPhoto #trip_photo_text{padding-top: 15px;}
    .viewMyUploadedPhoto #trip_photo_text{padding-left: 5px;}
    .editTripPlanPhoto .sectionhead{font-size: 11px;}
    .editTripPlanPhoto .sectionhead a{font-weight: bold;}
    /*edit trip photo*/
    #trip_photo_detail .deleteX{
        position: absolute;
        top: 3px;
        right: 0;
    }
    #trip_photo_detail .sectionExtra{
        padding-right: 13px;
        color: #666;
    }
    #trip_photo_detail .saveButton, #saved_photo_detail .saveButton{left: 309px;}
    
    #trip_photo_detail .actionBoxTip, #saved_photo_detail .actionBoxTip{
        position: absolute;
        top: 0;
        left: 323px;
    }
    #trip_photo_detail .actionBox{top: -2px; left: 307px;}
    #trip_photo_detail .expandedActionBox{left: 300px;}
    #trip_photo_detail .actionBox .saveButton{top:-1px; left: -1px;}
    
    /*saved item photo detail*/
    .viewMySavedPhoto #saved_photo_detail{position: relative;}
    .viewMySavedPhoto .contentHeading{padding-top: 20px;}
    #saved_photo_detail .saveButton, #saved_photo_detail .actionBoxTip{top: auto;}
    #saved_photo_detail .actionBox{
        top: auto;
        left: 348px;
    }
    #saved_photo_detail #saved_photo img{
        display: block;
        margin: 0 auto;
    }
        
        
/*	My Saved Photos
	-------------- */
	/*specific to my saved photos*/
	.mySavedPhotos .sorter{margin-bottom: 0}
	.mySavedPhotos .contentHeading{ /*share this with saved photos above*/
		padding-top: 15px
	}
	.mySavedPhotos .saveButton{
		left: 1px;
		top: 23px;
	}
	.mySavedPhotos .actionBox{
		left: -1px;
		top: 21px;
	}
	.mySavedPhotos .actionBox .saveButton{
		top: 1px;
		left: 1px;
	}
	
/*  My Saved Items
    -------------- */
    .tripPlans .mySavedItems .sorter{margin-bottom:0;}
	.mySavedItems .contentHeading{padding-top: 15px;}
    .mySavedItems .savedItem{
        position: relative;
        padding: 1px;
        border: 1px solid #bbb;
        background-color: #fff;
		margin-bottom: 20px;
    }
    .mySavedItems .savedItem .itemLabel{
		padding: 6px 6px 6px 25px;
		margin-left: 15px;
		background-repeat: repeat-x;
		background-position: 0 -148px;
		background-color: #f1f1f1;
		border-left: 1px solid #ccc;
	}
	.mySavedItems .savedItem .itemMeta ul.tripList, .mySavedItems .savedItem .itemMeta ul.tripList li{display: inline;}
	.mySavedItems .savedItem .itemMeta ul.tripList a{white-space: nowrap;}
    .mySavedItems .savedItem a.knob{
		display: block;
		position: absolute;
		top: 1px;
		left: 1px;
        width: 14px;
        height: 40px;
		background-repeat: no-repeat;
		background-position: 0 -63px;
    }
	.mySavedItems .savedItem a.knob, .mySavedItems .savedItem div.itemLabel{background-image: url(/images/global_sprites/button_sprite.gif);}
	.mySavedItems .savedItem a.deleteX{
		position: absolute;
		top: 1px;
		right: 1px;
	}
	.mySavedItems .savedItem .itemSummary{
		padding: 10px;
		border-top: 1px solid #ccc;
		display: none;
		position: relative;
	}
	.mySavedItems .savedItem .itemSummary .costRating{
		position: absolute;
		top: 8px;
		right: 5px;
	}
	.mySavedItems .expanded a.knob{background-position: 0 -106px;}
	.mySavedItems .expanded .itemSummary{display: block;}
    
    
/**********************************
    * TRIP PLANS IN DESTINATIONS  *
    *********************************/
    
 /* Trip Plans in Destinations Common
    -------------------------------- */
    #create_module .content{padding: 10px;}
	.destinations .mySavedItems .content, .destinations .mySavedPhotos .content, .destinations .viewTripListing .content, .destinations .viewTripPlan .content{padding: 0;}
    .userInfo .username, .userInfo .userPhoto{float: left;}
    .userInfo .userPhoto{margin-right: 5px;}
    .userInfo .username{margin-top: 2px;}
    .userInfo{color: #999}
    .userInfo .username a{color: #666;}
    
/*	My Saved Destination Items, My Saved Destination Photos
	--------------------------------------------------- */
    .destinations .mySavedPhotos .addContentInvitation{padding-bottom: 60px;}
	.destinations .mySavedItems .contentHeading, .destinations .mySavedPhotos .contentHeading{padding: 15px 15px 0 15px;}
	.destinations .tripPlans .mySavedItems .sectionhead{color: #f0a900;}
	.destinations .tripPlans .savedItems{padding: 15px 8px 0 8px;}
	.destinations .relatedTrips, .destinations .relatedTrips .tripList a{
		color: #666 !important;
		font-size: 10px;
	}
	.destinations .relatedTrips{margin: 10px 0;}
	.destinations .relatedTrips em{text-transform: lowercase;}
	.destinations .relatedTrips .tripList a{white-space: nowrap;}
    .destinations .mySavedItems #disclaimer, .destinations .mySavedPhotos #disclaimer{
        margin: 0;
        position: relative;
        top: -20px;
        left: 12px;
    }

/*  Public Trip Listing
    ----------------- */
    #trip_listings_module, #trip_listings_module .content{position: relative;}
    #trip_listings_module #seo_description, #trip_listings_module #no_trips{
        margin: 0 15px;
        font-size: 12px;
    }
    #trip_listings_module #no_trips{
        padding-bottom: 30px;
    }
    #trip_listings_module #no_trips p{
        border-top: 2px solid #64ba1f;
        border-bottom: 2px solid #64ba1f;
        margin-top: 15px;
        padding: 20px 40px;
    }
    #trip_listings_module #no_trips #create_trip_button{
        position: static;
        margin-top: 10px;
    }
    #create_module{font-size: 14px;}
    #create_module p, #create_module img{float: left;}
    #create_module img{
        margin-right: 15px;
        width: 50px;
    }
    #create_module p{width: 400px;}
    #trip_listings_module #create_trip_button{
        position: absolute;
        width: 150px;
        top: 10px;
        right: 10px;
    }
    #trip_listings_module .contentHeading{padding: 15px 180px 0 15px;}
    .tripListings{padding:  0 8px 15px 8px;}
    .tripListings .publicTrip{
        border-bottom: 1px solid #e8e8e8;
        padding-bottom: 15px;
        margin-bottom: 15px;
       position: relative;
    }
    .tripListings .publicTrip .auxInfo{top: 0;}
    .tripListings .sponsored .auxInfo{top: 15px;}
    .tripListings .publicTrip .tripSummary{
		margin-top: 10px;
        width: 378px;
        overflow: hidden;
    }
    .tripListings .publicTrip .tripCover{
        width: 95px;
        margin-right: 10px;
    }
	.community .tripListings{
		margin-top: 15px;
		padding-bottom: 0;
	}
    
    
/*  Public Trip Detail
    ---------------- */
    #trip_detail_module .content{padding: 65px 0 0 0;}
    #trip_detail_module #trip_about{
        width: 475px;
        overflow: hidden;
    }
    #trip_cover_image, #title_and_author{float: left;}
    #trip_cover_image{margin: 0 15px 10px 0;}
    #title_and_author{width: 350px;}
    .viewTripPlan #trip_tags{clear: both;}
    .destinations #trip_items .listingsContainer{margin-left: 10px;}
    #trip_detail_module #edit_my_trip{
        position: absolute;
        top: -25px;
        right: 5px;
    }
    #trip_detail_module .contentHeading .sponsored{
        padding-top: 10px;
        width: 488px;
    }
    #trip_detail_module .contentHeading .sponsored p{/*sponsored*/
        color: #666;
        font-weight: bold;
    }
    #trip_detail_module .tripHead{
        /*width: 488px;*/
    }
/*  Public Trip Photos
    ----------------- */
    .destinations #viewable_photo_items{padding-left: 10px;}
    .destinations #viewable_photo_items .galleryItem{margin-right: 15px;}

	
/****************************************************************
  *	 USER PROFILE, COMMUNITY TRIPS, UPLOADED PHOTOS STYLES *
  ****************************************************************/
        .myProfile #profile_primary, .uploadedPhotos #photos_primary,  .community .tripPlans #primary_rail{
            width: 504px;
            margin-right: 10px;
        }
        .myProfile #profile_secondary,  .uploadedPhotos #photos_secondary, .community .tripPlans #secondary_rail{
            width: 150px;
            padding-top: 10px;
            padding-right: 10px;
        }
        .myProfile .sectionhead li, .myProfile .sectionhead li a,  #profile_head li{
            color: #333;
            text-transform: lowercase;
        }
		#profile_head li a{
			font-weight: bold;
		}
		#profile_head li.active{
			color: #666;
			text-decoration: none;
		}
		#profile_head{padding: 10px;}
        #profile_head img.userPhoto{
            float: left;
            margin-right: 10px;
        }
		
/***********************
 * USER PROFILE STYLES 
 * *********************/
    /* View Private Profile
        ----------------- */
        .myProfile #profile_primary{overflow: hidden;}
        .myProfile #my_trip_plans .sectionhead h3{color: #8855dd;}
        .myProfile #my_uploaded_photos h3{color: #c33;}
        .myProfile .sectionhead ul, .myProfile .sectionhead li, .myProfile .sectionhead h3{display: inline;}
        .myProfile .sectionhead ul{
            position: absolute;
            right: 5px;
        }
        /*trip plans in private profile*/
        .myconcierge .myProfile .publicTrip{
            border: 1px solid #999;
            background-color: #fcfcfc;
            padding: 1px;
            margin-bottom: 15px;
        }
         .myconcierge .myProfile .publicTrip .tripSummary{
            background: url(/images/my_concierge/trips/bg_tripPlan.gif) repeat-x top;
            padding: 10px 10px 5px 10px;
        }
         .myconcierge .myProfile .publicTrip p{margin-bottom: 15px;}
         .myconcierge .myProfile .publicTrip .tripSummary{width: 370px;}
		 
		 /*profile aux rail*/
        .myProfile .contentModuleC{
            border-top-color: #64ba1f;
            border-bottom: none;
            margin-bottom: 10px;
            padding: 10px;
            background-color: #fff;
        }
        .myProfile #my_interests_module{border-bottom: 1px solid #ccc;}
        .myProfile #about_me_module em{text-transform: lowercase;}
        .myProfile #my_uploaded_photos{margin-top: 15px;}
        .myProfile #my_uploaded_photos .addContentInvitation{margin-bottom: 20px;}
        .myProfile #disclaimer{padding-left: 15px;}
    
    /* View Public Profile
        ---------------- */
        .community #about_me_module{margin-top:  74px;}
        .community #site_name{margin-bottom: 0;}
		
    /*  Edit Profile
        ---------- */
        #edit_profile{padding: 15px;}
        #edit_profile h2{font-size: 16px;}
        .fieldSection{margin-bottom: 30px;}
        #edit_profile #disclaimer, #personal_tag_list h4{clear: both;}
        #edit_profile .submissionSection span{
            width: 70px;
            float: left;
            margin-right: 10px;
        }
        #edit_profile .submissionSection{height: 20px;}
        #edit_profile #my_badge{
            width: 50px;
            padding-top: 5px;
            float: left;
            margin-right: 10px;
        }
        #personal_tag_list ul{
            width: 621px;
            margin: 10px 0;
            overflow: auto; /*so ff won't need a clearer*/
        }
        #personal_tag_list li{
            float: left;
            width: 207px;
        }
        #personal_tag_list h4{font-weight: normal;}
        input#my_custom_tags{width: 600px;}
        input#my_hometown{width: 300px;}
        #not_me{
            color: #666;
            font-size: 11px;
            white-space: nowrap;
        }
        div#not_me{float: right;}
		
/****************************
 * UPLOADED PHOTOS STYLES
 ****************************/
	 .uploadedPhotos .sorter{
	 	margin-left: 0;
		margin-top: 0;
	 }
	 #uploaded_photo_gallery{padding-left: 10px;}
	 .myconcierge .uploadedPhotos .contentHeading{ margin: 15px 10px}
	 #add_photos{margin:  56px 0 10px 0;}

/*uploaded photos: aux/right modules: taken from search.css*/
	#tools_and_resourcesRN,  #tools_and_resourcesRN a, #tools_and_resourcesRN  h6{color: #666; }
	#tools_and_resourcesRN h5, #tools_and_resourcesRN h6{text-transform: uppercase; }
	#tools_and_resourcesRN li, #tools_and_resourcesRN .trlistit1{border-bottom: 1px solid #d5d5d5;}
	#tools_and_resourcesRN{padding-bottom: 0;}
	.community .uploadedPhotos #tools_and_resourcesRN{margin-top: 74px;}
	#tools_and_resourcesRN li {padding: 8px 8px 15px;color: #333;}
	#tools_and_resourcesRN .trlistit1 {padding: 10px 10px 15px 10px; }
	#tools_and_resourcesRN .trlistit2 {padding: 10px 10px 20px 10px;}
	#tools_and_resourcesRN h5 {color: #333; padding-left: 10px; line-height: 12px;}
	#tools_and_resourcesRN li img {float: left; padding: 2px 5px 24px 0;}
	.toolsbottom {background-color: #fff; color:#333; }

/*************************
 *	Community Trips Styles
 *************************/
	.community .tripPlans #primary_rail, .community .tripPlans #secondary_rail{
		float: left;
		margin-left: 0;
	}
	.community .tripsContainer, .community #trip_items, .community #trip_photos, .community .tripPlans .sectionhead{margin-left: 1px;}
	.community .tripsContainer{margin-top: 40px;}
	.community .tripPlans #tools_and_resourcesRN{margin-top: 95px;}
	.community #trip_items .listingsContainer{padding-left: 7px;}
	.community #trip_photo_text{padding-left: 8px;}
	.community #viewable_photo_items{padding-left: 5px;}
	
/*************************
 *	Notes
 *************************/
 	.itemNote { padding: 5px 7px;background-color: #efefef;margin-top: 10px; }
 	.noteHeader { font-size:12px;font-weight:bold; }
	.addNote { clear: both; padding-top: 5px; }
	.content .addNote a { text-decoration: underline; color: #65ba1f; } 
	.content .itemNote a { text-decoration: underline; color: #65ba1f; }
	.notesActionBox {
		border:1px solid #999999;
		left:10px;
		top:0px;
		width:457px;
	}
	.notesActionBox .actionBoxContent { display:block; }
	.notesActionBox .actionBoxContent .textcountContainer { float: right; }
	.notesActionBox a.closeLink {
		color:#000000;
		font-size:12px;
		font-weight:bold;
		position:absolute;
		right:4px;
		text-decoration:none;
		top:0;
	}
	.notesActionBox .actionBoxContent .yellowOnBlackCssButton { margin-top: 5px; }
	.notesActionBox .actionBoxContent .blackOnSlateCssButton { margin-top: 5px; }
	.notesActionBox .actionBoxContent .textcountContainer { margin-top: 5px; font-style: italic; color: #999; }

 /*****************************
 * CROSS BROWSER NUISANCES
 ******************************/
/*  Safari 2.0
    ---------- */
    body:last-child:not(:root:root) #suggested_tags{width: 453px; margin-top: -2px;}
    body:last-child:not(:root:root) .myProfile .whiteOnGreenCssButton{margin-bottom: 53px;}
    body:last-child:not(:root:root) #publish_input label em{padding-left: 22px;}
    
/*	Internet Explorer 6
	------------------- */
    * html .tripListings .sponsored{padding-bottom: 0;}
    * html .publicTrip .tripCover a{margin-bottom: -2px;}
    * html .tripListings .publicTrip{zoom: 1;}
	* html .mySavedItems .content{height: auto;}
    * html .mySavedPhotos .editableSection, * html #suggested_tags a{height: 1%;}
	* html #suggested_tags{margin-top: -1px; width: 459px;}
	* html #viewable_photo_items, * html #editable_photo_items{position: relative; zoom: 1;}
	* html .mySavedItems .savedItem{width: 489px;}
	* html .mySavedItems .savedItem .itemSummary{width: 468px;}
    * html .editTripPlanPhotos #editable_photo_items{width: 498px;}
    * html #viewable_photo_items{width: 505px;}
	* html .community #viewable_photo_items{width: 500px;}
    * html .destinations .viewTripPlanPhotos #viewable_photo_items{width: 490px;}
	* html .deleteX{overflow: hidden;}
	* html #trip_items{z-index: 5}
    * html #trip_photos{z-index: 4;}
    * html .myconcierge .hslider a.slide_control_previous, * html .destinations .hslider a.slide_control_previous{left: 10px;}
    * html .tripPlans .tripsContainer .tabbedNavigation{left: -7px;}
    * html .tripPlans .manageTripPlan .tripsContainer .tabbedNavigation, * html .destinations .mySavedItems .tabbedNavigation, * html .destinations .mySavedPhotos .tabbedNavigation{left: 0px;}
    * html .community #profile_head{margin-bottom: 5px;}
	* html #profile_primary .sponsored, * html #primary_content .sponsProf{padding-top: 0; margin-top: 3px; margin-bottom: 3px; padding-bottom: 5px;}
	* html .community .tripsContainer{margin-top: 43px;}
	* html #photos_primary{overflow: hidden;}
    * html .tripPlans .sectionhead, * html .myProfile .sectionhead, * html .community .sectionhead, * html .uploadedPhotos .sectionhead{height: 1%;}
    * html #publish_input label em{padding-left: 23px;}
	* html #add_photos{margin-top: 66px;}

