/* 
==========================================================================
Trip Planner
========================================================================== */


#trip-planner-wrapper { display:block; display:none; border-bottom: 1px solid #ccc;}

h2.tripPlanner {display:block; width:96%; color:#909090; font-size: 28px; text-align: left; font-family: oxygen, arial, sans-serif; font-weight: 100; padding:0 0 10px 0; margin-bottom:0; }

h2.form { font-size: 26px; border-bottom:0; }

.compact { display:none; }

.expand { display:inline; font-size: 14px; color:#333; line-height: 16px; }

.destination { position:relative; }

.destination a { width:96%; border-bottom: 1px solid #ededed; text-align: left; font-size:17px; font-family: lato, arial, sans-serif; display:block; padding:20px 0 10px 0; min-height:60px; }

.destination:first-child { border-top: 1px solid #ccc; } 

.destination:last-child { margin-bottom:40px; } 

.destination a:hover { color:#b14f19; text-decoration: none; background-color:rgba(237,240,203,0.6); }

.destinationContainer img  { margin:0 ; max-width: 28px; }

.closePlanner { color:#2bb04a; margin:30px auto 20px; display:block; text-align:center; }

@media (min-width: 768px) {
	.destinationContainer img  { max-width: 36px; height:auto; }
}

.close { position:absolute; right:0px; top:0px; display:block; font-size:24px; padding: 2% 20px 0 10px; background-color: #fff; height:100%; max-width:44px;  outline: #fff solid thin; }

.close:hover { cursor:pointer; }

.close:first-child { margin: -1px 0 0 0; }

 .icons { text-align:right; padding-right:10%; }
 
.spacer.onTripPlanner { margin-top:15px; }

.divider.onTripPlanner { margin-bottom:20px; }

@media (min-width: 550px) {
	.icons { padding-right:6%; }
}

@media (min-width: 800px) {
	.icons { padding-right:4%; }
}

@media (min-width: 1000px) {
	.icons { padding-right:2%; }
}

#TPlogin { width:85%; margin:0 auto;} 

.eventDateTP { color:#666; text-align: right; padding-right:10px; }

.accountLogin input[type=text], .accountLogin input[type=password] { width: 100%; padding: 10px; font-size: 15px; color: #666; }