/* itinerary */
#travelplanner #itinerary {
	float:left;
	padding:35px 20px 30px;
	width:520px;
}
	#travelplanner .logged-in #itinerary {
		padding-top:86px;
	}

	#travelplanner #itinerary .filters {
		position:relative;
		border-bottom:1px dashed #D4D3D0;
		padding:12px 0 10px;
	}
		#travelplanner #itinerary .filters ul { float:left; }
		#travelplanner #itinerary .filters ul li { display:inline; }
		#travelplanner #itinerary .filters span {
			color:#565656;
			font-size:9px;
			text-transform:uppercase;
			line-height:18px;
			margin-right:5px;
		}
		#travelplanner #itinerary .filters ul li span,
		#travelplanner #itinerary .filters ul li a { float:left; margin-right:5px; font-family: arial, sans-serif; }
		
		#travelplanner #itinerary .filters p { float:right; }
		#travelplanner #itinerary .filters p span,
		#travelplanner #itinerary .filters p select { display:block; float:left; }

	#travelplanner #itinerary .destinations { position:relative; }

	/* destination */
	#travelplanner #itinerary .destination {
		position:relative;
		background:url(/media/images/timeline.png) repeat-y 14px top;
	}
		#travelplanner #itinerary .destination h3 {
			padding:15px 0;
			position:relative;
			width:520px;
			border-bottom:1px dashed #D4D3D0;
			cursor: pointer;
		}
			#travelplanner #itinerary .destination h3 strong:hover {
				color:#D0480A;
			}
			#travelplanner #itinerary .destination h3 strong {
				display: -moz-inline-stack;
				display:inline-block;
				background:url(/media/images/itinerary.png) no-repeat;
				font-size:24px;
				color:#5A524A;
				font-family:Arial,Helvetica,Garuda,sans-serif;
				height:30px;
				line-height:30px;
				padding-left:36px;
				vertical-align:middle;
				zoom: 1;
			}
			#travelplanner #itinerary .destination h3 .destination-actions{
				position: absolute;
				margin: 5px 0 0 5px;
			}
			#travelplanner #itinerary .destination h3 .destination-actions span,
			#travelplanner #itinerary .destination h3 .destination-actions a{
				font-size:9px;
				text-transform:uppercase;
				display: none;
				background-color:#fff;
				color:#999999;
				padding:4px;
				position: static;
				border-radius: 3px;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
			}
			#travelplanner #itinerary .destination h3 .destination-actions a.remove-destination:hover{
				color: #fff;
				background-color: #D0480A;
			}
			#travelplanner #itinerary .destination h3 a {
				font-size:13px;
				position:absolute;
				top:22px;
				right:0;
			}
			#travelplanner #itinerary #homeairport h3 { background:#F6F6F6 url(/media/images/timeline.png) no-repeat 14px bottom; }
			#travelplanner #itinerary #add-destination h3 { background:#F6F6F6 url(/media/images/timeline.png) no-repeat 14px top; }
			#travelplanner #itinerary #add-destination.return h3 { background-repeat:repeat-y; }

			
			#travelplanner #itinerary .destination ul,
			#travelplanner #itinerary #homeairport .homeairport-field,
			#travelplanner #itinerary #add-destination .section {
				padding:10px;
				padding-left:36px;
				border-bottom:1px dashed #D4D3D0;
				background:#FFF url(/media/images/timeline.png) repeat-y 14px top;
			}
			#travelplanner #itinerary .destination.return ul {background-repeat: no-repeat;}
				#travelplanner #itinerary .no-timeline #homeairport .homeairport-field,
				#travelplanner #itinerary .no-timeline #homeairport h3,
				#travelplanner #itinerary #add-destination .section { background-image:none; }
				#travelplanner #itinerary #add-destination.return .section { background-image:url(/media/images/timeline.png); }

/* home */
#travelplanner #itinerary #homeairport.destination h3 strong { background-position:left top; }
#travelplanner #itinerary #homeairport.active h3 strong { background-position:left -30px; }

	#travelplanner #itinerary #homeairport .homeairport-field { padding:24px 0 24px 36px; }
	#travelplanner #itinerary #homeairport .homeairport-field input {
		border:1px solid #D4D3D0;
		padding:2px;
		font-size:16px;
		float:left;
		margin-right:5px;
	}

/* add */
#travelplanner #itinerary #add-destination.destination h3 strong  { background-position:left -60px; }
#travelplanner #itinerary #add-destination.active h3 strong { background-position:left -90px; color:#D0480A; }

	#travelplanner #itinerary #add-destination .section { padding:24px 0 24px 36px; }
	#travelplanner #itinerary #add-destination .section select {
		margin-right:5px;
	}
	#travelplanner #itinerary #add-destination .optional-section{
		color: #333;
		background-color: #F7F7F7;
		border:1px dashed #D4D3D0;
		margin:15px 30px 0 0;
		padding:8px 10px 10px;
	}


/* other destinations */
#travelplanner #itinerary h3 strong.destination-1 { background-position:left -120px; }
	#travelplanner #itinerary .active h3 strong.destination-1 { background-position:left -150px; }
	
#travelplanner #itinerary h3 strong.destination-2 { background-position:left -180px; }
	#travelplanner #itinerary .active h3 strong.destination-2 { background-position:left -210px; }
	
#travelplanner #itinerary h3 strong.destination-3 { background-position:left -240px; }
	#travelplanner #itinerary .active h3 strong.destination-3 { background-position:left -270px; }
	
#travelplanner #itinerary h3 strong.destination-4 { background-position:left -300px; }
	#travelplanner #itinerary .active h3 strong.destination-4 { background-position:left -330px; }
	
#travelplanner #itinerary h3 strong.destination-5 { background-position:left -360px; }
	#travelplanner #itinerary .active h3 strong.destination-5 { background-position:left -390px; }
	
#travelplanner #itinerary h3 strong.destination-6 { background-position:left -420px; }
	#travelplanner #itinerary .active h3 strong.destination-6 { background-position:left -450px; }
	
#travelplanner #itinerary h3 strong.destination-7 { background-position:left -480px; }
	#travelplanner #itinerary .active h3 strong.destination-7 { background-position:left -510px; }
	
#travelplanner #itinerary h3 strong.destination-8 { background-position:left -540px; }
	#travelplanner #itinerary .active h3 strong.destination-8 { background-position:left -570px; }

#travelplanner #itinerary h3 strong.destination-9 { background-position:left -600px; }
	#travelplanner #itinerary .active h3 strong.destination-9 { background-position:left -630px; }

#travelplanner #itinerary h3 strong.destination-10 { background-position:left -660px; }
	#travelplanner #itinerary .active h3 strong.destination-10 { background-position:left -690px; }

#travelplanner #itinerary h3 strong.destination-11 { background-position:left -720px; }
	#travelplanner #itinerary .active h3 strong.destination-11 { background-position:left -750px; }

#travelplanner #itinerary h3 strong.destination-12 { background-position:left -780px; }
	#travelplanner #itinerary .active h3 strong.destination-12 { background-position:left -810px; }

/* active */
#travelplanner #itinerary .active ul,
#travelplanner #itinerary #homeairport.active .section,
#travelplanner #itinerary #add-destination.active .section { background-color:#FFC; }
	#travelplanner #itinerary .active h3 strong { color:#D0480A; }

/* filters */

	/* filter-destination */
	#travelplanner #itinerary.filter-destinations h3 { border-bottom:1px dashed #D4D3D0; }
	#travelplanner #itinerary.filter-destinations .itinerary-items { display:none !important; }
	#travelplanner #itinerary.filter-destinations .filters ul li a#filter-destinations { background:#CF9; color:#09C; }

	/* filter-all */
	#travelplanner #itinerary.filter-all .filters ul li a#filter-all { background:#CF9; color:#09C; }

	/* filter-transports */
	#travelplanner #itinerary.filter-transports .itinerary-items .hotel,
	#travelplanner #itinerary.filter-transports .itinerary-items .activity { display:none !important; }
	#travelplanner #itinerary.filter-transports .filters ul li a#filter-transports { background:#CF9; color:#09C; }

	/* filter-hotels */
	#travelplanner #itinerary.filter-hotels .itinerary-items { display:none !important; }
	#travelplanner #itinerary.filter-hotels .has-hotel ul { display:block !important; }
	#travelplanner #itinerary.filter-hotels .itinerary-items .flight,
	#travelplanner #itinerary.filter-hotels .itinerary-items .activity { display:none !important; }
	#travelplanner #itinerary.filter-hotels .filters ul li a#filter-hotels { background:#CF9; color:#09C; }

	/* filter-activities */
	#travelplanner #itinerary.filter-activities .itinerary-items { display:none !important; }
	#travelplanner #itinerary.filter-activities .has-activity ul { display:block; }
	#travelplanner #itinerary.filter-activities .itinerary-items .flight,
	#travelplanner #itinerary.filter-activities .itinerary-items .hotel { display:none !important; }
	#travelplanner #itinerary.filter-activities .filters ul li a#filter-activities { background:#CF9; color:#09C; }


/* closed */
#travelplanner #itinerary .closed h3 { border-bottom:1px dashed #D4D3D0; }
	#travelplanner #itinerary .closed ul { display:none; }
/*	#travelplanner #itinerary #homeairport.closed .section,
	#travelplanner #itinerary #add-destination.closed .section { display:none; } */	

/* itinerary items */
#travelplanner .destination .hotel,
#travelplanner .destination .activity,
#travelplanner .destination .flight,
#travelplanner .destination .surface {
	padding:5px 0;
	position:relative;
}

#travelplanner .destination .hotel-name,
#travelplanner .destination .activity-name,
#travelplanner .destination .flight-name,
#travelplanner .destination .surface-name {
	display:block;
	padding-left:18px;
	font-family:Arial,Helvetica,Garuda,sans-serif;
	font-size:16px;
}
	#travelplanner .destination .hotel-name { background:url(/media/images/types.png) no-repeat left top; }
	#travelplanner .destination .activity-name { background:url(/media/images/types.png) no-repeat left -72px; }
	#travelplanner .destination .flight-name { background:url(/media/images/types.png) no-repeat left -144px; }
	#travelplanner .destination .surface-name { background:url(/media/images/types.png) no-repeat left -216px; }
		#travelplanner .active .hotel-name { background:url(/media/images/types.png) no-repeat left -36px; }
		#travelplanner .active .activity-name { background:url(/media/images/types.png) no-repeat left -108px; }
		#travelplanner .active .flight-name { background:url(/media/images/types.png) no-repeat left -180px; }
		#travelplanner .active .surface-name { background:url(/media/images/types.png) no-repeat left -252px; }

#travelplanner .destination .price,
#travelplanner #total-amount {
	position:absolute;
	right:0;
	top:5px;
	text-align:right;
	color:#707070;
	font-size:14px;
}
	#travelplanner .destination .surface .price{ margin-right: 3em; }
	#travelplanner #total-amount { top:22px; }
	#travelplanner #add-destination #total-amount { right: 3.7em; }
	
	#travelplanner .destination .price .detail,
	#travelplanner #total-amount .detail { font-style:italic; font-size:11px; color:#999; }
		#travelplanner .destination .price .detail em { font-weight:bold; }
		
	#travelplanner .destination .price .amount,
	#travelplanner #total-amount .amount { font-weight:bold; }
	
	#travelplanner .destination .price .currency,
	#travelplanner #total-amount .currency { font-size:12px; }
	
/* date */
#travelplanner .destination .date {
	border:1px solid #565656;
	display:block;
	left:-49px;
	position:absolute;
	top:0;
	width:26px;
}

	#travelplanner .destination .date .year { display:none; }
	#travelplanner .destination .date .month {
		background:#565656;
		color:#FFF;
		display:block;
		font-size:8px;
		font-weight:normal;
		height:13px;
		letter-spacing:1px;
		text-align:center;
		text-transform:uppercase;
	}
	#travelplanner .destination .date .day {
		background:#FFF;
		display:block;
		font-size:11px;
		font-weight:bold;
		height:16px;
		text-align:center;
	}		
	
	#travelplanner .destination .no-date { background:url(/media/images/no_date.gif) no-repeat left top; }
	#travelplanner .destination .no-date .month,
	#travelplanner .destination .no-date .day {
		text-indent:-9999px;
		background:none;
	}

/* message */
#travelplanner .message-container{
	background-color:#D0480A;
	color:#fff;
	display:block;
	margin:10px 30px 0 0;
	padding:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#travelplanner .message-container a{
	color: #fff;
	background-color: transparent;
	text-decoration: underline;
}

/* loading indicator */
#travelplanner #destinationLoading{
	vertical-align: middle;
}