/**
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * MapQuest Content Stylesheet
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * @ common presentation styles
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 */

/**
 * =COMMON PRESENTATION
 */
.alttext
{
    color:      #848b4e;
}

/* =font classes */
a.alt, a.alt:visited
{
    color:  #390;
}

.alert
{
    color:  #900;
}

.disabled
{
    color:  #666;
}

.end
{
    color:  #c00;
}

.confirm, .start
{
    color:  #090;
}

h1 span
{
    font-size:      .75em;
    font-weight:    normal;
}

.mainwrapper b, .mainwrapper strong
{
    color:          #272750;
    font-weight:    bold;
}
.mainwrapper a b, .mainwrapper a strong
{
    color:  inherit;
}
.first 
{ 
    padding-left: 10px; 
}
/* =indent */
.indent
{
    margin-left:   3px;
    margin-right:  3px;    
}

/* =resizing @crutch css for feature page cms*/
.f10
{
    font-size:  1em;
}
.f11
{
    font-size:  1.1em;
}
.f12
{
    font-size:  1.2em;
}

.smaller
{    /* 12px to 10px */
    font-size:  0.8333em;
}

/* backgrounds */
.bga
{
    background: #e3e5c7;
}
.bgacrv
{   /*dk beige*/
    padding:        2px 10px 2px 3px;
    border-bottom:  1px solid #f8f8f1;
    background:     #e3e5c7 url(http://img.mqcdn.com/mqsite/bg-curve-a) no-repeat right top;
}
.bgacrv b, .bgbcrv b, .bgdirs b, .size12 b, .bgmaps .b
{
    color:  #272750;
}
.bgb
{
    background: #f4f6e5;
}
.bgbcrv
{   /*lt beige*/
    padding:    2px 10px 2px 3px;
    background: #f0f3dc url(http://img.mqcdn.com/mqsite/bg-curve-b) no-repeat right top;
}
.bgc
{   /*beige*/
    background: #f7f7ea;
}
.bge
{    /*light beige*/
    background: #fdfdf7;
}

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

/**
 * =TAB WIDGET
 */
.tabwrapper .panel
{
    border-top: none;
}
.tabwrapper .label
{
    margin-top: 12px;
}

.tabwidget
{
    margin-bottom:  -1px;
    background:     transparent url(http://img.mqcdn.com/mqsite/tab-bottom-border) no-repeat right bottom;
}
.tabwidget ul
{
    margin:     0;
    padding:    10px 10px 0 0;
    list-style: none;
}
.tabwidget li
{
    float:      left;
    margin:     0;
    padding:    0;
    background: transparent url(http://img.mqcdn.com/mqsite/tab-back-off) no-repeat right top;
}
.tabwidget li.current
{
    background-image:   url(http://img.mqcdn.com/mqsite/tab-back-on);
}
.tabwidget li.maps
{
    width:  13em;
}
.tabwidget li.save
{
    width:  12em;
}
.tabwidget li.mobile
{
    width:  7em;
}
.tabwidget li a, .tabwidget li a:visited
{
    display:            block;
    float:              left;
    width:              1%;
    padding:            5px 10px 4px 10px;
    background:         transparent url(http://img.mqcdn.com/mqsite/tab-left-off) no-repeat left top;
    color:              #272750;
    font-weight:        bold;
    text-decoration:    none;
    text-align:         center;
    white-space:        nowrap;
}
.tabwidget li > a
{   /* foolish IE */
    width:  auto;
}
.tabwidget li.current a, .tabwidget  li.current a:visited
{
    padding:            5px 10px;
    background-image:   url(http://img.mqcdn.com/mqsite/tab-left-on);
}
.tabwidget li a span
{
    display:    block;
    padding:    0 10px;
}



/**
 * =SORTBYTAB WIDGET
 */
.sortbytabwidget
{
    margin-bottom:  10px;
    background:     transparent url(http://img.mqcdn.com/mqsite/tab-bottom-border) no-repeat right bottom;
}
.sortbytabwidget ul
{
    margin:     0;
    padding:    10px 10px 0 0;
    list-style: none;
}
.sortbytabwidget li
{
    float:      left;
    margin:     0;
    padding:    0;
    background: transparent url(http://img.mqcdn.com/mqsite/tab-back-off) no-repeat right top;
}
.sortbytabwidget li.current
{
    background-image:   url(http://img.mqcdn.com/mqsite/frmp-bg-whitetab-main);
}
.sortbytabwidget li.relevancesort
{
    width:  7em;
}
.sortbytabwidget li.distancesort
{
    width:  6em;
}
.sortbytabwidget li.alphasort
{
    width:  5em;
}
.sortbytabwidget li.sponsorsort
{
    width:  6em;
}
.sortbytabwidget li a, .sortbytabwidget li a:visited
{
    display:            block;
    float:              left;
    width:              1%;
    padding:            5px 5px 4px 3px;
    background:         transparent url(http://img.mqcdn.com/mqsite/tab-left-off) no-repeat left top;
    color:              #272750;
    font-weight:        bold;
    text-decoration:    none;
    text-align:         center;
    white-space:        nowrap;
}
.sortbytabwidget li > a
{   /* foolish IE */
    width:  auto;
}
.sortbytabwidget li.current a, .sortbytabwidget  li.current a:visited
{
    padding:            5px 5px 5px 3px;
    background-image:   url(http://img.mqcdn.com/mqsite/frmp-bg-whitetab-lft);
}
.sortbytabwidget li a span
{
    display:    block;
    padding:    0 5px;
}

/**
 * =SUB-NAVIGATION
 * @ secondary links in content well
 */
ul#mqsubnav
{
    list-style: none;
    margin:     0 0 10px;
    padding:    0;
}
#mqsubnav li
{
    display:        inline;
    margin:         0;
    padding:        0 .2em 0 .5em;
    border-right:   1px solid #868a4d;
}
#mqsubnav>li
{
    padding-left:   .4em;
}
#mqsubnav li.disn
{   /* for hiding stc link */
    display: none;
}
#mqsubnav li.last
{
    border: none;
}
#mqsubnav li a, #mqsubnav li a:visited
{
    color:  #868a4d;
}
* html #mqsubnav li a acronym
{
    text-decoration: underline;
}

/**
 * =SORT NAVIGATION
 * @ sorting options and alphabar
 */
ul#mqsortnav
{
    list-style: none;
    margin:     0 0 10px 0;
    padding:    0;
}
#mqsortnav li
{
    display:        inline;
    margin:         0;
    padding:        0 .2em 0 .5em;
    border-right:   1px solid #000;
    font-size:      1.1em;
}
#mqsortnav>li
{
    padding-left:   .4em;
}
#mqsortnav li.rvn
{
    padding-left:   0;
}
#mqsortnav li.alpha
{
    border:     none;
}
#mqsortnav li ul
{
    margin: .2em 0 0;
}
#mqsortnav li ul li
{   /* alpha sort */
    padding:    0;
    border:     none;
    color:      #999;
    font-size:  1em;
}
#mqsortnav li b
{
    color:  #272750;
}

/**
 * =RESULTS LISTINGS
 * @ listings entries for search results and info bubble
 * @ saved and recent searches sidebar lists
 */
ol.results, ul.results
{
    margin-bottom:  1.2em;
    margin-left:    1.85em;
    padding-left:   1.6em;
}
div>ol.results
{
    margin-left:    1.4em;
}
ol.results100
{   /* for 100+ results */
    margin-left:    2.1em;
    padding-left:   2.1em;
}
ul.results
{
    margin-left:    1.4em;
    padding-left:   1.4em;
}
.results li
{
    margin:         .3em 0 .6em;
    padding:        0;
    color:          #272750;
    font-size:      1.2em;
    font-weight:    bold;
}
.results li div
{
    color:          #000;
    font-size:      .9166em;
    font-weight:    normal;
}
.results li ul
{
    list-style: none;
    margin:     .1em 0 .1em -0.5em;
    padding:    0;
}
.results li ul li
{   /* listing links */
    display:        inline;
    margin:         0;
    padding:        0 .2em 0 .5em;
    border-right:   1px solid #000;
    color:          #000;
    font-size:      .9166em; /*.8571em;*/
    font-weight:    normal;
}
.results li.last
{
    border: none;
}
.results li ul.al li a, .results li ul.al li a:visited
{
    color:  #390;
}
.results .cat, .results .cat a, .results .cat a:visited
{
    color:              #999;
    text-decoration:    none;
}
.results .cat a:hover
{
    text-decoration:    underline;
}

/**
 * =SEARCH MAPS
 * @ starpower maps on search, amb, and geodiff pages
 */
#mqsearchmap
{
    margin: 10px 0;
}
#mqsearchmap b
{
    color:  #272750;
}
#mqsearchmap .map
{
    border:     1px solid #000;
}
#mqsearchmap p
{
    margin:     0 0 10px 0;
    font-size:  1.1em;
}
#mqsearchmap p a
{
    margin:    auto 5px;
}

/**
 * PAGINATION
 * @ page skip links on bottom of search pages
 */
#mqpagination
{
    width:  734px;
    margin: 10px 0;
}
#mqpagination b
{
    color:  #272750;
}
#mqpagination img
{
    display:        block;
    float:          left;
}
#mqpagination ul
{
    list-style: none;
    margin:     5px 60px 0;
    padding:    5px 0 0;
    text-align: center;
}
#mqpagination li
{
    display:    inline;
    margin:     0;
    padding:    0 .1em;
    font-size:  1.1em;
}
#mqpagination li.cpn
{   /* count, prev, next, links */
    padding:    0 .7em;
}

/**
 * =TITLEBAR
 */
#titlebar
{
    min-width:	     765px;
    padding-left:    3px;
    margin-bottom:   5px;
    background:	     #e3e5c7 url(http://img.mqcdn.com/mqsite/bg-curve-a) no-repeat right top;
}
#titlebar div
{
    display:	inline;
    font-size:	1.2em;
    padding:	1px;
    position:	relative;
    top:        -0.25em;
}
#titlebar h1
{
    display:        inline;
    margin-left:    3px;
}
#titlebar img
{
    float:      left;
    margin-top: 2px;
}

/**
 * =FORM PAGES
 */
/* =alerts */
.alertwarning, form h3.alertwarning
{   /* [!]triangle */
    position:       relative;
    /* hide from mac ie \*/
    margin-bottom:  7px;
    /* end */
    padding:        3px 0 7px 30px;
    background:     transparent none;
    color:          #900;
    font-weight:    bold;
}
form h3.alertwarning
{
    margin-top: 1px;
}

.alertwarning img, form h3.alertwarning img
{
    float:          left;
    margin-left:    -30px;
    vertical-align: middle;
}

/* =informational messages */
.msg h2
{
    margin:     5px 0;
    font-size:  1.4em;
}
.msg h2 img
{
    margin-right:   5px;
    vertical-align: middle;
}
.msg h2 span.detail
{
    color:          #000;
    font-size:      .8571em;
    font-weight:    normal;
}
.main .msg h2 span.detail, .side .well .msg h2 span.detail
{   /* info should wrap when in content columns */
    display:    block;
}
.msg h2 span b
{
    color:  #272750;
}
.msg h3.alertwarning
{
    position:   relative;
    margin:     5px 0 5px 0;
}
.msg h3.alertwarning img
{
    position:       relative;
    float:          left;
    margin-left:    -25px;
    margin-right:   5px;
}
/**
 * =RESULTS PAGES
 */
/* =directions summary */

/*add a stop widget*/
.addastop div
{
    display:        inline;
    color:          #272750;
    font-size:      1.4em;
    font-weight:    bold;
}
.addastop a, .addastop a:visited
{    
    margin:         -5px 0 0 3px;
    font-size:      1.1em;
}
.default .addastop input.submit, .default .addastop input.submit:focus
{
    width:  80px;
}
#dirsummary
{
    width:  765px;
    margin-bottom:  10px;
}
#dirsummary .startend
{
    float:  left;
    width:  550px;
}
#dirsummary .content
{
    width:  550px;
}
#dirsummary .startend .addresssummary, #dirsummary .timedist div
{
    float:  left;
    width:  265px;
}
.addresssummary p span.screen
{
    display:        block;
    padding-bottom: 5px;
}
#dirsummary .startend .end, #dirsummary .timedist div.dist
{
    float:  right;
}
#dirsummary .offerwrap
{
    float:  right;
    width:  195px;
}
#dirsummary .offers
{
    margin:     0;
    min-width:  195px;

}
#dirsummary .timedist p b
{
    font-size:  1em;
}
#dirsummary .startend b
{
    font-weight:    bold;
    font-size:      1.166em;
}
#dirsummary .startend img
{
    float:          left;
}
#dirsummary .startend .addresssummary p
{
    margin: 0 0 0 36px;
}
#dirsummary b
{
    color:  #272750;
}
/* =map results summary widget */
#mapsummary
{
    width:    765px;
}
#mapsummary .content
{
    width:    352px;
}
#mapsummary .offerwrap
{
    float:    right;
    width:    408px;
    margin-bottom:  10px;
}
#mapsummary .offerwrap .offers
{
    border:     none;
    margin:     0px;
    padding:    0px;
}
#mapsummary .redstar
{
    margin-top:    0px;
    padding-left: 2px;
}
#mapsummary .redstar b
{
    color:      #272750;
    font-size:  1.166em;
}
#mapsummary .redstar p
{
    margin: 0 15px 0 20px;
}
#mapsummary .redstar img
{
    float:            left;
    padding-right:    5px;
}
#mapsummary p span
{
    display:        block;
/*    margin-left:    20px;*/
    margin-bottom: 10px;
}
#mapsummary .screen
{
    margin-bottom: 0px;
}

/* =find nearby bar */
#nearby
{
    margin-bottom:  5px;
}
#nearby img
{
    margin: 2px 1px -3px 1px;
}
#nearby span
{
    padding-top:    0px;
    font-size:      1.2em;
}
#nearby form.default
{
    white-space:    nowrap;
    margin:         4px 0 0;
}
#nearby input, #nearby select
{
    width:  150px;
    margin: 0;
}
#maps #nearby input.search
{
    width:  65px;
}
#maps #nearby input#searchterm
{
    width:  37%;
}
#dirs #nearby input
{
    width:  120px;
}
#dirs #nearby select
{
    width:  18%;
}
#dirs #nearby input.search
{
    width:  55px;
}

/* =to/from direction widget */
#maps .panel
{
    margin:    1px 0 10px;
}
#maps #tofrom .dirwrapper
{
    float:    left;
    width:    362px;
    margin-top: -2px;
}
* html #maps #tofrom .dirwrapper
{
    margin-top: 0;
}

form.default select.tofrom
{
    margin:     0;
    padding:    0;
    font-size:  1em;
}
#maps #tofrom .searchwrapper .panel
{
    border:           1px solid #ccc;
    padding:          0 0px 12px 10px;
    margin-bottom:    10px;
}
#maps #tofrom
{
    margin-top:    10px;
    padding:       0 0 5px 0;
}
#maps #tofrom #selabel
{
    padding-left:   5px;
    color:          #272750;
}
#maps #tofrom .searchwrapper h4
{
    margin: 5px 0 0;
}
#maps #tofrom .searchwrapper ul
{
    margin:     0 5px;
    padding:    0 5px;
}
#maps #tofrom .searchwrapper ul li
{
    margin-left:    5px;
}
#maps #tofrom .searchwrapper p
{
    margin:    15px 0 0px 0;
}
#maps #tofrom .catside
{
    margin-left:    365px;
}
#maps #tofrom .offers
{
    border:     1px solid #ccc;
    margin:     2px 0px 10px 0px;
    padding:    5px;
}

#maps #tofrom .offers p
{
    margin:         0 5px;
    font-weight:    bold;
    color:          #272750;
}
#maps #tofrom .offers ul
{
    margin-left:    10px;
    margin-top:     0;
    padding-left:   5px;
}
#maps #tofrom .offers ul li
{
    margin-top:    2px;
}

/* =disclaimer info */
.disclaimer
{
    margin: 0 10px 10px 10px;
}
.disclaimer p
{
    font-size:  1em;
    margin:     0;
}

/**
 * =SUBPAGES (POP-UPS)
 */
#subpage ul
{
    margin-bottom:  10px;
    margin-left:    5px;
    padding-bottom: 10px;
    padding-left:   5px;
}
#subpage ul li
{
    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:      0.8333em;
    font-weight:    normal;
}
#subpage ul.states li
{
    margin-bottom:  4px;
    font-weight:    normal;
}
#subpage ul.states a
{
    float:  right;
}

/**
 * =DRIVING DIRECTIONS AND MANEUVER MAPS
 */
#dirman table
{
    width:  100%;
    margin: 5px 0 0;
    border: 0;
}
#dirman #maneuvers th
{
    padding:		5px;
    color:		    #272750;
    font-size:		1.2em;
    font-weight:	bold;
    text-align:		left;
}
#dirman th p
{
    display:        inline;
    font-weight:    normal;
    font-size:      1em;
}
#dirman th.textr
{
    text-align: right;
}
#dirman th.textc
{
    color:      #272750;
    text-align: center;
}
#dirman tr
{
    vertical-align: top;
}
#dirman #maneuvers td
{
    padding:    5px 3px 0;
    font-size:  1.2em;
}
#dirman td.manmap
{
    text-align: center;
}
#dirman td.rs
{
    width:          42px;
}
#dirman td.rs img
{
    margin-left:   10px;
}
#dirman td.num
{
    width:          30px;
    padding-left:   1px;
    font-weight:    bold;
    text-align:     right;
}
#dirman td.nowrap
{
    text-align: right;
}
#dirman td.totals b
{
    margin-left:    10px;
}
#dirman td.totals span
{
    margin-left:    25px;
    font-size:      1em;
}
#dirman td.totals
{
    padding:    10px 0;
}
#dirman b
{
    color:  #272750;
}

/* =advanced options */
#dirman td#dirman-spacer
{
    width:  15px;
}
#dirman td#dirman-rightcol
{
    width:  197px;
    border: 1px solid #ccc;
}
#dirman-options
{
    margin: 10px;
}
#dirman-options legend
{
    margin-left:    -2px;
    color:          #272750;
    font-size:      1.2em;
    font-weight:    bold;
}
#dirman-options div
{
    padding-top: 4px;
}
#dirman-options .clear div.radio
{
    float:  left;
    width:  22px;
}
#dirman-options .clear>div.radio
{
    width:  18px;
}
#dirman-options .clear div
{
    float:  left;
    width:  64px;
}
#dirman-options .dsubmit input
{
    margin: 5px 0;
}

/**
 * =SETTINGS PAGE
 */
#settings .bga
{
    padding:    2px 0;
}
#settings .label
{
    padding-top:    2px;
    text-align:     right;
}
#settings .label p
{
    margin:         0;
    padding-right:  20px;
}
#settings .label p label
{
    font-size:  1em;
}
#settings .settingsmobileinput
{
    width:          200px;
}
#settings .settingsmobilelabel
{
    margin-top: 0px;
    text-align: left;
}
#settings .panel
{
    margin:     1px 0 10px 0;
    border:     1px solid #ccc;
    padding:    10px;
    border-top: none;
}
#settings .eg
{
    margin-top:  1px;
    margin-left: 230px;
}
#settings fieldset
{
    margin-top: 10px;
    border: 0px;
}
#settings .fltr
{
    margin-right:   5px;
    font-weight:    normal;
}
#settings .options input, #settings form .options select
{
    width:          200px;
    margin-bottom:  5px;
}
#settings .options input.check
{
    width:          auto;
    margin-bottom:  4px;
    vertical-align: middle;
}
#settings .options label
{
    margin-right:   10px;
}
#settings table.settings thead
{
    font-style: normal;
    text-align: left;
}
#settings table.settings th
{
    padding:        2px 0;
    color:          #272750;
    font-weight:    bold;
    text-align:     left;
}
#settings table.settings th label
{
    color:          #272750;
    font-size:      1em;
    font-weight:    bold;
}
#settings table.settings tr
{
    vertical-align: top;
}
#settings table.settings td
{
    padding:    5px 0 5px 10px;
    font-size:  1.2em;
}
#settings table.settings td div
{
    padding-right:  20px;
}
#settings table.settings input.submit
{
    font-size:      0.93em;
}
#settings .settingssave, .settingssave:focus
{
 width:      65px;
}
#settings .settingsselectall, .settingsselectall:focus
{
width:      90px;
}
#settings .settingsdeleteselected, .settingsdeleteselected:focus
{
width:      175px;
}
#settings ul.searches
{
    margin:     0;
    padding:    0;
    list-style: none;
}
#settings ul.searches li
{
    /*position:       relative;*/
    margin-left:    15px;
    padding-left:   15px;
    font-size:      1.2em;
}
#settings .searches li div
{
    color:          #000;
    font-size:      .9166em;
    font-weight:    normal;
}
#settings .searches li ul
{
    list-style: none;
    margin:     .1em 0 .1em -0.5em;
    padding:    0;
}
#settings .searches li ul li
{   /* listing links */
    display:        inline;
    margin:         0;
    padding:        0 .2em 0 .5em;
    border-right:   1px solid #000;
    color:          #000;
    font-size:      .9166em;
    font-weight:    normal;
}
#settings .searches li.last
{
    border: none;
}

#settings ul.searches li input
{
    position:       absolute;
    margin-left:    -20px;
    padding-left:   0px;
}
#settings ul.searches li label
{
    font-weight:    bold;
    margin-left:    0;
}
#settings .bga h2
{
    display:        inline;
    margin:         0 9px;
    padding-top:    1px;
    padding-bottom: 2px;
    font-size:      1.2em;
}
#settings .panel .options
{
    margin-top: 12px;
}

/* =settings address*/
input.address
{
    width: 332px;
}
.dcity
{
    width: 212px;
}
.dcity input, input.phone
{
    width: 198px;
}
.dstate
{
    width: 42px;
}
.dstate input
{
    width: 28px;
}
.dzip
{
    width: 80px;
}
.dzip input
{
    width:  78px;
    margin: 0;
}
.csz div
{
    float: left;
    color: #cce;
}

/* =settings recent searches */
/* @ depreciated (only used on settings page) - need to update to follow format of search listings */
ul.searches li
{
    margin:     0 0 1em 2.5em;
    font-size:  1em;
}
ul.searches li h3
{
    display:        inline;
    margin-right:   5px;
}
ul.searches li label
{
    color:  #272750;
}
ul.searches li span
{
    display:        block;
    padding-top:    2px;
}


/**
 * =SEND TO PHONE
 * @format not updated to i5/i6 design
 */
#mobile .panel
{
    padding:    20px;
    border:     1px solid #ccc;
}

/**
 * =ADS
 */
/* =top of page banner ad */
#adtop
{
    margin: 10px 0 7px 15px;
}
* html #adtop
{
    margin-bottom: 0;
}
/* =google ad unit codes */
.googlead
{
    margin:         3px 3px 0 3px;
    font-family:    arial, helvetica, sans-serif;
    cursor:         pointer;
    cursor:         hand;
}
* html .googlead
{
    height: .1em;
}
.googlead .gtext, .googlead .gurl
{
    font-size:          1em;
}
.googlead .gname
{
    font-size:          1.2em;
    text-decoration:    underline;
}
.googlead .gname, .gname b, .promo .gname b
{
    color:  #00f;
}
.googlead .gurl, .gurl b, .promo .gurl b
{
    color:  #008000;
}

/* =old format google ad codes */
table#googleadsa
{
    font-size: 1.2em;
}
table#googleadsa td
{
    padding:        1px;
    font-family:    arial, helvetica, sans-serif;
}
table#googleadsa td font, table#googleadsa td div
{
    padding:        0 3px;
    font-family:    arial, helvetica, sans-serif;
}
table#googleadsa .linkname, table#googleadsa .linkname u b
{
    color: #00f;
}
table#googleadsa .linktext, table#googleadsa .linkurl
{
    font-size:  .8333em; /*12px to 10px*/
}
table#googleadsa .linkurl, table#googleadsa .linkurl b
{
    color: #390;
}

/**
 * =OFFERS
 */
.offers
{
    border:     1px solid #ccc;
    margin:     10px 2px 10px 0;
    padding:    5px;
}
.offers p
{
    margin:         0 0 0 5px;
    font-weight:    bold;
    color:          #272750;
}
.offers ul
{
    margin-left:    0;
    margin-top:     0;
    padding-left:   2px;
}
.offers ul li
{
    margin-top:     2px;
    font-family:    arial, helvetica, sans-serif;
}

/* =offer containers - two clicks */
#maps .offers
{
    margin-top:     0;
    margin-bottom:  0;
}
#maps .contentwidth .offers
{
    margin-top:     10px;
    margin-bottom:  10px;
}
#dirs table.halfad
{
    margin-top: 10px;
}
table.halfad
{
    margin-bottom:  10px;
    table-layout:	expression('fixed');
}
table.halfad td .offers
{
    margin: 0;
    border: none;
}
table.halfad td.leftad
{
    border: 1px solid #ccc;
}
table.halfad td.centerad
{
    width:  10px;
}
table.halfad td.rightad
{
    border: 1px solid #ccc;
}

/* =quadad offers container */
.quadad .offers table
{
    width:      100%;
    margin:     0;
    padding:    0;
}
.quadad .offers tr
{
    vertical-align: top;
}
.quadad .offers td
{
    width: 25%;
}
.quadad .offers td ul li
{
    margin-right: 5px;
}
.offers .about
{
    text-align: right;
    margin-top: 5px;
    margin-right: 5px;
}

.promo
 {
     margin: 5px 0;
 }
.promo b
{
    color:  #272750;
}
.promo a b
{
    color: inherit;
}
.promo p
{
    margin: 0 0 5px 0;
}

#formpage .side .well .promo
 {
     margin: 5px 0;
 }
.promotwo
 {
     margin: 5px 0;
     width: 358px;
 }
 
/**
 * =BROWSER MESSAGE
 */
#mqmessages
{
     font-size:          1.1em;
     display:            block;
}
#mqmessages img
{
     vertical-align:    top;
     margin:        0 5px 0 5px;
}
.mqbrowmsg
{
     margin:         10px 0 10px;
     padding:        5px;
     background:     #900;
     color:          #fff;
     font-weight:    bold;
     font-size:      1.1em;
     text-align:     center;    
}
.mqbrowmsg a, .mqbrowmsg a:visited
{
     color:      #fff;
}
.mqbrowmsg img
{
     float:      right;
     margin:     0 5px 0 10px;
     cursor:     pointer;
     _cursor:    hand;
}

/**
 * =FORM PANELS
 * @ directions, maps and refine your search
 */
.mqformpanel
{
    /*position:   relative;*/
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-dircntr-dir) 0 100% repeat-y;
}
.mqformpanel .top
{
    /* hide from mac ie \*/
    height:     1%;
    /* end */
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-dirtop-dir) 0 0 no-repeat;
}
.mqformpanel .btm
{
    /*position:   relative;*/
    /* hide from mac ie \*/
    height:     1%;
    /* end */
    padding:    15px;
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-dirmain-dir) 0 100% no-repeat;
}
#formpage .mqformpanel .btm
{
    position:   relative;
}
.mqformpanel h1, #maps .mqformpanel h1
{
    margin:     0 0 0px;
    font-size:  1.6em;
}
.mqformpanel h1 img, .mqformpanel h2 img, .mqformpanel h3 img
{
    margin-right:   0;
    vertical-align: middle;
}
#dirs .mqformpanel h1
{
    margin-bottom:  5px;
}
.mqformpanel h2
{
    margin:     0;
    font-size:  1.2em;
}
.mqformpanel h3.alertwarning
{
    position:   relative;
    margin:     5px 0 5px -25px;
}
.mqformpanel h3.alertwarning img
{
    position:       relative;
    float:          left;
    margin-left:    0;
    margin-right:   5px;
}
.mqformpanel fieldset
{
    margin-top: .5em;
}
.mqformpanel .address, .mqformpanel select.cityamb
{
    width:  260px;
}
.mqformpanel .address1
{
    width:  322px;
}
.mqformpanel input.category, .mqformpanel select.country, .mqformpanel select.category, .mqformpanel select.dcategory
{
    width:  322px;
}
.mqformpanel .dcity
{
    width:  197px;
}
.mqformpanel .dcity input, .mqformstatic .dcity div
{
    width:  183px;
}
.mqformpanel .dstate
{
    width: 42px;
}
.mqformpanel .dstate input, .mqformstatic .dstate div
{
    width: 28px;
}
.mqformpanel .dtown
{
    width:  216px;
}
.mqformpanel .dtown input, .mqformstatic .dtown div
{
    width:  202px;
}
.mqformpanel .dzip
{
    width: 85px /*60px;*/
}
.mqformpanel .dzip input, .mqformpanel .dpostal input, select.tofrom,
.mqformstatic .dzip div
{
    width:  85px;
    margin: 0;
}
.mqformpanel .dpostal
{
    width:  108px;
}
.mqformpanel .dpostal input, .mqformstatic .dpostal div
{
    width:  106px;
}
.mqformpanel .csz div
{
    float:  left;
}
.mqformpanel h3
{
    margin:     0;
    font-size:  1.1em;
}
.mqformpanel .height1
{
	height: 1px;
}
.mqformpanel .plain
{
	margin-top:	15px;
}
.mqformpanel .plain li
{
    font-size:  1.1em;
}
.mqformpanel .plain li b
{
    color:  #272750;
}
#dirs .mqformpanel .plain
{
    margin:  0 0 43px;
}
#dirs .mqformpanel input#submit1
{
    margin-bottom:  10px;
}
#dirs .mqformpanel .dsubmit>input#submit1
{   /* non-ie */
    margin-bottom:  11px;
}
/* =refine your search */
.refinepanel
{
    position:   relative;
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-dircntr-dir) 0 100% repeat-y;
}
.refinepanel .top
{
    padding-top: 15px;
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-dirtop-dir) 0 0 no-repeat;
}
.refinepanel .btm
{
    padding:    0 15px 15px;
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-dirmain-dir) 0 100% no-repeat;
}
.refinepanel ul
{
    margin-top: 10px;
}
.refinepanel li
{
    list-style-type:    none;
    font-size:          1.1em;
    margin-left:        0;
}
.refinepanel h3
{
    margin-bottom:  5px;
}
.refinepanel select
{
    margin-bottom:  0;
}

/* =lat/long fields */
#degreeForm .ll .textb
{
    float:  left;
    width:  75px;
}
#degreeForm .ll div input
{
    display:    block;
    width:      65px;
}
#degreeForm .ll .eg, #decimalForm .ll .eg
{
    width:      auto;
    text-align: left;
}
#decimalForm .ll div input
{
    width:      214px;
    margin-top: 4px;
}
#degreeForm .ll .dlabel, #decimalForm .ll .dlabel
{
   float:  left;
   width:  95px;
}
.mqformpanel .dpostal #zipcode
{
    width:  101px;
}

/* =places field */
.places
{
    padding-top: 5px;
}
.places .eg, .places a, .places a:visited
{
    color:  #848b4e;
}
.places label span
{
    font-size: 0.8333em;
}
.eg
{   /* tuck form example back under form element */
    width:             322px;
    margin-top:        -5px;
    padding-bottom:    5px;
    text-align:        right;
}

/* =advanced options */
dl.advoptions
{
    margin-bottom:  15px;
}
dl.advoptions dt, dl.advoptions label
{
    margin-bottom:  10px;
    font-size:      1.1em;
}
dl.advoptions>dd
{
    margin-bottom:  5px;
}
form.default dl.advoptions input
{
    margin-bottom:  0;
    border:         0;
    background:     transparent;
}

/**
 * =STATIC FORM PANELS - DIRECTIONS
 * @ customizes faded form; has dependancy on .mqformpanels
 */
.mqformstatic
{
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-fadedcntr) 0 100% repeat-y;
}
.mqformstatic .top
{
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-fadedtop) 0 0 no-repeat;
}
.mqformstatic .btm
{
    position:   relative;
    padding:    15px;
    background: transparent url(http://img.mqcdn.com/mqsite/frmp-bg-fadedmain) 0 100% no-repeat;
}
.mqformstatic .fltr
{   /* revise button */
    position:   absolute;
    top:        17px;
    right:      13px;
    z-index:    1000;
    float:      none;
}
.mqformstatic h1
{
    color:  #a8a8b9;
}
.mqformstatic .start
{
    color:  #99d599;
}
.mqformstatic .end
{
    color:  #ee9797;
}
.mqformstatic .places .eg, .mqformstatic .places a, .mqformstatic .places a:visited
{
    color:  #cfd0b8;
}
.mqformstatic label, .mqformstatic li
{
    color:  #a6a6a6;
}
.mqformstatic .static
{
    margin-bottom:  6px;
    padding:        2px 1px;
    border:         1px solid #ebebeb;
    background:     #fff;
    color:          #999;
    font-size:      1.2em;
}
.mqformstatic .csz div div
{
    float: none;
}
.mqformstatic div.address
{
    float:      left;
    width:      260px;
}
* html .mqformstatic .savedrecent
{
    margin-bottom:  3px;
}
.mqformstatic .savedrecent
{
    cursor: default;
}
#dirs .mqformstatic .dsubmit input
{
    visibility:     hidden; 
    margin-bottom:  12px;
}
* html #dirs .mqformstatic .dsubmit input
{
    margin-bottom:  17px;
}

/**
 * =FORM FIELD DEFAULTS
 */
form.default input
{
     padding: 2px 1px;
}
form.default input, form.default select
{
     margin-bottom:    6px;
}
 form.default input, form.default select, form.default textarea
 {
     border:        1px solid #ccc;
     background:    #fff;
 }
 form.default input:focus, form.default textarea:focus
 {
     border-style:   inset;
     background:     #ffffcf;
 }
 form.default input[type="hidden"]
 {
     padding:    0;
     border:     none;
 }
 form.default input[disabled="disabled"], form.default select[disabled="disabled"]
 {
     background:    #ddd;
     color:         #333;
 }
 form.default input.check
 {
     padding:        0;  /*prevents ns7-mac from having check obscured*/
     border:         none;
     background:     transparent;
     font-weight:    bold;
 }
 .dsubmit
 {
     text-align: center;
 }
 form.default .dsubmit input, form.default .submit, form.default .search, .search2, form.default .button, form.default .buttonWide, .submit, .search, .buttonWide,
 form.default .dsubmit input:focus, form.default .submit:focus, form.default .search:focus, .search:focus, .search2:focus, form.default .button:focus, form.default .buttonWide:focus, .submit:focus, .search:focus, .buttonWide:focus
 {
      width:      120px;
      margin:     0 5px;
      padding:    0;
      border:     1px outset #999;
      background: #ecebe6 url(http://img.mqcdn.com/mqsite/background-form-button) repeat-x;
      color:      #272750;
      font-size:  1.1em;
      text-align: center;
 }
 .dsubmit input:focus
 {
      border-style:    solid;
      background:      #f3f4e6 none;
 }

/**
 * =SHOW/HIDE TOGGLE DEFAULTS
 */
dl.showhide, dl.showhide dd
{
    margin-left: 0;
}
dl.showhide dt img
{
    margin-right:       3px;
    vertical-align:     middle;
    text-decoration:    none;
}
dl.showhide dt>img
{
    margin-bottom:  2px;
}
dl.showhide dd.hide
{
     display: none;
}
dl.showhide dd.show
{
     display:    block;
}

/**
 * =REFINE YOUR SEARCH WIDGET
 */
dl.refineoptions
{
    margin: 5px 0 0;
}
dl.refineoptions dt
{
    margin-bottom:  0;
}
dl.refineoptions dt a
{
    margin-right:   10px;
}
dl.refineoptions dt .optshowhide
{
    margin-right:   0;
}
dl.refineoptions dd
{
    margin-top: 5px;
}
#mqrefinesearch label, #mqrefinesearch select
{
    font-size:  1.1em;
}
#mqrefinesearch .refine-radius, #mqrefinesearch .refine-city, #mqrefinesearch .refine-cat
{
    float:  left;
    width:  140px;
}
#mqrefinesearch .refine-city label, #mqrefinesearch .refine-cat label
{   
    display: block;   
}
#mqrefinesearch .refine-city select, #mqrefinesearch .refine-cat select
{
    width:  134px;
}
#mqrefinesearch .refine-radius
{
    width:  75px;
}
#mqrefinesearch .refine-radius select
{
    width:  69px;
}

/**
 * =POPUP WIDGETS
 */
.mqpopup-small
{
    display:    none;
    position:   absolute;
    z-index:    1;
    width:      262px;
    border:     none;
}
.mqpopup-small .mqtop
{
   position:    relative;
   height:      18px;
}
.mqpopup-small .mqbottom
{
   position:    relative;
   height:      25px;
}
.mqpopup-small .mqcenter
{
    padding:    1px;
}


/**
 * =DYNAMIC POPUP
 */

#mqpopup .title
{
    position:   absolute;
    z-index:    5;
    margin-left:10px;
    margin-top: 10px;
    width:      224px;
    text-align: center;
    /*background: #f4e9fa;*/
}
#mqpopup #mqhelpwindow-logo
{
    position:       static;
    margin:         0;
    width:          168px;
    height:         25px;
    padding-bottom: 5px;
    cursor:         default;
}
#mqpopup .popup-close
{
    width:      66px;
    height:     17px;
    border:     0;
    background: none;
}
#mqpopup .title span.label
{
    float:      left;
    padding:    0px 5px;
    color:      #272750;
    font-weight:bold;
    font-size:  1.2em;
}
#mqpopup .title img
{
    position:   absolute;
    left:       210px;
    top:        2px;
    cursor:     pointer;
    _cursor:    hand; 
}
#mqpopup #mqhelpwindow img
{
    float:  left;
}

#mqpopup form label
{
    color:          #272750;
    font-weight:    bold;
    font-size:      1.2em;
}
#mqhelpwindow span
{
    color:          #272750;
    font-weight:    bold;
    font-size:      1.2em;
    /*white-space:    nowrap;*/    
}
#mqhelpchkbxcontainer
{
    padding-top:    4px;
}
#mqhelpwindow .textc
{
    padding:        5px 0px;
}
/*
#mqpopup .statusmsg
{
    padding-left:   6px;
    color:          #272750;
    font-size:      1.1em;
}
#mqpopup .statusmsg a
{
    position:   relative;
}*/
#mqpopup #mqpopup-content
{
    width:      240px;
    padding:    25px 5px 0px 10px;
    border:     none;
}
#mqpopup input
{
    position:   relative;
    font-size:  1.2em;
}
.mqpoiheading
{
    padding:     1px 5px 2px 1px;
    background:  #f4e9fa;
    overflow:    hidden;
    width:       215px;
    color:       #272750;
    font-size:   12px;
    font-weight: bold;
    white-space: nowrap;    
}
.mqpoicontenttext
{
    font-size:   11px;
}
#mqpopuplnks a
{
    color:       #390;
}
/*
#mqpopup input.submit
{
  border: none;
}
#mqpopup .results, #mqpopup #tofrom
{
    margin-bottom:  0;
    padding-bottom: 0;
}
#mqpopup .results li
{
    margin: 0;
}
#mqpopup .stcbottom
{
    width:      218px;
    padding:    5px 0px 0px 6px;
}
#mqpopup .stcbottom div
{
    border-top: 1px solid #848b4e;
}
#mqpopup .textc
{
    padding:    0;
}

#mqpopup-resultcontent
{
    margin:     5px;
    font-size:  1.2em;
}

#mqpopup-resultcontent b
{
    color:  #272750;
}
#mqpopup-resultcontent img
{
    float:  left;
}
#mqpopup-resultcontent p
{
    margin-top:     0;
    margin-left:    46px;
    margin-bottom:  5px;
    color:          #272750;
    font-size:      1em;
    font-weight:    bold;
}
#mqpopup-resultcontent li
{
    font-size:      1em;
}
#mqpopup-resultcontent .distance, #mqpopup-resultcontent input
{
    display: none;
}
#mqpopuplnks a
{
    color:   #390;
}
*/


/* poi popup widgets */
.poi
{
    position:   absolute;
    visibility: hidden;
    cursor:     pointer;
    cursor:     hand; 
}
.maparea
{    
    cursor:     pointer;
    cursor:     hand; 
}
.mqminipopup
{
    position:   absolute;
    width:      223px;
    height:     43px;
    visibility: hidden;   
    cursor:     pointer;
    cursor:     hand; 
}
.mqpoipopup
{
    position:   absolute;
    z-index:    1;
    width:      260px;
    border:     none;
    visibility: hidden;    
}
.mqpoipopup .mqpoiclose
{
    position:   absolute;
    left:       222px;
    top:        12px;
    cursor:     pointer;
    cursor:     hand; 
    z-index:    5;
}
.mqpoipopup .mqpoitop
{
   position:    relative;
   height:      11px;
}
.mqpoipopup .mqpoibottom
{
   position:    relative;
   height:      35px;
}
.mqpoipopup .mqpoicenter
{
   padding:    1px;
}
.mqpoipopup .mqpoiinfocontainer
{
    padding-right: 10px
}
.mqpoipopup .results
{
    margin:     0 0 0 5px;
    padding:    0 8px;
}
.mqpoipopup .distance
{
    display:    block;
}
.mqpoipopup a
{
    position:   relative;
    cursor:     pointer;
    _cursor:    hand;
}
.mqminipopuphead
{
    width:        200px;
    padding-left: 8px;
    margin-top:   3px;
    font-family:  verdana;
    font-size:    11px;
    font-weight:  bold;
    white-space:  nowrap;
    color:        #272750;
    overflow:     hidden;
}
.search-shadow
{
    display:    block;
    margin-top: -4px;
}
.shadow
{
    display:    block;
    margin-top: -6px;
    margin-left:8px;
}
.poi-img
{
    cursor:     pointer;
    cursor:     hand;
}

/**
 * =SAVED & RECENT, SEND TO CELL
 */
#savedrecentpopup, #stcpopup
{
    display:    none;
    position:   absolute;
    z-index:    1;
    width:      330px;
    border:     none;
}
#savedrecentpopup .mqsavedtop, #stcpopup .mqsavedtop
{
   position:    relative;
   height:      19px;
}
#savedrecentpopup .mqsavedbottom, #stcpopup .mqsavedbottom
{
   position:    relative;
   height:      25px;
}
#savedrecentpopup .mqsavedcenter, #stcpopup .mqsavedcenter
{
    padding:    1px;
}
.savedrecent
{
    display:    none;
    /* hide iemac - doesn't support saved-recent \*/
    display:    inline;
    /* end hide */
    margin:     0 0 -3px 5px;
    cursor:     pointer;
    cursor:     hand;
}
body#home .savedrecent
{
    margin-left:    1px;
}
#savedrecentpopup #savedclose
{
    position:       absolute;
    z-index:        3;
    margin-left:    303px;
    margin-top:     1px;
    cursor:         pointer;
    cursor:         hand;
}
#subcontainer.mqformatter
{
    padding:    0px 5px 0px 10px;
    margin-top: -6px;
    border:     0px solid green;
}
#subcontainer .mqsavedcontent
{
    list-style-type:    none;
}
#subcontainer .mqsavedcontent li
{
    font-weight:        bold;
    font-size:          1.2em;
    margin-top:         0.3em;
    margin-left:        0.1em;
}
#subcontainer .mqsavedcontent li a
{
    font-weight:        normal;
    font-size:          0.8333em;
}
#subcontainer .mqsavedcontent li ul
{
    list-style-type:    disc;
}
#subcontainer .mqsavedcontent li ul li
{
    font-weight:        normal;
    margin-top:         0;
    margin-left:        1.6em;
}
#savedrecentpopup a
{
    position:           relative;
    text-decoration:    underline;
}
/**
 * =SEND TO CELL
 */
#mqstc-resultcontent
{
    margin:     5px;
    font-size:  1.2em;
}
#mqstc-resultcontent b
{
    color:  #272750;
}
#mqstc-resultcontent .phnum
{
    display:  block;
}
#mqstc-resultcontent img
{
    float:  left;
}
#mqstc-resultcontent p
{
    margin-top:     0;
    margin-left:    46px;
    margin-bottom:  5px;
    font-size:      1em;
}
#mqstc-resultcontent li
{
    font-size:      1em;
}
#mqstc-resultcontent .distance, #mqstc-resultcontent input
{
    display: none;
}
#mqstc-resultcontent #stcresult .cat a, #mqstc-resultcontent #stcresult div a img
{
    position:  relative;
}

#stcpopup
{
    display:    none;
    position:   absolute;
    top:        100px;
    left:       100px;
    width:      260px;
}

#stcpopup .stctitle
{
    position:   absolute;
    z-index:    3;
    margin-left:10px;
    margin-top: 10px;
    width:      224px;
    background: #f4e9fa;
}
#stcpopup span.label
{
    float:      left;
    padding:    0px 5px;
    font-weight:bold;
    font-size:  1.2em;
    color:      #272750;
}
#stcpopup .statusmsg
{
    padding-left:   6px;
    color:          #272750;
    font-size:      1.1em;
}
#stcpopup #stcclose
{
    float:  right;
    cursor: pointer;
    cursor: hand; 
}
#stcpopup #stcinfocontainer
{
    width:      230px;
    padding:    15px 5px 0px 10px;
    border:     0px solid green;
}
#stcpopup input
{
    position:   relative;
    font-size:  1.2em;
}
#stcpopup .results, #stcpopup #tofrom
{
    margin-bottom:  0;
    padding-bottom: 0;
}
#stcpopup .results li
{
    margin: 0;
}
#stcpopup .stcbottom
{
    width:      218px;
    padding:    5px 0px 0px 6px;
}
#stcpopup .stcbottom div
{
    border-top: 1px solid #848b4e;
}
#stcpopup .textc
{
    padding:    0 0 5px;
}
.stc-alert-sorry
{
    position:       relative;
    min-height:     20px;
    _height:        20px;
    margin-right:   10px;
    padding:        3px 0 7px 30px;
    background:     transparent;
    font-family:    arial, helvetica, sans-serif;
    font-size:      12px;
}
.stc-alert-sorry img
{
    float:          left;
    width:          28px;
    height:         29px;
    margin:         0 0 14px -30px;
    vertical-align: middle;  
}

/**
 * =LINK TO THIS MAP
 */
.lnktomap
 {
    display:    inline-block;
    float:      left;
    width:      300px;
    height:     200px;
    margin:     5px;
    border:     2px solid #ccc;
 }
.middletext
 {
    display:    inline-block;
    float:      left;
    margin-top: 15px;
    border:     none;
 }

/**
 * =FEATURE PAGES
 * @ old, lingering feature page css
 */
 /* =atlas menus */
 a.pageLink, a.pageLink:visited, a.pageLinkHover
 {
    color:          #000;
    font-weight:    bold;
    text-decoration:    none;
 }
 a.pageLinkHover:hover,  a.pageLinkHover:active
 {
    color:  #663;
 }
 #subpage #mqpage #titlebar
  {
     margin-left:     4px;
     margin-right:    3px;
 }