/**
 * BEGIN - add to travelpack popup styles...
 * Matt
 * vcard references are in the sidebar..
 */


/** travelpack details page - recommended places, travelpack map */
.recommended_place {
    position: relative;
}
.recommended_place span.add /**, li.vcard span.add **/
{
	float: right;
	position: absolute;
	top: 0;
	right: 0;
}
.recommended_place span.add a /**, li.vcard span.add a **/
{
	background-image: url(/i/widgets/travelpack-add-transparent.gif);
	width: 22px;
	height: 22px;
	float: right;
	margin-top: 6px;
}
.recommended_place span.add a:hover, .recommended_place span.add a:focus /**, li.vcard span.add a:hover, li.vcard span.add a:focus **/
{
	background-position: 0 -22px;
}

/** search **/
/** place/photo header 'add' button */
.DestinationInfoMain p.add a
{
	background: transparent url(/i/widgets/add-white-both.gif) no-repeat 0 0;
	width: 141px;
	height: 23px;
}
.AddTPK p.add a
{
	background-image: url(/i/widgets/add-white-both.gif);
	width: 141px;
	height: 23px;
	float: right;
	margin:0;
}
.CopyTPK p.add a
{
	background-image: url(/i/widgets/copy-white-both.gif);
	width: 141px;
	height: 23px;
	float: right;
	margin:0;
}


.AddTPK p.add a:hover, .AddTPK p.add a:focus, .CopyTPK p.add a:hover, .CopyTPK p.add a:focus, .DestinationInfoMain p.add a:hover, .DestinationInfoMain p.add a:focus
{
	background-position: 0 -23px;
}

/** travelpack widget */
div.travel_pack p.add {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	top: 1;
}
div.travel_pack p.add a {
	background-image: url(/i/widgets/travelpack-add-black.gif);
	width: 22px;
	height: 22px;
	float: right;
	margin-top: 6px;
}
div.travel_pack p.add a:hover, div.travel_pack p.add a:focus {
	background-position: 0 -22px;
}

/** place/photo header 'add' button */
div.place_header p.add a, div.media_header p.add a, p.add a
{
	background: transparent url(/i/widgets/add-to-travel-pack.gif) no-repeat 0 0;
	width: 147px;
	height: 27px;
}

/** travelpack header 'add' button */
div.travel_pack_header p.add a {
	background: transparent url(/i/copytp.gif) no-repeat 0 0;
	width: 148px;
	height: 27px;
	float: right;
}

span.add a img {
	float: none;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
	width: 17px;
	height: 17px;
	vertical-align: text-bottom;
}
/** END - add to travelpack popup styles... Matt */

.pop_up { 
position: absolute; 
width: 212px; 
background: #f5f6f8; 
border: 2px solid #111; 
/*right: 0;*/ 
/*top: 28px;*/ 
padding: 10px; 
z-index: 1000; }
	
.pop_up p { margin: 0 0 0.5em; position: relative; padding: 0 0 0 58px; }
	* html .pop_up p { height: 1%; } /* positioning fix for IE6 */
		.pop_up p label { width: 58px; padding: 0 8px 0 0; margin: 0; display: block; position: absolute; top: 0; left: 0; }
		.pop_up select, .pop_up input.new_tpk { width: 152px; }
		* html .pop_up input.new_tpk { font-size: 100%; }
		* + html .pop_up input.new_tpk { font-size: 100%; }
	.pop_up a.button { font-size: 11px; display: block; color: #fff; text-transform: uppercase; float: right; background: #000; padding: 0.3em 0.5em; text-decoration: none; letter-spacing: 0.1em; }
	.pop_up a.button:hover { color: #ffcb08; }
	/** why just under 'content' ?? **/
	/** #content .pop_up h3 { font-style: italic; font-size: 12px; color: #777; font-weight: normal; } **/
	.pop_up h3 { font-style: italic; font-size: 12px; color: #777; font-weight: normal; }
	.pop_up .error { color: red; padding-left: 0; }

.AddTPK .pop_up {
    /*top: 5px;*/
    right: 140px;
}

.AddTPK .pop_up, .CopyTPK .pop_up {
    top:0;
    right: 140px;
}

#decity #ze-main-header .pop_up, .section .pop_up{
    top:32px;
    right:0;
    position: absolute;
    z-index: 1000;
}

.single-tpk .pop_up {
    top:26px;
    right:4px;
}

#plantrip .pop_up {
    top:53px;
    right:265px;
}