/**
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * MapQuest Promos Stylesheet
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * promo presentation
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * TOC
 * - promo containers
 * - promo styles for prmo1 types
 * - common presentation
 */

/**
 * =PROMO CONTAINERS
 */
.prmocat .half
{
	width:  48%;
}

.prmo1 .panel, .prmocat .panel, .prmo2 .panel, #maps .prmo2 .panel
{
	margin:     4px 0 0;
	padding:    5px;
}
.prmo1 .panel div.icon
{
	padding-left:	60px;
}

.prmo2 .panel
{
    position:   relative;
}
.prmo2 .panel
{
    min-height: 65px;
}
* html .prmo2 .panel
{
    height: 65px;
}

.prmo2 .panel img
{
    position:   absolute;
    top:        0;
    left:       0;
}
.prmo2 .panel div
{
    margin-left:    65px;
}

.prmotip .panel
{
	margin:     0;
    padding:    0 5px;
}
.prmotip .panel div.icon
{
	padding-right:	60px;
	padding-bottom:	75px;
	background:		transparent url(http://cdn.digitalcity.com/mqsite/promo-icon-tip) no-repeat 100% 0;
}

/**
 * =PROMO STYLES FOR PRMO1 TYPES
 */
/* =airports */
.pairports .panel
{
	background: transparent url(http://cdn.digitalcity.com/mqsite/promo-icon-airplane) no-repeat 2px 2px;
}
/* =home page find it */
.pfindit
{
	background:	transparent url(http://cdn.digitalcity.com/mqsite/promo-icon-mag_glass-home) no-repeat 2px 2px;
}

/* =landmarks */
.plandmarks .panel
{
	background:	transparent url(http://cdn.digitalcity.com/mqsite/promo-icon-liberty) no-repeat 2px 2px;
}
/* =searches */
.psearches .panel
{
	background:	transparent url(http://cdn.digitalcity.com/mqsite/promo-icon-tickets) no-repeat 2px 2px;
}
/* =us cities */
.pcities .panel
{
	background:	transparent url(http://cdn.digitalcity.com/mqsite/promo-icon-map-us) no-repeat 2px 2px;
}

/* =tip: send to phone */
.ptipphone
{
	background:	transparent url(http://cdn.digitalcity.com/mqsite/promo-background-sendtophone) no-repeat 0 100%;
}
/* =tip: find nearby businesses */
.ptipfindit
{
	background:	transparent url(http://cdn.digitalcity.com/mqsite/promo-background-findnearby) no-repeat 0 100%;
}

/**
 * =COMMON PRESENTATION
 */
/* =heading bar */
.prmo1 .bgbcrv p, .prmocat .bgbcrv p, .prmo2 .bgbcrv p
{
	margin:			0 0 0 5px;
	font-weight:    bold;
}

/* =category lists */
.prmocat dl
{
	margin:     0 0 10px;
	padding:	0;
}
.prmocat dd
{
	display:	inline;
	margin:		0 3px 0 0;
	padding:	0;
}
.prmocat dd a, .prmocat dd a:visited
{
	color:	#999;
}
.prmocat dt
{
	margin:     0;
	padding:	0;
}
.prmocat dt a, .prmocat dt a:visited
{
	color:			#252650;
	font-weight:	bold;
}
.prmocat .panel
{
    border:         1px solid #ccc;
    margin-bottom:  0;
}

/* =tip list items */
.prmotip ol, .prmotip ul
{
	margin:     0 0 0 10px;
	padding:    0 0 0 10px;
}
 
/* =forms */
.prmo1 .panel form, .prmo2 .panel form
{
	width:      100%;
	margin:     0;
	padding:    0;
}
.prmo1 label, .prmo2 label
{
	display:    inline;
	margin:     0;
	padding:	0;
}
.prmo1 select, .prmo2 select
{
	width:	250px;
}
.prmo1 .pcsz, .prmo2 .pcsz
{
	width:		345px;
	margin:		0 auto;
	text-align:	center;
}
.prmo1 .pcsz div, .prmo2 .pcsz div
{
	text-align:	left;
}
.prmo1 .pcity, .prmo2 .pcity
{
	float:	left;
	width:	190px;
}
.prmo1 .pcity input, .prmo2 .pcity input
{
	width:	180px;
}
.prmo1 .pstate, .prmo2 .pstate
{
	float:	left;
	width:	50px;
}
.prmo1 .pstate input, .prmo2 .pstate input
{
	width:	40px;
}
.prmo1 .pzip, .prmo2 .pzip
{
	float:	left;
	width:	75px;
}
.prmo1 .pzip input, .prmo2 .pzip input
{
	width:	65px;
}

.prmo1 .psubmit, .prmo2 .psubmit
{
	float:	left;
	width:	30px;
}
.prmo1 input.submit, .prmo2 input.submit
{
	width:	25px;
}
.prmo1 .radio div, .prmo2 .radio div
{
	vertical-align:	middle;
}
.prmo1 .radio label, .prmo2 .radio label
{
	margin:     0;
	padding:    0;
}
.prmo1 .radio input, .prmo2 .radio input
{
	margin:     0;
	padding:	0;
	border: 	none;
}
.prmo1 p label, .prmo2 p label
{
    font-size:  1em;
}

/* =right panel variants */
.side .prmo1 select, .side .prmo2 select
{
	width:	200px;
}

.side .prmo1 .pcsz, .side .prmo2 .pcsz
{
	width:	295px;
}
.side .prmo1 .pcity, .side .prmo2 .pcity
{
	float:	left;
	width:	140px;
}
.side .prmo1 .pcity input, .side .prmo2 .pcity input
{
	width:	130px;
}

/* =home page variants */
#home .prmo1 select, #home .prmo2 select
{
	width:	180px;
}