/* dark brown: 704a2c */
/* medium brown: 9c826e */
/* light brown: b7a495 */
/* very light brown: ebe1d8 */
/* super light brown: ece5e1 */


/*----------- PLANNER RULES ---------*/

H2.planner {

	margin: 8px 0 8px 0;
	font: 18px georgia, times, "times new roman", serif;
	text-align: left;
	color: #7D5A3F;
	line-height:200%;
}
H3.planner {

	margin: 8px 0 8px 0;
	font: 18px georgia, times, "times new roman", serif;
	text-align: left;
	color: #000;
	/*line-height:200%;*/
}


DIV.elements{

	margin: 0em 2em;
	line-height:2.0em;
}

DIV.elements INPUT.fradio{

	margin-right:1em;
}

DIV.buttonPanel{

	padding: 2em 0;
	white-space:nowrap;
	text-align:right
}
DIV.buttonPanelUpper{

	padding: 0.5em 0;
	white-space:nowrap;
	text-align:right;
}

DIV.buttonPanel INPUT.fsub, DIV.buttonPanelUpper INPUT.fsub{

	width:9em;
	font-family: georgia,times,times new roman,serif;
	font-size: 13px;
	background-color:#ece5e1;
	color:#704a2c;
}

DIV.buttonPanel INPUT.fsub:hover, DIV.buttonPanelUpper INPUT.fsub:hover{
	width:9em;
	font-family: georgia,times,times new roman,serif;
	font-size: 13px;
	background-color:#ebe1d8;
	color:#704a2c;
/*	border:1.5px solid #704a2c;*/
/*	border:1.5px solid #b7a495;*/
}

DIV.adminSave{
	float:right;
}

DIV.buttonPanelTop{

	padding: 0.5em 0;
	text-align:center;
}


DIV.buttonPanelTopSingle{

	padding: 0.5em 0;
	text-align:right;
}

DIV.buttonPanelTop INPUT.fsub, DIV.buttonPanelTopSingle INPUT.fsub {

	width:35em;
/*	font-family: georgia,times,times new roman,serif;
	font-size: 13px;*/
	background-color:#ece5e1;
	color:#704a2c;
}

DIV.checkboxPanelTop{

	padding: 0.5em 2em;
	text-align:right;
	font-style:italic;
}

DIV.checkboxPanelTop INPUT{

	margin-left:1em;
}

SELECT.fselNoWidth {

	font-family: georgia,times,times new roman,serif;
	font-size: 12px;
}

SPAN.flabel{ 

	margin:0 0.5em;
}

BLOCKQUOTE.planner{

	padding:1em;

}

/* ====================== Progress LH Sidebar =============== */

#plannerProcess {

	float: left;
	padding: 0 0 0 10px;
	width: 216px !important;
	width /* ie 5 only */: 226px;
}

ul.stepList {

	background-color:#ece5e1;
	margin-bottom: 10px;
	list-style-type: none;
	padding: 0;
}
ul.stepList li {

	padding: 0;
	color:#fff;
	border-bottom: 1px solid #fff;
}
ul.stepList DIV.step {

	font-weight:bold;
	margin-right:1em;
	display:inline;
}
ul.stepList li.current {

	padding: 4px 10px;
	color:#000;
	background-color: #fff;
	font-weight:bold;
}
ul.stepList li.standard {

	padding: 4px 10px;
	color: #704a2c;
	background: 0;
	font-weight:normal;
}

li.standard a:visited, li.standard a:link{

	text-decoration:none;
	background-color:#ece5e1;
	border:0;
}

li.current a:visited, li.current a:link{

	text-decoration:none;
	background-color:#fff;
	border:0;
}

.plannerProcessTitleBar{

	padding:5px;
	background-color:#b7a495;
	color:#fff;
	font-weight:bold;
}

.plannerProcessItems{

	padding:10px;
	background-color:#ece5e1;
	border-bottom:1px solid #fff;

}
.plannerProcessSubTitle{

	font-family: georgia,times,times new roman,serif;
	font-size: 11px;
	font-weight:bold;
	color:#000;
}
/*
.plannerProcessItems ul {

	
	margin-bottom: 10px;
	list-style-type: none;
	padding: 0;
}

.plannerProcessItems li {

	font-family: georgia,times,times new roman,serif;
	font-size: 11px;
	color:#000;
	margin-left:2em;
}
*/
.plannerProcessItems td {
  
	font-family: georgia,times,times new roman,serif;
	font-size: 11px;

}
.plannerProcessControl{
  
        white-space:nowrap;  
}

TD.plannerProcessItem{
 
    padding-top:.5em;
}
.plannerProcessItems a:visited,.plannerProcessItems a:link{

	text-decoration:none;
	border-bottom:none;
	font-family: verdana,sans-serif;
	font-size: 6pt;
	background-color:#fff;
        white-space:nowrap;  

}
/* ====================== Step 1 =============== */
#plannerpageleft {

	float: left;
	padding: 20px 20px  200px 30px;
	margin: 0 10px  0 0px;
	width: 490px !important;
	width /* ie 5 only */: 350px;
	border-right:1px solid #aaa;
}
#plannerpageright {

/*	float: left;*/

	padding: 20px 0 0 7px;
/*	width: 605px !important;*/
/* 	width  *//* ie 5 only *//*: 615px; */
}

/* ====================== Step 2 & 3 =============== */

DIV#plannerSelectors{

	padding-bottom:1.5em;
}

DIV#plannerListing{

	padding-top:1.5em;
}

HR.plannerListing{

	color:#ebe1d8;
	background-color:#ebe1d8;
	width:100%;
	height:1px;    
}

TABLE.plannerListingItem{

	padding: 1em 0;

}

TD.plannerListingImage{

	padding-top:10px;
	padding-right:20px;
	vertical-align:top;
	border-bottom: solid 1px #ece5e1;
	
}	
TD.plannerListingImage A {

	border:none;
}

TD.plannerListingText{

	padding:10px;
	border-bottom: solid 1px #ece5e1;

}
DIV.plannerListingMap{

	text-align:center;
	margin:3em 0;
}

DIV.readMore{

	margin-top:5px;
	text-align:right;
	margin-bottom:10px;
}

FORM#planner_form H4{

	margin: 1em 0;
}

DIV#plannerGalleryLogo {

	float:right;
	padding:0.5em 1em 0 0;
}
DIV#plannerMenuBar{

	width:450px;
	padding:5px;
	background-color:#b7a495;
	color:#fff;
	font-weight:normal;
	font-family: georgia,times,times new roman,serif;
	font-size: 12px;
	text-align:center;
	margin-bottom:1em;
}

DIV#plannerMenuBar .current{

	text-decoration:underline;
}

DIV#plannerMenuBar a:link,DIV#plannerMenuBar a:visited,DIV#plannerMenuBar a:active{

	background-color:#b7a495;
	color:#fff;
	text-decoration:none;
	border:0;
}

DIV#plannerMenuBar a:hover {

	background-color:#b7a495;
	color:#fff;
	text-decoration:none;
	border:0;
}

/* ====================== Step 4 =============== */

TABLE.plannerItineraryItems{

	background-color:#ece5e1;
	margin:5px 0;
	
}

TD.plannerOrderers{

	vertical-align:top;
	/*text-align:right;*/
	background-color:#fff;
	padding:10px;
	
}

TD.plannerOrderers A:link, TD.plannerOrderers A:visited{

	text-decoration:none;
	border-bottom:0;
}

TD.plannerItineraryItem{

	padding:5px;
}

TD.plannerItineraryItem A:link, TD.plannerItineraryItem A:visited{

	text-decoration:underline;
	border:0;
	background:0;
}

DIV.plannerItineraryItemName{

	font-weight:bold;
	width:100%;
}
DIV.plannerItineraryNote{

	font-style:italic;
	font-size:80%;
	padding:.5em 0 .5em 1em;
}

OL.planner {

	margin:0;
	padding:0 1.5em 1em 1.5em;
}

OL.planner LI { 

	padding:0.5em 0;
}

DIV.plannerTypeOptions{  

/* container for dynamic radio groups */

/*	padding:1em 0 0.5em 1em;
	line-height:1.5em;*/
}
SPAN.plannerItineraryCompany {
	
/* company labels in dynamic radio groups */

	margin-left:0.5em;
	font-size:8pt;
}
SPAN.plannerItineraryCompany a:link,SPAN.plannerItineraryCompany a:visited{

	text-decoration:none;
	border:none;
}

/* ====================== Step 5 =============== */

DIV.plannerDate{

	background-color:#ece5e1;
	margin:1em 0;
	padding:0px 0px;
	width:95%;
	/*line-height:2.5em;*/
	white-space:nowrap;
	border:1px solid #704a2c;

}
DIV.plannerDateContent{
	
	padding:5px;
}

DIV.plannerDate P{

	margin:0.5em 0 0 0;
	font-size:8pt;
	padding:2px;
}
DIV.plannerDateTitle{

	font: 14px georgia, times, "times new roman", serif;
	text-align: left;
	padding:3px 0 3px 10px;
	/*line-height: 100%;*/
	color: #fff;
background-color:#7D5A3F;
}
SPAN.plannerDateText{

}
SELECT.fselNumber{

	width:4em;
}
SELECT.fselMonth{

	width:8.5em;
}

SELECT.fselYear{

	width:6.5em;
}
SELECT.fseltrans{

	width:18em;
}

SELECT.fselagent{

	width:18em;
}
	
SELECT.fselRooms{

	width:40em;
	background-color:#fff;
}
DIV.plannerDate B{

	font-weight:normal;
	margin-left:1em;
}
SPAN.plannerDateDepart{

	margin:0 0;
	color:#704a2c;
}
/* ====================== Step 6 =============== */

TABLE#plannerReservation {

	padding:20px 15px;
}
TABLE#plannerReservationDetails{
	
	margin-top:1em;	
}
	
TABLE#plannerReservationDetails INPUT.ftxt{

	background-color:#ece5e1;
	width:15em;
}
TABLE#plannerReservationDetails INPUT.fltxt{

	background-color:#ece5e1;
	width:250px;
	margin-left:2em;
}
TABLE#plannerReservationDetails TEXTAREA.ftxt{

	background-color:#ece5e1;
	width:15em;
}

TABLE#plannerReservationDetails TD.fvalue{

	padding:0 0 10px 10px;
}

TABLE#plannerReservationDetails TD {

	font: 12px georgia, times, "times new roman", serif;
	vertical-align:top;
	white-space:nowrap;
}

TABLE#plannerReservationBooking TD {

	font: 12px georgia, times, "times new roman", serif;
	text-align:justify;
}

TABLE#plannerReservationBooking TD.fvalue{

	padding:5px;
	vertical-align:top;
}

TABLE#plannerReservationDetails DIV.steps{  
	margin: 0 0 8px 0;
	font: 18px georgia, times, "times new roman", serif;
	text-align: left;
	color: #7D5A3F;
}
TABLE#plannerReservationDetails DIV.header{  
	margin: 0 0 .5em 0;
	font: 16px georgia, times, "times new roman", serif;
	text-align: left;
	text-weight:bold;
}

TABLE#plannerReservationDetails SPAN.agent_name A:link{  
	border:0;
	text-decoration:none;
}
TABLE#plannerReservationDetails SPAN.agent_name A:visited{  
	border:0;
	text-decoration:none;
}
TABLE#plannerReservationDetails SPAN.agent_name A:hover{  
	border:0;
	text-decoration:none;
	background-color: #7D5A3F;
	color:#fff;
}
	
										
DIV#plannerItineraryHeader{

/*	width:100%;*/
	padding:7px;
	background-color:#b7a495;
	color:#fff;
	margin-bottom:-1em;
}
DIV.plannerItineraryHeaderDates{

	/*float:left;*/
}
DIV.plannerItineraryHeaderPrice{ 

	float:right;
}

SPAN.plannerItineraryHeaderLabel {

	/* Dates and Total Labels */

	font-weight:bold;
}

DIV.plannerItineraryAccomodation{ 

	/* Each item block (also type service below */

	background-color:#ece5e1;
	margin:.5em 0;
}
DIV.plannerItineraryActivity{ 

	/* Each item block (also type service below */

	background-color:#ece5e1;
	margin:.5em 0;
}

DIV.plannerItineraryService{ 

	/* Each item block  */

	background-color:#eee;
	padding:5px;
}

DIV.plannerItineraryTransport{ 

	/* Each item block  */

	background-color:#eee;
	padding:5px;
}

DIV.plannerItineraryCompany{

	/* company name for each item */
	color:#704a2c;
	/*color:#9c826e;*/
	background-color:#ebe1d8;
	font: 16px georgia, times, "times new roman", serif;
	padding:5px;
}
P.plannerItineraryDetail{

	margin:10px 0 0 5px;
}

SPAN.plannerItineraryDescription{


}
SPAN.plannerItineraryPlacename{

color:#9c826e;
}

SPAN.plannerItineraryLabel{

	/*labels per item; eg: Date, Price, Sub total */
	font-weight:bold;
	color:#704a2c;
	margin-right:0.5em;
}

TABLE#plannerReservation INPUT.fsub{

	width:8em;
}
SPAN.plannerItineraryMissing{
	
	color:#900;
text-transform:uppercase;
}

DIV.logoutMsg{

text-align:center; 
background-color:#fff;
float:right;
	color:#9c826e;
	padding:5px 5px 5px 20px;
	width:6em;
margin-right:-3em;
margin-left:2em;
font-size:8pt;
/*white-space:nowrap*/;
display:inline;
/* border-bottom:1px solid #704a2c; 
border-right:1px solid #704a2c;*/
}

DIV.packageItem{

padding:2em 0;
}
DIV.packageItemTitle{


}
DIV.packageItemDescription{


}
/* ====================== Step 7 - dps =============== */

TABLE#invoiceItinerary{

width:100%;
}

.invoice{

	margin:1em 0;
}

TABLE.invoice th{

text-align:left;
}
#invoiceDetails td {

	padding-left:2em;
}
TABLE.invoice td.label{

background-color:#eee;
padding:0.5em;
}
TD.item{

border-bottom:solid 1px #999;
}

TD.subtotal{

text-align:right;
border-bottom:solid 1px #999;
}
.invoice td.field{

/*width:50px;*/

}
TABLE.item{ width:100%; }

.tip{ 

	font-style:italic;
	font-size:8pt;
	color:#704a2c;	
}
P.blockquote{
	
	padding-left:2em ;
	padding-right:2em ;
	font-style:italic;
}