/**
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * MapQuest Template Style Sheet
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * @ default page structure
 * @ common page layouts and presentation
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * TOC
 * - reset white space
 * - reset font defaults
 * - html elements
 * - header
 * - content well
 * - form pages
 * - subpages (pop-ups)
 * - settings page
 * - footer
 * - common presentation
 * - float clearing
 *
 */

/**
 * =RESET WHITE SPACE
 * @ for cross-browser consistency
 */
*
{
    margin:     0;
    padding:    0;
}
address, blockquote, dl, pre
{
    margin: 10px 0;
}
blockquote, dd
{
    margin-left:    40px;
}
body
{
    min-width:      765px;
    _width:         expression(document.body.clientWidth < 765 ? "765px" : "auto" );
    _width/**/:/**/ expression(document.documentElement.clientWidth < 765 ? "765px" :"auto");
}

h1, h2, h3, h4, h5, h6, p
{
    margin: 10px 0 0;
}
ol, ul
{
    margin: 0 0 10px;
}

/**
 * =RESET FONT DEFAULTS
 * @ for cross-browser consistency
 */
body
{
    background:     #fff;
    color:          #000;
    font-size:      62.5%;
    font-family:    verdana, arial, helvetica, sans-serif;
}
html>body
{   /*standardizes non-ie */
    font-size:  10px;
}
html, table
{   /* ie has math issues so this helps adjust for proper em scaling */
    font-size:  100%;
}
address, li, input, label, p, select, textarea, th, .para
{   /* restate font and color for browsers who have trouble remembering td, etc */
    color:          #000;
    font-size:      1.2em;
    font-family:    verdana, arial, helvetica, sans-serif;
}
blockquote p, li li, li input, li p, th p, td td
{   /* offset relative scaling of nested sized elements */
    font-size:  1em;
}

/**
 * =HTML ELEMENTS
 */
a, a:visited
{
    color:  #00f;
}
abbr, acronym
{
    border:             none;
    font-style:         normal;
    text-decoration:    none;
    cursor:             help;
}
address, cite
{
    font-style: normal;
}
fieldset
{
      margin:    0 0 10px;
      border:    none;
}
h1
{
    font-size:    1.8em;
}
h1, h2, h3, h4, h5, h6
{
    color:  #272750;
}
h2, .bga h2
{
    display:        inline;
    margin:         0 9px;
    padding-top:    1px;
    padding-bottom: 2px;
    font-size:      1.2em;
}
h3, h4
{
    margin:       0;
    font-size:    1.2em;
}

img
{
    border: 0;
}
ol, ul
{
    padding-left:    0;
}
li
{
    margin-left:    1.4em;
}
ul>li
{
    margin-left:    1.2em;
}

ul
{
    list-style: disc;
}

/**
 * =HEADER
 */
#mqheader
{
    position:   relative;
    width:      100%;
    background: transparent url(http://img.mqcdn.com/mqsite/hdr-bg-gradient) 0 100% repeat-x;
}

* html #mqheader
{
    margin-top: 5px;
}
#mqheader div
{
    width:      755px;
    margin:     0 0 7px 10px;
}
#mqheader ul
{
    float:          left;
    width:          378px;
    margin:         0;
    padding:        0;
    text-align:     center;
    list-style:     none;
}
#mqheader li
{
    display:        inline;
    margin:         0;
    padding:        0 0.3em 0 0.5em;
    border-right:   1px solid #272750;
    font-size:      1em;
    font-weight:    bold;
    text-align:     left;
}
#mqheader li.last, #mqheader li.logo
{
    border: none;
}
#mqheader li.logo
{
    display:    block;
    padding:    0;
}
#mqheader li a, #mqheader li a:visited
{
    color:              #272750;
    text-decoration:    none;
}
#mqheader li a:hover
{
    text-decoration:    underline;
}
#mqheader div.nav
{
    float:  left;
    width:  300px;
    margin: 0 0 5px;
}
#mqheader div.nav ul
{   /* maps and dirs icons */
    float:          none;
    width:          auto;
    margin-left:    28px;
}
#mqheader div.nav li
{
    float:      left;
    width:      80px;
    padding:    0;
    border:     none;
    font-size:  1.2em;
    text-align: center;
}
#mqheader div.nav li.dirs
{
    width:      96px;
}
#mqheader div.nav li span
{
    display:    block;
    margin-top: -3px;
    text-align: center;
}
* html #mqheader div.nav li span
{
    margin-top: 0;
}
#mqheader div.nav li a, #mqheader div.nav li a:visited, #mqheader div.nav li a:hover
{
    margin:             0;
    color:              #272750;
    text-decoration:    none;
}

/**
 * =CONTENT WELL
 */
#mqcontentwell
{
    background: transparent url(http://img.mqcdn.com/mqsite/cw-bg-lftside) 0 0 repeat-y;
}
#mqwrapper
{
    background: transparent url(http://img.mqcdn.com/mqsite/cw-bg-rtside) 100% 0 repeat-y;
}
#mqcontent
{
    margin: 0 16px 0 15px;
    _width: expression(document.body.clientWidth < 765 ? "auto" :"auto");
    _width/**/:/**/ expression(document.documentElement.clientWidth > 765 ? "auto" :"auto");
}

#mqtrimtop
{
    position:   relative;
    _width : expression(document.body.clientWidth < 765 ? "765px":document.body.clientWidth);    
    _width/**/:/**/ expression(document.documentElement.clientWidth < 765 ? "765px":document.documentElement.clientWidth);
    background: #fff url(http://img.mqcdn.com/mqsite/cw-bg-top) 0 0 repeat-x;
}
#mqtrimtop .l
{
    background: transparent url(http://img.mqcdn.com/mqsite/cw-bg-toplftcnr) 0 0 no-repeat;
}
#mqtrimtop .r
{
    height:     12px;
    background: transparent url(http://img.mqcdn.com/mqsite/cw-bg-toprtcnr) 100% 0 no-repeat;
}

#mqtrimbtm
{
    position:   static;
    _width : expression(document.body.clientWidth < 765 ? "765px":document.body.clientWidth);    
    _width/**/:/**/ expression(document.documentElement.clientWidth < 765 ? "765px":document.documentElement.clientWidth);
    background: #fff url(http://img.mqcdn.com/mqsite/cw-bg-btm) 0 0 repeat-x;
}
#mqtrimbtm .l
{
    background: transparent url(http://img.mqcdn.com/mqsite/cw-bg-btmlftcnr) 0 0 no-repeat;
}
#mqtrimbtm .r
{
    height:     16px;
    background: transparent url(http://img.mqcdn.com/mqsite/cw-bg-btmrtcnr) 100% 0 no-repeat;
}

.contentwidth
{   /* restrict content of fixed width pages outside of content wrapper */
    width:  734px;
}

/**
 * =FORM PAGES
 * @ default form, ambiguity, geodiff and search template
 */
#formpage
{
    width:  760px;
    _width : expression(document.body.clientWidth < 765 ? "735px":"auto");
    _width/**/:/**/ expression(document.documentElement.clientWidth < 765 ? "735px":"auto");
}
#formpage .main
{
    float:      left;
    width:      362px;
    margin-top: 5px;
}
#formpage .side
{
    float:      left;
    width:      372px;
    margin-top: 5px;
}
#formpage .side .well
{
    margin-left:    10px;
}
#formpage #ddform .side
{
    margin-top: 5px;
}
#formpage #farright
{
    float:      right;
    width:      195px;
    margin:     5px 0 0 0;
}
#farright .offers
{
  margin:    0 0 0 0;
}

/** 
 * =FORM PAGE SEARCH RESULTS WIDE 
 * @ support the wide pages with the google far right ad
 */
body.wide
{
    min-width:      970px;
    _width:         expression(document.body.clientWidth < 970 ? "970px" : "auto" );
} 
body.wide #mqpage
{
	width:    965px;
}

/**
 * =SUBPAGES (POP-UPS)
 */
body#popup, body#subpage
{
    min-width:  100%;
    width:      auto;
}
div.body
{
    margin: 10px;
}

/**
 * =SETTINGS PAGE
 */
#maps #settings .main
{
	width:	734px;
}
#settings .label
{
	float:		left;
	width:		228px;
}
#settings .options
{
	float:		left;
	width:		474px;
}
table.settings
{
	width:         100%;
	margin-bottom: 10px;
	border:        0;
}

/* =settings address */
.mainwrapper .content .main
{
	float:		left;
	margin-top:	5px;
}

/**
 * =FOOTER
 */
#mqfooter
{
    _width : expression(document.body.clientWidth < 765 ? "765px":document.body.clientWidth);
    _width/**/:/**/ expression(document.documentElement.clientWidth < 765 ? "765px":document.documentElement.clientWidth);
    padding:    5px 0px 10px 0px;
    background: transparent url(http://img.mqcdn.com/mqsite/ftr-bg-gradient) 0 100% repeat-x;
    color:      #868a4d;
}
#mqfooter ul
{
    list-style: none;
    margin:     0 3px 3px;
    padding:    0;
}
#mqfooter li
{
    display:        inline;
    margin:         0;
    padding:        0 0.2em 0 0.5em;
    border-right:   1px solid #868a4d;
    font-size:      1em;
}
#subpage #mqfooter li
{
    font-weight:    normal;
}
#mqfooter li.last
{
    border: none;
}
#mqfooter li a, #mqfooter li a:visited
{
    color:  #868a4d;
}
#mqfooter div
{   /* copyright */
    margin: 0 0 0 7px;
}

/**
 * =COMMON PRESENTATION
 */
/* display */
.disb
{
    display:    block;
}
.disi
{
    display:    inline;
}
.disn, .hide, .print
{
    display:    none;
}

.half
{
	float:	left;
	width:	50%;
}

/* =text */
.b
{
    font-weight:    bold;
}
.nowrap
{
    white-space:    nowrap;
}
.textc
{
    text-align: center;
}
.textl
{
    text-align: left;
}
.textr
{
    text-align: right;
}

/**
 * =FLOAT CLEARING
 */
.clear:after
{
	display:	block;
	visibility:	hidden;
	clear:		both;
	height:		0;
	content:	".";
}
.clear
{
	display:	inline-block;
}
/* show iewin, hide iemac \*/
* html .clear
{
	height:	1%;
}
.clear
{
	display:	block;
}
/* end hide */
.fltl
{
	float:	left;
}
.fltlnorp
{
    float:  left;
    width: 315px;
}
.fltlnandp
{
    float:  left;
    width: 268px;
}
.fltr
{
	float:	right;
}

/**
 * =AD TOGGLING
 */

body.rightad #mqheader
{
    position:   relative;
    _width: expression(document.body.clientWidth > 995 ? document.body.clientWidth :"995px");
    _width/**/:/**/ expression(document.documentElement.clientWidth > 995 ? document.documentElement.clientWidth :"995px");    
    background: transparent url(http://img.mqcdn.com/mqsite/hdr-bg-gradient) 0 100% repeat-x;
}

body.rightad #mqcontent
{
    margin: 0 0px 0 15px;
    width:  975px;
}

body.rightad #mqtrimtop
{
   position:    relative;
   _width: expression(document.body.clientWidth > 995 ? document.body.clientWidth :"995px");
   _width/**/:/**/ expression(document.documentElement.clientWidth > 995 ? document.documentElement.clientWidth :"995px");       
   background:  #fff url(http://img.mqcdn.com/mqsite/cw-bg-top) 0 0 repeat-x;
}

body.rightad #mqtrimbtm
{
    position:   static;
    _width: expression(document.body.clientWidth > 995 ? document.body.clientWidth :"995px");
    _width/**/:/**/ expression(document.documentElement.clientWidth > 995 ? document.documentElement.clientWidth :"995px");
    background: #fff url(http://img.mqcdn.com/mqsite/cw-bg-btm) 0 0 repeat-x;
}

body.rightad #formpage
{
    width:  956px;
}

body.rightad #mqcontentwell
{
    background: transparent url(http://img.mqcdn.com/mqsite/cw-bg-lftside) 0 0 repeat-y;
    _width: expression(document.body.clientWidth > 995 ? document.body.clientWidth :"995px");
    _width/**/:/**/ expression(document.documentElement.clientWidth > 995 ? document.documentElement.clientWidth :"995px");    
}
body.rightad #mqfooter
{
    padding:    5px 0px 10px 0px;
    _width: expression(document.body.clientWidth > 995 ? document.body.clientWidth :"995px");
    _width/**/:/**/ expression(document.documentElement.clientWidth > 995 ? document.documentElement.clientWidth :"995px");
    background: transparent url(http://img.mqcdn.com/mqsite/ftr-bg-gradient) 0 100% repeat-x;
}
body.quad #mqcontent
{
    margin: 0 0 0 15px;
    _width: expression(document.body.clientWidth < 765 ? "100%" :String(document.body.clientWidth-40));
}
body.quad #formpage
{
    width:  765px;
    _width: expression(document.body.clientWidth < 765 ? "745px":"746px");
    _width/**/:/**/ expression(document.documentElement.clientWidth < 765 ? "745px":"746px");
}