/* ----------------------------- POPUP */
/* A popup is the DIV that appears above other content on the screen. */
/* Popup styles that are different for TRIP DETAILS vs. what's in styles.css */
div#popup {
  width: 99%;
	top: 10px;
	left: 140px;
}
div#popup p.help {
	font-size: 8pt;
	color: #666666;
	padding: 0 0 5px 0;
	margin: 0;
}
div#popup div.content {
	margin: 0;
}
div#popup div.buttons {
	margin: 0;
}
div#popup div.buttons h1 {
	margin: 0 10px;
	padding: 0;
	text-align: left;
}

div#popup div#toolbar  {
	border-bottom: 1px solid #CFD1C0;
	padding: 3px 10px 3px 15px;
	margin-bottom: 3px;
}
div#popup div#toolbar a {
	margin: 0 20px 0 0;
}	

div#popup div#toolbar a:hover {
	color: #0060B9;
	background: #FFFEE1;
}	

/* ----------------------------- TRIP DETAILS */

div.popup {
	width: 100%;
}

div.content {
	width: 100%;
}

div#popup div.content {
	margin:0;
	padding:0;
	border: 1px solid #CFD1C0;
	background-color: #fff;
	}
div#popup div.content table {
	border-collapse: collapse;
	margin: 0 0 0 10px;

}
div#popup div.content td {
	padding: 2px 2px 2px 2px;
	vertical-align: top;
}
div#popup div.content td, th {
}
div#popup div.content td p {
	padding: 0;
	margin: 0;
}
div#popup div.content th { 
	padding: 4px 2px 2px 2px;
	text-align: left;
	font-weight: normal;
	font-size: 10pt;
	vertical-align: middle;
	background-color: #E8EBD8;
}
div#popup div.content th p {
	margin: 0;
	padding: 0;
}
div#popup div.photo {
	float: right;
	text-align: right;
	margin: 0 10px 0 0px;
}
div#popup div.photo img {
	padding: 0;
	margin: 0 0 2px 0;
	border: 1px solid #666;
}
div#popup div.content ul {
	padding: 0;
	margin: 0 0 0 30px;
	list-style-type: none;	
}
div#popup div.content span.smaller {
	font-size: 9pt;
}
div#popup div.content h1.first {
	margin-top: 0;
}
div#popup div.content h2 {
	font-size: 11pt;
	font-weight: bold;
	color: #444;
	padding: 0;
	margin: 15px 0 5px 10px;
}
div#popup div.content p {
	margin: 3px 5px 3px 20px;
}
div#popup div.content table.costofthetrip {
	float: right;
	margin: 10px 10px 0 10px;
	border: 1px solid #CFD1C0;
	border-collapse: collapse;
}

div#popup div.content table.costofthetrip td {
	border-bottom: 1px solid #CFD1C0;
	padding: 2px 4px;
	text-align: right;
}

div#popup div.content table.costofthetrip th {
	padding: 2px 4px;
	border-bottom: 1px solid #CFD1C0;
}

div#popup div.content div.heading {
	background-color: #E8EBD8;
	margin: 15px 0 0px 0;
	padding: 5px 20px 5px 0;
}
div#popup div.content div.heading h1 {
	font-size: 12pt;
	font-weight: bold;
	color: #444;
	padding: 0;
	margin: 0;
}
div#popup div.content div.heading td {
	vertical-align: bottom;
}
div#popup div.content table.comments {
	margin-right: 10px;
}
div#popup div.content table.comments tr {
	border-bottom: 1px solid #eee;
}

div.graybutton a, div.bluebutton a {
	text-align: center;
	padding: 3px 10px;
	display: inline;
	margin: 0;
	text-decoration: none;
	white-space: nowrap;
}
div.graybutton a {
	border: 1px solid #8D8C8A;
	background-image:url(/images/buttongray.gif);
	color: #615E5C;
}
div.graybutton a:link, div.graybutton a:visited {
    color: #615E5C;
}
div.graybutton a:hover, div.graybutton a:active {
    color: #615E5C;
	background-image:url(/images/buttongray-hover.gif);
}

div.bluebutton {
	color: #fff;
}
div.bluebutton a {
/*	width: 60px; */
	border: 1px solid #406FA8;
	background-image:url(/images/buttonblue.gif);
    color: #fff;
}
div.bluebutton a#trip_join  {
	color: #fff; !important
}
div.bluebutton a:link, div.bluebutton a:visited {
    color: #fff;
}
div.bluebutton a:hover, div.bluebutton a:active {
    color: #fff;
	background-image:url(/images/buttonblue-hover.gif);
}