#memberMain {
	position:		absolute;
	width:			100%;
	padding:		0px 10px 10px 10px;
	background:		white;
	border-top:		1px solid 	#5A5D5A;  
	border-bottom:	1px solid 	#5A5D5A;  
}

#memberOptions {
	margin-top:	5px;
}

#memberOptionsTabs {
	background: white url("../../images/border_bottom_dark_gray.gif") repeat-x bottom;
	float:left;
    line-height:normal;
	position:relative;
	margin: 10px 0px 0px 0px;
	width:95%;
}

#memberOptionsTabs ul {
	list-style: none;
	margin:0;
}

/* The following CSS uses the "Sliding Doors" method for creating dynamic tabs. */
#memberOptionsTabs li {
    float:left;
    background:url("../../images/tab_off_right_white.gif") no-repeat right top;
    margin-right:3px;
}
#memberOptionsTabs a, #memberOptionsTabs span {
    display:inline;
    background:url("../../images/tab_off_left_white.gif") no-repeat left top;
    padding:5px 15px 4px 15px;
}
.selectedTab {
	background-image: 	url(../../images/tab_on_right_white.gif) ! important ;
	padding-bottom:1px;
}
.selectedTab a, .selectedTab span {
	background-image: 	url(../../images/tab_on_left_white.gif) ! important ;
}
.emptyTab {
	background: white !important ;
   	padding-bottom:0px !important ;
}
.emptyTab a {
	background: white !important ;
	background-image: url()	! important ;
	padding:10px 0px 0px 5px !important ;
}
.emptyTab  span {
	background: white !important ;
	background-image: url()	! important ;
	padding:10px 0px 0px 0px !important ;
}
.emptyTextTab {
	background: white !important ;
	padding-top:8px;
}
#memberHomePager {
	clear:both; 
	position:		relative;
	width: 			95%;
}

.memberHomePage {
	width:			100%;
	border-bottom:	1px solid 	#5A5D5A;  
	border-right:	1px solid 	#5A5D5A;  
	border-left:	1px solid 	#5A5D5A;  
}

#journeyDescription 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;
}

#journeyDescription 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;
}

#journeyDescription p {
	margin:			5px 0px;
}

#tourInfo {
	border-bottom: 1px solid #848284;
	background:#E1EAF3;
	width: 100%;
}

#reviewText {
	width:				100%;
	margin-bottom:		10px;
}


#favoriteOptions ul {
	list-style: 		none;
}

#favoriteOptions li {
	width:				50%;
	float:				left;
}

#favoriteOptions h2 {
	float:				right;
}

