/**
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * MapQuest Template Style Sheet
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * @ default page structure
 * @ common page layouts and presentation
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * TOC
 * - reset white space
 * - reset font defaults
 * - html elements
 * - aol hat
 * - 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;
}
mqDirmanTd
{
	background-color: green;
	font-size:11px;
}
address, blockquote, dl, pre
{
    margin: 10px 0;
}
blockquote, dd
{
    margin-left:    40px;
}
body
{
    min-width:      765px;
    /*width:         expression(document.body.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-size : 13px;
    /* font-family:    verdana, arial, helvetica, sans-serif;*/
    font-family : Arial;
}
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;
    
}
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;
}

panelheading
{
    font-size:  16px;
}
panelheading innettext
{
    font-size:  12px;
}

/**
 * =AOL HAT
 * @ aol provided xhtml via js api, locally rewrote css to correct layout issues
 */
 
 /*
#mqaolhat
{
    width:      765px;
    margin-top: 7px;
}
#aol_hat
{
    margin: 0 22px 0 10px;
    font:   bold 1.1em arial, sans-serif;
}
#aol_hat ul
{
    list-style:     none;
    float:          left;
    width:          250px;
    margin:         0.45em 0 0;
    padding:        0;
}
#aol_hat>ul
{
    margin-top: 0.5em;
}
#aol_hat ul li
{
    display:        inline;
    margin:         0;
    padding:        0 5px;
    border-right:   1px solid #868a4d;
    font:           bold 1em arial, sans-serif;
}
#aol_hat ul li.aol_hat_last
{
    padding-right:  10px;
    border:         none;
}
#aol_hat a, #aol_hat2 a:visited
{
    color:              #868a4d;
    text-decoration:    none;
}
#aol_hat a:hover
{
    text-decoration: underline;
}
#aol_hat div
{
    float:          right;
    width:          300px;
    height:         2.18em;
    color:          #868a4d;
    text-align:     right;
    vertical-align: middle;
    line-height:    2.18em;
}
#aol_hat div form
{
    margin:     0;
    padding:    0;
}
#aol_hat input.aol_hat_search
{
    width:          118px;
    height:         1.6em;
    margin-right:   2px;
    border:         1px solid #56ba24;
    color:          #666;
    font-size:      1em;
    padding-top:    2px;
    vertical-align: middle;
}
#aol_hat form>input.aol_hat_search
{
    height:         1.5em;
}
#aol_hat label
{
    margin:     0;
    padding:    0;
    font-size:  1em;
}
#aol_hat input.aol_hat_button
{
    width:              50px;
    height:             1.9em;
    margin-top:         1px;
    border:             1px solid #56ba24;
    background-color:   #bfebaa;
    font:               1em tahoma, arial, sans-serif;
    vertical-align:     middle;
}
#aol_hat>input.aol_hat_button
{
    margin-top:         0;
}
*/

/**
 * =HEADER
 */
 
 /*
#mqheader
{
    position:   relative;
    width:      100%;
    background: transparent url(http://cdn.mapquest.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:  220px;
    margin: 0 0 5px;
}
#mqheader div.nav ul
{  
    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://cdn.mapquest.com/mqsite/cw-bg-lftside) 110% 0 repeat-y;*/
}
.mqWrapper
{
/*  background: transparent url(http://cdn.mapquest.com/mqsite/cw-bg-rtside) 100% 0 repeat-y;*/
}
.mqContent
{
    margin: 0 0 0 0;
}

/**
 * =FORM PAGES
 * @ default form, ambiguity, geodiff and search template
 */
 /*
#formpage
{
    width:  760px;
}
#formpage .main
{
    float:  left;
    width:  362px;
}
#formpage .side
{
    float:  left;
    width:  372px;
}
#formpage .side .well
{
    margin-left:    10px;
}
#formpage #ddform .side
{
    margin-top: 5px;
}

*/

/**
 * =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 */
.mqMainwrapper .mqContent .mqMain
{
   float:      left;
   margin-top: 5px;
}

.mqSide
{
   float:      left;
   margin-top: 5px;
   width:422px;
  
}
.mqMain
{
   float:      left;
   margin-top: 5px;
   width:412px;
}

/**
 * =FOOTER
 */
 
/* 
#mqfooter
{
    padding:    5px 10px 10px;
    background: transparent url(http://cdn.mapquest.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;
}
#mqfooter li.last
{
    border: none;
}
#mqfooter li a, #mqfooter li a:visited
{
    color:  #868a4d;
}
#mqfooter div
{   
    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;
}
/*
.mqNowrap
{
    white-space:    nowrap;
}
*/
.mqTextc
{
    text-align: center;
}
/*
.textl
{
    text-align: left;
}
*/
.mqTextr
{
    text-align: right;
}

/**
 * =FLOAT CLEARING
 */
.mqClear:after
{
   display: block;
   visibility: hidden;
   clear:      both;
   height:     0px;
   content: ".";
}

/* show iewin, hide iemac \*/
* html .mqClear
{
   height:  1%;
}
.mqClear
{
   display: block;
}
/* end hide */

.fltl
{
   float:   left;
}
.fltr
{
   float:   right;
}
.mqWell
{
	margin-left: 10px;
}
