#journeyPanel {
	position:		absolute;
	width:			100%;
	background:		white;
	border-top:		1px solid #5A5D5A;  	
	border-bottom:	1px solid #5A5D5A;  	
}

#journeyInfo {
	width:		70%;
	margin:		10px;
	float:		left;
}

#journeyTitleBox {
	background-color:	#EBEBEB;
	padding:5px;
	border: 1px solid #5A5D5A;
}

#journeyTypeImage {
	float:		left;
	top:		15px;
	text-align: left;
}
#journeyTitle {
	float:left;
	top:			15px;
	text-align: 	left;
	margin-left: 5px;
}

#journeyProvider{
	margin-left:23px;
}
#journeyInfoBox {
	padding:5px;
	border-left: 1px solid #5A5D5A;
	border-right: 1px solid #5A5D5A;
	background:#ECF9E9;
	width: 75%;
}

#journeyRating {
    background-image:url("../../images/corner_white_bottom_right.gif");
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color:#ECF9E9;
	border-left: 1px solid #5A5D5A;
	padding: 5px 5px 5px 6px;  /* extra 1px on left for IE 6*/
	width: 75%;
}
#journeyDescriptionPanel {
	position:		relative; 
	text-align: 	left;
	margin-bottom:	10px;
	margin-top:		5px;
}

#journeyDescriptionPanel p {
	margin:			5px 0px;
}

#journeyDescriptionPanel ul ol {
	/*  Need to do this because <ol> and <ul> 
	    margins are not displaying properly.
	    
	    Sadly the problem still persists in IE6 even with this hack...*/
   	margin:			5px 0px;
}

#journeyDescriptionPanel li {
	/*  Need to do this because <ol> and <ul> lack
	    margins that cause the descriptions to not display
	    user-generated lists well.
	    
	    Sadly the problem still persists in IE6 even with this hack...*/
	margin-left: 	20px;
}

#dateTitleBox {
	background:#EBEBEB;
	border: 1px solid #5A5D5A;
	padding:5px;
	width: 95%;
}

#noDatesOrTimesPanel {
	background:#EFFBEF;
	border-bottom: 1px solid #5A5D5A;
	border-right: 1px solid #5A5D5A;
	border-left: 1px solid #5A5D5A;
	margin-bottom:10px;
	padding:5px;
	width: 95%;
}


#rightInfoPanel {
	position:		relative;
	margin:			10px 10px 0px 10px;
	width:			20%;
	float: 			left;
	z-index:		5;
}

#alwaysOnTourPanel {
	padding:	5px;
	border-left: 	solid 1px #5A5D5A;
	border-bottom: 	solid 1px #5A5D5A;
	border-right: 	solid 1px #5A5D5A;
}

#availabilityCalendarDivId {
	margin-top:	 5px;
}

#reviewsPanel {
	position:		relative;
	margin:			0px 10px 10px 0px;
	width:100%;
}

#journeyHomeTabs {
	background: white url("../../images/border_bottom_dark_gray.gif") repeat-x bottom;
	float:left;
    line-height:normal;
	position:relative;
	margin: 10px 10px 0px 0px;
	width:99%;
}

#journeyHomeTabs ul {
	list-style: none;
	margin:0;
}

/* The following CSS uses the "Sliding Doors" method for creating dynamic tabs. */
#journeyHomeTabs li {
    float:left;
    background:url("../../images/tab_on_right_white.gif") no-repeat right top;
    margin-right:3px;
}
#journeyHomeTabs a, #journeyHomeTabs #tabSpan {
    display:block;
    background:url("../../images/tab_on_left_white.gif") no-repeat left top;
    padding:5px 15px 4px 15px;
}
.emptyTab {
	background: white !important ;
   	padding-bottom:0px !important ;
}
.emptyTab a {
	background: white !important ;
    padding:5px 5px !important ;
   	padding-bottom:0px !important ;
}
.emptyTab {
	background: white !important ;
}
.emptyTextTab {
	background: white !important ;
	padding-top:8px;
}

#journeyReviewsPager {
	clear:			both;
	position:		relative;
	width: 			100%;
}

.journeyReviewsPage {
 	position: 			relative; 
 	padding: 			3px;  
	width:				100%;
	background:			white;
	border-left:		1px solid #5A5D5A;  
	border-right:		1px solid #5A5D5A;  
	border-bottom:		1px solid #5A5D5A;  	
}

#reviewText {
	position:		relative;
	width:			90%;	
	margin-top:		5px;
}


#info ul {
	list-style: 		none;
}

#info li {
	width:				90%;
	float:				left;
}

#info h2 {
	float:				right;
}