/* 
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * MapQuest Content Stylesheet 
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * common presentation styles
 *
 * TOC
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * - html elements
 * - common presentation
 * - headers and footers
 * - alerts and messages
 * - ads and offers
 * - forms
 * - site sections
 */
 
/*
 * HTML ELEMENTS
 */
a, a:visited	{
	color: #00f;
}

address, cite	{
	font-style: normal;
}

body	{
	background: #fff;
	color: #272750;
	font: 78% verdana, arial, helvetica, sans-serif;
}

li, p, td, th	{
	color: #272750;
	font: 100% verdana, arial, helvetica, sans-serif;
}

form, h1, h2, h3, h4, h5	{
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
}
	
h1	{
	font-size: 142%;
	font-weight: bold;
}
h2	{
	display: inline;
}
h2, h3, h4, h5	{
	font-size: 100%;
}
h3	{
	margin-top: 10px;
}

hr	{
	border-top: 2px solid #272750;
	background: transparent;
	color: none;
}

img	{
	border: 0;
}

p	{
	margin: 5px 0;
}

ul	{
	list-style: disc;
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

/*
 * COMMON PRESENTATION
 */
.disb	{
	display: block;
}
.disi	{
	display: inline;
}

.disclaimer {/* disclaimer-legal usually listed under maps */
	margin: 10px 10px 0 10px;
	font-size: 70%;
}
.disclaimer img	{
	margin-right: 5px;
	vertical-align: middle;
}
.disclaimer a img	{
	diplay: block;
	text-align: right;
	vertical-align: middle;
}

.faded	{
	color: #666;
}

.hide	{
	display: none;
}
 
h2 img	{
	margin: 1px 5px 1px 4px; 
	vertical-align: middle;
}

.location span, .startend span	{
	font-weight: bold;
	font-size: 105%;
}

.startend img	{
	float: left; 
	margin-right: 8px;
	margin-left: 6px;
}
.startend p	{
	margin: 0 0 10px 46px;
}

ul.plain	{	
	list-style: none;
	margin: 5px 0;
	padding-left: 0;
	text-indent: 0;
}

ol.searches li	{margin: 0;}
ol.searches, ul.searches	{/* recent search listings - icon assigned in SITE SECTIONS */
	margin: 0 0 0 11px;
	padding-left: 11px;
}

ul.searches li	{
	margin: 5px 0 10px 0;
}
ul li h3	{
	display: inline;
}

/* backgrounds */
.bga	{
	background: #e3e5c7;
}
.bgb	{
	background: #f0f3dc;
}
.bgc	{/*beige*/
	background: #f7f7ea;
}
.bge	{/*light beige*/
	background: #fdfdf7;
}
.bgj	{/*lt blue*/
	background: #bfe8ff;
}
.bgk	{/*ed grey*/
	background: #ededed;
}
.bgacrv	{/*dk beige*/
	background: #e3e5c7 url(http://cdn.mapquest.com/mqsite/bg-curve-a) no-repeat right top;
	border-bottom: 1px solid #f8f8f1;
	padding: 2px 3px;
}
.bgbcrv	{/*lt beige*/
	background: #f0f3dc url(http://cdn.mapquest.com/mqsite/bg-curve-b) no-repeat right top;
	padding: 2px 3px;
}

/* containers */
.listings div em	{
	display: block;
	float: left;
	font-weight: bold;
	font-style: normal;
	width:37px;
}
.listings div div	{
	margin: 0 0 20px 0px;
	line-height: 1.2em;
	width: 478px;
	float: left;
}

.panel	{
	margin: 1px 0 10px 0;
	border: 1px solid #ccc;
	padding: 5px 26px 10px;
}

.section	{
	margin: 10px 0;
}

.sectionbar	{
	padding: 4px;
}

img.padded	{
	margin: 10px;
}

/* text */
.bigger	{
	font-size: 105%;
}
.smaller	{
	font-size: 90%;
}
.fine	{
	font-size: 75%;
}
.nowrap	{
	white-space: nowrap;
}

/* text position */
.textc	{
	text-align: center;
}
.textl	{
	text-align: left;
}
.textr	{
	text-align: right;
}


/*
 *  HEADERS AND FOOTERS
 */
#footer, #providers	{
	background: #e3e5c7;
	padding-left: 7px;
}
#footer h5, #providers	{ 
	font-size: .77em; 
	font-weight: normal;
	letter-spacing: normal;
}

#providers img	{
	margin: 1px 10px 1px 0;
	vertical-align: middle;
}

#titlebar	{
  height: 26px;
	background: #e3e5c7;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 5px;
}
#titlebar h1	{
  float: left;
	margin: 2px 10px 0 3px;
}
#titlebar div {
  line-height: 2em;
  vertical-align: middle;
}


/*
 * ALERTS AND MESSAGES
 */

.alert	{
	color: #900;
}
 
.alertinfo	{/* [i] info circle */
	position: relative;
	background: transparent url(http://cdn.mapquest.com/mqsite/icon-alert-info-18) 1px 0 no-repeat;
	padding-left: 25px;
	height: 22px;
}

.alertwarning	{/* [!]triangle */
	position: relative;
	background: transparent url(http://cdn.mapquest.com/mqsite/icon-alert-warning-20) left top no-repeat;
	padding-left: 25px;
   padding-bottom: 7px;
}

.alertwarning-sm	{/* small [!]triangle */
	position: relative;
	background: transparent url(http://cdn.mapquest.com/mq/icon_warning_small) 0 2px no-repeat;
	padding-left: 20px;
	height: 20px;
}

.redstar	{
	position: relative;
	background: transparent url(http://cdn.mapquest.com/mqsite/icon-star) 4px 2px no-repeat;
	padding-left: 25px;
	padding-bottom: 5px;
}

#dirman .alertwarning	{
	background-color: #ededed;
	margin: 4px 0 0;
	padding-top: 2px;
	padding-bottom: 5px;
}

/*
 * ADS AND OFFERS 
 */

/* other and related offers */
dl.offers dt	{
	font-weight: bold;
}
dl.offers dd	{
	margin: 5px 0;
}

/* GOOGLE ADS */
/* right-hand text ad stack*/
#googleada	{margin-top: 15px;}
#googleada div div	{/* default white/white (background/border)*/
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	background: #fff;
	padding: 2px 3px;
	margin-bottom: 14px;
	cursor: hand;
}
#googleada div div a.adlink, 
#googleada div div a.adlink:visited	{color:#008100}
#googleada div div p	{margin: 0;}
#googleada div.theme1 div	{border-color: #b4d0dc; background: #ecf8ff;}/*lt blue-blue*/
#googleada div.theme2 div	{border-color: #ddb7ba; background: #fff5f6;}/*pink-red*/
#googleada div.theme3 div	{border-color: #a8dda0; background: #e0ffe3;}/*lt green-green*/

/* under map-ddir text ads*/
#googleadb				{padding: 5px 10px;	margin-bottom: 5px;}
#googleadb div			{width: 48%; margin: 5px 0;}
#googleadb div div	{margin-left: 44px;}
#googleadb div div p	{margin: 0;}

.promo	{
	margin: 5px 0 5px 0;
}
#header .promo	{
	margin: 0 0 10px 15px;
}

/*
 * FORMS
 */
input.submit	{
	margin: 8px 0 0;
}

.panel form	{
	margin-top: 10px;
	width: 338px;
	background: transparent;	
}

#mobile .panel form	{
	width: auto;
}

form .mqmobile input {
	width: 200px;
	display: inline;
}
form .mqmobile span	{
	font-size: 90%;
}

form.offers	{
	margin: 5px 0;
	padding-top: 4px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
form.offers select	{
	width: 110px;
}
form.offers input	{
	margin: 1px 0 3px 15px;
}

form#resultsort select	{
	width: 175px;
}

.addyform label	{
	position: relative;

}
.addyform select, select#country	{
  width: 335px;
}

label span	{
	font-size: 90%;
}

.csz div	{
	float: left;
}
.dcity	{
	width: 205px;
}
.dcity input	{
	width: 184px;
}
.dcity2	{
	width: 200px;
}
.dcity2 input	{
	width: 184px;
}
/* is used?*/
input.city3	{
	width: 332px;
}
/* -- */

.dcity4	{
	width: 227px;
}
.dcity4 input	{
	width: 210px;
}
.dcity5	{
	width: 220px;
}
.dcity5 input	{
	width: 209px;
}

.dstate	{
	width: 50px;
}
.dstate input	{
	width: 30px;
}
.dstate2	{
	width: 57px;
}
.dstate2 input	{
	width: 30px;
}
.dstate3	{
	width: 70px;
}
.dstate3 input	{
	width: 65px;
}

.dtown	{/*europe city label*/
	width: 256px;
}
.dtown input	{/*europe city input*/
	width: 214px;
}

.dzip, .dzip2	{
	width: 75px;
}
.dzip input, select.tofrom	{
	width: 75px;
	margin: 0;
}

/* is used?*/
input.zipcode4	{
	width: 106px;
	margin: 0;
}
/* -- */


input, select	{
	margin: 0 0 3px 0;
}
input.address	{
	width: 332px;
}
input.address2	{
	width: 285px;
}
input.category	{
	width: 332px;
}

.radio label	{
	margin-right: 5px;
}
.radio label, .radio input	{
	display: inline;
	padding-bottom: 5px;
	vertical-align: middle;
}

.recent label	{
	display: inline;
}
.recent select	{
	width: 275px;
}
.recent2 label	{
	display: inline;
}
.recent2 select	{
	width: 235px;
	margin: 14px 0 0 0;
}	

/* settings page */
.dsettings div	{
	float: left;
}
.dsettings div.l	{
	width: 150px;
}
.dsettings div.l input, .dsettings div.l select	{
	width: 140px;
}
.dsettings div.l select	{
	margin-right: 16px;
}
.dsettings div.r	{
	width: 170px;
}
.dsettings div.r input, .dsettings div.r select	{
	width: 159px;
}

form.settings div.textc input	{
	font-size: .85em;
	margin-top: 15px;
}

/* lat-long form*/
.deg div {
	float: left; 
	vertical-align: bottom;
}

.coor div	{
	float: left;
}

.dlabel	{
	width: 110px;
}
.dlabel label	{
	display: inline;
}

.dcoor, .dcoor input	{
	width: 210px;
	margin-top: 7px;
}

.ddeg, .dmin, .dsec	{
	width: 75px;
}

input.deg	{
	width: 60px;
	margin: 0 5px 0 0;
}
input.min	{
	width: 60px;
	margin: 0 5px 0 0;
}
input.sec	{
	width: 60px;
	margin: 0 5px 0 0;
}

/*driving directions panels*/
#ddform .alertwarning-sm select	{
	width: 312px;
	background: #ffa;
}

#ddform .dcity	{
	width: 143px;/*126*/
}
#ddform .dcity input	{
	width: 120px;/*104*/
}

#ddform .dtown	{
	width: 215px;
}
#ddform .dtown input	{
	width: 189px;
}
#ddform .dstate	{
	width: 85px;
}
#ddform .dstate input	{
	width: 30px;
	margin: 0;
}
#ddform .dzip		{
	width: 108px;
}
#ddform .dzip input	{
	width: 104px;
}

#ddform .recent	{
	margin-top: 12px;
}

/* map results get dirs panel */
form#getdirs	{
	margin: 0;
	padding: 0;
	width: 100%;
}

#getdirs input.address {
	width: 280px;
}
#getdirs .dcity	{
	width: 206px;
}
#getdirs .dstate	{
	width: 50px;
}
#getdirs input.city	{
	width: 184px;
	margin: 0 18px 0 0;
}
#getdirs input.state	{
	width: 60px;
	margin: 0;
}
#getdirs .recent	{
	margin-top: 12px;
	vertical-align: middle;
}
#getdirs .recent select	{
	width: 220px;
}


/* interactive maps */
#mapi	{
	margin-top: 1px;
	padding-left: 1px;
	padding-right: 1px;
	border: 1px solid #ccc;
}
#mapi .mapwrapper	{
	float: left;
	margin: 5px 5px 5px 0;
}
#mapi .mapwrapper .map	{
	width: 485px;
}
#mapi .zoomwrapper	{
	float: left;
	width: 35px;
}
#mapi .zoomwrapper div	{
	margin-top: 23px;
}
#mapi .zoomwrapper div img  {/*stack zoom buttons*/
  display: block;
  cursor: hand;
  background: #ccf;
}
#mapi #zoom img.over, #mapi #zoom img.this, #mapi #zoom img:hover {
   background: #339;
}

/*
 * SITE SECTIONS
 */
 
/* driving directions */
#dirs .dirsicons ul.searches	{
	list-style: disc outside url(http://cdn.mapquest.com/mqsite/icon-dirs-14);
}

#dirs #formpage .panel div.addyform	{
	padding-top: 10px;
}
#dirs #formpage div.addyform div.static	{/* prefilled static address */
	padding-top: 10px;
	padding-left: 70px;
	padding-bottom: 5px;
}
/* find nearby bar */
#dirs #nearby img	{
	float: left;
	margin: 0 4px;
}
#dirs #nearby div	{
	margin-left: 36px;
}

#dirs #nearby input, #dirs #nearby select	{
	display: inline;
	width: 124px;
	font-size: 85%;
}
#dirs #nearby input.search	{
	width: 55px;
}

/* drving directions and maneuver maps */
#dirman table	{
	border: 0;
	width: 100%;
	margin: 5px 0 0;
}

#dirman th h3	{
	display: inline;
	margin: 0 10px 0 5px;
}
#dirman th p	{
	font-weight: normal;
	display: inline;
}
#dirman th	{
	font-weight: bold;
	text-align: left;
	font-size: 85%;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

#dirman td	{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-right: 5px;
}
#dirman td.rs	{
	padding-left: 5px;
	padding-right: 3px;
}
#dirman td.num	{
	font-weight: bold;
	text-align: right;
}
#dirman td.manmap	{
	text-align: center;
	margin: 0;
	padding-bottom: 0;
}

#dirman tfoot b	{
	margin-left: 10px;
}
#dirman tfoot span	{
	margin-left: 25px;
}
#dirman tfoot td	{
	padding: 10px 0;
}

#dirman tr	{
	vertical-align: top;
}

/* find it */
#maps .finditicons ul.searches	{
	list-style: disc outside url(http://cdn.mapquest.com/mqsite/icon-findit-14);
}

#maps .alphabar	{/*#findit*/
	text-transform: uppercase;
	letter-spacing: -1px;
}

#maps .alphabar, #maps .listingnav	{/*#findit*/
	margin: 5px 37px 10px;
}
#maps .listingnav form, #maps .listingnav p	{/*#findit*/
	float: left;
	width: 50%;
}
#maps .listingnav div.prevnext	{/*#findit*/
	float: right;
	text-align: right;
}

/* maps */
#maps .mapsicons ul.searches	{
	list-style: disc outside url(http://cdn.mapquest.com/mqsite/icon-maps-14);
}
#maps #nearby img	{
	float: left;
	margin: 3px 3px 0 0;
}
#maps #nearby div.fine	{
	width: 90px;
	float: left;
}
#maps #nearby div.form	{
	width: 417px;
	margin-top: 3px;
	float: right;
}
#maps #nearby input, #nearby select	{
	width: 150px;
	display: inline;
	font-size: 85%;
}
#maps #nearby input.search	{
	width: 75px;
}

#maps .panel	{
	width: auto;
	margin: 1px 0 10px;
}

#maps #tofrom	{
	padding: 5px;
}
#maps #tofrom .dirwrapper	{
    margin-left: 5px;
	float: left;
}
#maps #tofrom .dirwrapper form	{
	width: 310px;
}
#maps #tofrom .searchwrapper	{
	width: 181px;
	float: left;
	border-left: 1px solid #ccc;
}
#maps #tofrom .searchwrapper div	{
	margin-left: 20px;
}
#maps #tofrom ul	{
	padding-left: 8px;
	margin-left: 8px;
}
#maps #tofrom p	{
	margin: 15px;
}

/* listing/results pages */
#results address	{
	display: inline;
}
#results .main p, #results .listings em, #results .listings b	{
	font-size: 108%;
}

/* subpages (pop-ups) */
#subpage	ul {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#subpage ul li	{
	font-size: 105%;
	font-weight: bold;
}

#subpage ul li ul, #subpage ul.states	{
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-indent: 0;
}

#subpage ul li ul li	{
	font-size: 100%;
	font-weight: normal;
}
#subpage ul.states li	{
	font-size: 100%;
	font-weight: normal;
	margin-bottom: 4px;
}
#subpage ul.states a	{
	float: right;
}
