/* BOX SMALL AND LARGE
--------------------------------------------------------*/
.box_sm {
	width: 206px;
}
.box_wide {
	width: 740px;
}
.box_med {
	width: 620px;
	font-size: 120%;
}
.box_wide, .box_sm, .box_med {
	background: url(../images/bottom_left.gif) no-repeat left bottom;
	margin-bottom: 4px;
	margin-top: 15px;
}
.box_wide h2, .box_sm h2, .box_med  h2{
	background: url(../images/top_right.gif) no-repeat right top;
	font-size: 18px;
	padding: 10px 0 0 10px;
	color: #1e587c;
}
.box_wide h3{
	font-size: 15px;
	padding: 0px 0 0 10px;
	color: #1e587c;
}
.box_wide p, .box_sm p, .box_med  p{
	padding: 0 4px 0 10px;
	color: #333333;
}
.box_sm table{
	padding: 0 4px 0 10px;
	color: #333333;
}

.box_outer {
	background: url(../images/bottom_right.gif) no-repeat right bottom;
}
.box_inner {
	background: url(../images/top_left.gif) no-repeat left top;
}


/* BOX WITH TITLES 4 STAGES 
--------------------------------------------------------*/

.box_planning, .box_booking, .box_thingstodo, .box_memories {
	width: 180px;
	height: 300px;
	background:url(../images/planning_bottom.gif) no-repeat bottom left;
	margin-bottom: 5px;
}
.box_thingstodo h3{
	background:url(../images/thingstodo_top.gif) no-repeat top left;
}
.box_memories h3{
	background:url(../images/memories_top.gif) no-repeat top left;
}
.box_booking h3{
	background:url(../images/booking_top.gif) no-repeat top left;
}
.box_planning h3{
	background:url(../images/planning_top.gif) no-repeat top left;
}
.box_planning h3, .box_booking h3, .box_thingstodo h3, .box_memories h3{
	margin: 0px;
	padding: 6px 8px 4px 10px;
	color: #fff;
	font-size: 125%;
}
.box_planning p, .box_booking p, .box_thingstodo p, .box_memories p{
	margin: 0;
	padding: 6px 8px 4px 10px;
	color: #333333;
}
.box_planning p.img, .box_booking p.img, .box_thingstodo p.img, .box_memories p.img{
	margin: 0;
	padding: 0px;
	border-top: 1px solid #fff;
	border-left: 1px solid #0099FF;
	border-right: 1px solid #0099FF;
}


/* TRIP SUMMARY BOXES ON VACATION HOMEPAGE 
--------------------------------------------------------*/

.ts_planning, .ts_booking, .ts_thingstodo, .ts_memories {
	width: 290px;
	padding: 0px;
	margin-bottom: 5px;
	border: 1px solid #ccc;
}
.ts_thingstodo h3{
	background:url(../images/ts_thingstodo.gif) no-repeat top left;
}
.ts_thingstodo h3 span{
	float: right;
	margin-top: -17px;
	padding-right: 4px;
}
.ts_memories h3{
	background:url(../images/ts_memories.gif) no-repeat top left;
}
.ts_memories h3 span{
	float: right;
	margin-top: -17px;
	padding-right: 4px;
}
.ts_booking h3{
	background:url(../images/ts_booking.gif) no-repeat top left;
}
.ts_booking h3 span{
	float: right;
	margin-top: -17px;
	padding-right: 4px;
}
.ts_planning h3{
	background:url(../images/ts_planning.gif) no-repeat top left;
}
.ts_planning h3 span{
	float: right;
	margin-top: -17px;
	padding-right: 4px;
}
.ts_planning h3, .ts_booking h3, .ts_thingstodo h3, .ts_memories h3{
	margin: 0px;
	padding: 6px 0px 4px 10px;
	color: #fff;
	font-size: 125%;
}
.ts_planning p, .ts_booking p, .ts_thingstodo p, .ts_memories p{
	margin: 0;
	padding: 6px 0px 4px 10px;
}



/* MESSAGE BOX
------------------------------------------------------- */

.messageBox {
	width: 965px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: #fcffb6; 
	border-bottom: 1px solid #a7a7a7;
}
.messageBox p{
	font-size: 95%;
	padding: 10px 15px 5px 8px;
	margin: 0px;
}
.messageBox p.name{
	font-size: 100%;
	padding: 10px 15px 5px 8px;
	margin: 0px;
}

/* AD SPACE
------------------------------------------------------- */

.largeRect {
	background: url(../images/ad_large_rect_sample.gif) no-repeat top left;
	width: 336px;
	height: 280px;
	padding: 3px;
}
.leaderBoard {
	background: url(../images/ad_leaderboard_sample.gif) no-repeat top left;
	width: 728px;
	height: 90px;
	padding: 3px;
	text-align: right;
}

/* MY VACATIONS
------------------------------------------------------- */

.myVac {
	width: 620px;
	background:url(../images/bkg_box_bottom_sq.gif) no-repeat bottom left;
	margin-bottom: 5px;
	font-size: 105%;
}
.myVac h3{
	background:url(../images/bkg_box_h3_sq.gif) no-repeat top left;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #ccc;
	
}
.myVac h3 span{
	float: right;
	padding-right: 15px;
	margin-top: -15px;
}

.myVac p{
	padding-left: 15px;
	margin-top: -2px;
}

/* MESSAGE BOARD ON RIGHT
------------------------------------------------------- */
table.messageBoard{
 	background: #CCCCCC;
	width: 340px;
	margin-left: 3px;
	padding-left: 10px;
	border: 1px solid #a7a7a7;
}
h1.messageBoard {
	margin: 0px;
	font-size: 170%;
	color: #333333;
	padding-left: 0px;
}

.message p span{
	margin: 0px;
	padding: 0px;
}
.message p a{
	color: #000;
	font-weight: bold;
	font-size: 105%;
}
.message p a:visited{
	color: #000;
	font-weight: bold;
	font-size: 105%;
}


/* MY VACATIONS
------------------------------------------------------- */

.board {
	width: 333px;
	background:url(../images/bkg_messagebox_bottom.gif) no-repeat bottom left;
	margin-bottom: 5px;
	font-size: 105%;
	margin-left: 5px;
}
.board h3{
	background:url(../images/bkg_messagebox_h3.gif) no-repeat top left;
	padding: 5px 0 5px 10px;
	border-bottom: 1px dotted #ccc;
	
}
.board p{
	padding-left: 15px;
	padding-bottom: 10px;
	margin-top: -10px;
}
/* SHARE A RIDE
------------------------------------------------------- */

.share {
	width: 298px;
	background:url(../images/bkg_share_bottom.gif) no-repeat bottom left;
	margin-bottom: 5px;
	font-size: 105%;
	margin-left: 5px;
}
.share h3{
	background:url(../images/bkg_share_h3.gif) no-repeat top left;
	padding: 5px 5px 5px 10px;
	border-bottom: 1px dotted #ccc;
	
}
.share p{
	padding: 5px 5px 10px 15px;
	
	margin-top: -10px;
}

/* ITINERARY TABLE
------------------------------------------------------- */
table.itinerary {
	width: 600px;
	border: 1px solid #ccc;
	margin: 0px 5px 10px 5px;
	
	background: #fff;

	
}
table.itinerary caption{
	font-size: 110%;
	text-align: left;
	font-weight: bold;
	background: #E4E4E4;
	padding: 3px 0px;
	margin: 0px 5px 0px 5px;
	border-top: 1px solid #ccc;
}
table.itinerary caption.icons{
	font-size: 110%;
	text-align: left;
	font-weight: bold;
	background: #E4E4E4;
	padding: 3px 0px 3px 6px;
	margin: 0px -7px 0px 8px;
	border-top: 1px solid #ccc;

}
table.itinerary caption.icons span{
 	float: right;
	margin-top: -17px;
	padding-right: 0px;
}
table.itinerary th{
	padding: 3px 0px 3px 6px;
	color: #999;
	border-bottom: 1px dotted #ccc;
}
table.itinerary td{
	padding: 6px;
	
	
}

table.itinerarySm {
	width: 400px;
	border: 1px solid #ccc;
	margin: 0px 5px 0px 5px;
	
	background: #fff;

	
}
table.itinerarySm caption{
	font-size: 100%;
	text-align: left;
	font-weight: bold;
	background: #E4E4E4;
	color: #999;
	padding: 3px 0px 3px 6px;
	margin: 0px 5px;
	border-top: 1px solid #ccc;
}
table.itinerarySm th{
	padding: 3px 0px 3px 6px;
	color: #999;
	border-bottom: 1px dotted #ccc;
}
table.itinerarySm td{
	padding: 3px 0px 3px 6px;
	
	
}
.ms_board {
	border: 1px solid #ccc;
	padding: 8px 2px 5px 30px;
	background: url(../images/icon_commentLg.gif) no-repeat left top #FFFFC9;
	word-wrap: break-word;
}
.ms_board p.title {
	font-weight: bold;
		font-size: 115%;
}
.ms_board p.message {
	font-size: 100%;
		

}
.ms_board p.posted {
	font-size: 100%;
	font-weight: bold;

}
.ms_board_reply {
	margin: 6px 2px 0px 10px;
	background: url(../images/icon_comment.gif) no-repeat left top;
	padding-left: 15px;
}
.ms_board_reply p.reply{
		font-size: 100%;
	font-weight: bold;
}