/* 
   ==================================
   MAPQUEST SITE ADVANTAGE STYLESHEET
   ==================================
   This stylesheet is for layout and markup of the sample files.
   Layout and markup of maps, directions, and other results are managed 
   in the mqconfig.css file.
*/

/* source from xlst file (cleaned-up) */
.mqBody
{
    background:     #fff;
    color:          #000;
    font-size:      11px;
    font-family:    verdana, arial, helvetica, sans-serif;
    min-width:      760px;
    background-color: #FFFFFF;
    
}
.mqTdaddress{
  height:16px;
}

* html body .mqTdaddress{
   height:16px;
   padding-bottom:16px;
}


.mqP {
    margin-top:10px;
    /*padding: 7px;*/
}

.mqTdlist {
    height:16px;
    padding-left:50px;
    }
    
* html body .mqTdlist {
    height:16px;
    padding-right:6px;
    }    

.mqHrLine{
    background-color: #666699;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
   
}

.mqEm {
    font-weight: bold;
    font-style:normal;    
}


#container {
    width: 760px;
    font-size: 11px;
    padding-left:8px;
}

.container_map_print
{
    width: 760px;
    font-size: 11px;
    margin-left:44px;
}

*html body .container_map_print
{
    width: 760px;
    font-size: 11px;
    margin-left:2px;
}

#container_route {
    width: 760px;
    font-size: 11px;
    padding-left:0px;    
    padding-top: 8px;
}

.container_route_print {
    width: 760px;
    font-size: 11px;
    padding-top:7px;
    padding-left:80px;
}

*html body .container_route_print {
    width: 760px;
    font-size: 11px;
    padding-top:7px;
    padding-left:0px;
}

#container_input {
    width: 760px;
    font-size: 11px;
    padding-left:8px;    
    padding-top: 8px;
}

.formTitle {
   padding-top:3px;
   padding-left: 14px;
}


#origForm,
#destForm {
    width: 45%;
    float: left;
    margin-left: 20px;
    margin-bottom: 15px;
}
#origForm_route {
    width: 45%;
    float: left;
    margin-left: 20px;
    margin-bottom: 8px;
    padding-left:9px;
}

#destForm_route {
    width: 45%;
    float: left;
    margin-left: 7px;
    margin-bottom: 8px;
}




#back,
#back a {
    color: #999;
    clear: both;
    font-size:11px;
}

div.row {
    clear: both;
    padding: 3px 5px 3px 5%;
}
div.row label {
    line-height: 20px;
    padding-right: 14px;
}
div.row input {
    margin-right: 7px;
    height:19px;    
}
div.row_route {
    clear: both;
    padding: 3px 5px 3px 5%;
    margin-left:4px;
    margin-top:10px;
}
div.row_route label {
    line-height: 15px;
    padding-right: 14px;
}
div.row_routeCity {
    clear: both;
    padding: 3px 5px 3px 5%;
    margin-left:4px;
    margin-top:7px;
}
div.row_routeCity label {
    line-height: 15px;
    padding-right: 8px;
}
div.row_addr {
    clear: both;
    padding: 17px 5px 3px 44px;
}
div.row_addr label {
    line-height: 15px;
    padding-right: 14px;
}
div.row_addr input {
    margin-right: 7px;
    height:19px;    
}

div.row_city {
    clear: both;
    padding: 10px 5px 3px 44px;
}
div.row_city label {
    line-height: 15px;
    padding-right: 14px;
}
div.row_city input {
    margin-right: 7px;
    height:19px;    
}

div.row_zip {
    clear: both;
    padding: 10px 5px 3px 44px;
}
div.row_zip label {
    line-height: 16px;
    padding-right: 8px;
}
div.row_zip input {
    margin-right: 0px;
    height:19px;    
}

div.mqSearchRow {
    clear: both;
    margin: 8px 5px 3px 40px;
}

div.mqSearchRow label {
    line-height: 15px;
    padding-right: 9px;
        
}

div.mqSearchRow input {
    margin-right:1px;
    height:15px;
}
div.row span.error {
    padding: 5px 0 5px 20px;
    background: url(/donatenow/locations/images/icons/icon_warning_small.gif) no-repeat left;
}
div.row select {
    width: auto;
    margin-right: 5px;
}

.hdrBar {
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 20px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:16px;
    position: relative;
    width: 740px;
    margin-left: 8px;
    margin-top: 13px;
    margin-bottom: 3px;
}

* html body .hdrBar {
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 20px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:20px;
    position: relative;
    width: 760px;
    margin-left: 8px;
    margin-top: 13px;
    margin-bottom: 3px;
}


.hdrBar_routeSearch {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 20px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:16px;
    position: relative;
    width: 740px;
    margin-left: 8px;
    margin-top: 13px;
    margin-bottom: 3px;
}



* html body .hdrBar_routeSearch {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 20px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:20px;
    position: relative;
    width: 760px;
    margin-left: 8px;
    margin-top: 13px;
    margin-bottom: 3px;
}


.hdrBar_routeSearchAmbig {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:16px;
    position: relative;
    width: 749px;
    margin-top: 13px;
    margin-bottom: 3px;
}



* html body .hdrBar_routeSearchAmbig {
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:20px;
    position: relative;
    width: 760px;
    margin-left: 8px;
    margin-top: 13px;
    margin-bottom: 3px;
}



.hdrBar_map {
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 20px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:16px;
    position: relative;
    width: 740px;
    margin-top: 13px;
    margin-bottom: 3px;
}
.hdrBar_route {
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 18px;
    background-color: #669;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    clear: both;
    height:16px;
    position: relative;
    width: 735px;
    margin-left: 7px;
    margin-top: 15px;
    margin-bottom: 3px;
}

.hdrBar span {
    position: absolute;
    right: 3em;
    top: .5em;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.label {
    text-align: right;
    padding-right: 5px;
}
.radius {
    padding-top: 15px;
    padding-left: 20px;
}
.radius_route {
    padding-top: 15px;
    padding-left: 35px;
}
.radius select {
    width: auto;
}
.divider {
    border-bottom: 1px solid black;
    margin: 15px 5px 15px 5px;
    width:80%;
}



.criteria {
    padding-left: 13px;
    padding-top:10px
    }
.criteria_route {
    padding-top:10px
}
*html body .criteria_route {
    padding-top:10px;
}
.formButton {
    width: 130px;
    margin: 0 auto 0 94px;
    padding-top: 23px;
    clear: both;
}
.rFormButton {
    width: 150px;
    margin: 0 auto 0 34em;
    padding-top: 15px;
    clear: both;
}
.rFormButton_route {
    width: 145px;
    margin: 0 auto 0 34em;
    padding-top: 15px;
    clear: both;
    margin-top:0px;
}



.prev,
.back,
.next {
    float: left;
    width: 33%;
    border: 1px solid #fff;
    text-align: center;
}
.hdr {
    padding: 0px;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    position: relative;
}
.hdr span {
    position: absolute;
    right: 2em;
    top: .5em;
    font-weight: bold;
    font-size: 12px;
}


.legal {
    color: #000;
    clear: both;
    height: 50px;
    width: 100%;
    padding-top: 5px;
}
.legal img {
    float: right;
    margin-right: 20px;
}
* {
    font-family: Verdana, Sans-Serif;
    color: #000;
}

/*

ddir.css
*/


.mqManList   {
   width: 760px;
   padding: 2px;
   padding-left: 0px;
   padding-right: 0px;
   font-family: Verdana; font-size: 11px; color: #000000;
}
.mqManList td span.left  {
   float: left;
   margin: 0 15px 0 0;
}
.mqManList td span.right  {
   float: right;
   margin: 0 10px 0 0;
}
.mqManList thead {
   background: #669;
}
.mqManList thead tr th {
   text-align: left;
}
.mqManList tr.o   {
   background: #ffffe8;
   height:25px;
}
*html body .mqManList tr.o   {
   background: #ffffe8;
   height:25px;
   margin-right:0px;
}
.mqManList tbody tr  {
   height: auto;
}
.mqManList tbody tr td  {
   padding: 0 4px 0 4px;
   
}
*html body .mqManList tbody tr td  {
   margin-right: 0;
   padding-right:0px;
   padding-left:0px;
 }
.mqManList tbody tr td img  {
   margin: 0 10px 0 0;
}
.mqManList tbody tr td div img   {
   float: left;
   margin: 4px 0 0 0;
}
.mqManList tbody tr td div.addr   {
   margin: 4px 0 0 25px;
}
.mqManList tbody tr td.map  {
   text-align: center;
   border-bottom: 1px solid #000;
   margin-bottom: 4px;
}
.endmap  {
   
   border-bottom: 1px solid #000;
   padding-top:0px;
   height:1px;
   valign:center;
}

td.wrp  {
   white-space: normal;
   height:25px;
}


/*
 * Style.css
*/
#manueverList td{
      height: 25px;
}


.mqTable {
font-family: Verdana; font-size: 11px; color: #000000;
}
.mqTable_route {
font-family: Verdana; font-size: 11px; color: #000000;
margin-left:4px;
}

.mqTable_map {
font-family: Verdana; font-size: 11px; color: #000000;
padding-top:8px;
}

* html body .mqTable_map {
font-family: Verdana; font-size: 11px; color: #000000;
padding-top:8px;
}

.mqTable_search {
font-family: Verdana; font-size: 11px; color: #000000;
padding-top:8px;
}

* html body .mqTable_search {
font-family: Verdana; font-size: 11px; color: #000000;
padding-top:8px;
}
.mqTd {
    height:16px;
    }

.mqSpace{
  padding-bottom:15px;
}

.mqTd_logo {
    height:16px;
}
* html body .mqTd_logo {
    height:16px;
    padding-top:15px;
}
.mqTd_route {
    height:16px;
}
.mqTd_map {
    height:13px;
}   
* html body .mqTd_map {
    height:13px;
    }     
.subhead
{
   height: 7px;
   font-weight: bold;
   
}

.printSubhead
{
   height:1px;
   font-weight: bold;
   
}


.mqSubhead
{
   height: 23px;
   font-weight: bold;
}

.mqSubheadstart
{
   height: 22px;
   
}
.mqSubheadend
{
  height: 26px;
  
}
.mqTdmid {
    height: 20px;
}


.mqTdbig {
    height: 25px;
}


.mqInput {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    height:19px;   
    color: #000;
}
.mqInput_submit {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
    height:21px;   
    color: #000;
}
.mqSelect {
    font-family: Verdana;
    font-size: 11px;
    color:#000;    
}

* html body .mqSelect{
      width:44px;

}

.mqSelectopt {
    font-family: Verdana;
    font-size: 11px;
    color:#000;    
}
* html body .mqSelectopt {
    font-family: Verdana;
    font-size: 11px;
    color:#000; 
    width:73px;
}
.mqBar {
    background-color: #666699;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    height: 20px;
    width: 350px;
}
.mqVSpcrSearch {
    min-height: 2px;
    margin-top:1px;
    
}
* html body .mqVSpcrSearch {   
   height: 1px;      
}

.mqTdNum
{
   width:40px;
}

*html body .mqTdNum
{
   width:0px;
   padding-left:10px;
   text-align:center;
}




.mqVSpcr {
    height: 10px;
    
}

* html body .mqVSpcr {
   height: 1px;   
}

.errormsg{
  font-color:#cc3333;
  font-weight:bold;
  padding-right:5px;
}


.mqHSpcr {
    width: 15px;
}
.mqEmp {
    font-weight: bold;
    font-size:11px;
}
.mqEmp2 {
    font-weight: bold;
    font-size: 12px;
}
.mqTdTotalDistance {
   height: 20px;
   align:right;
}
.mqHline {
    background-color: #000000;
    height: 1px;
    font-size:11px;
}
.mqVline {
    background-color: #000000;
    width: 1px;
}
.mqShade {
    background-color: #FFFFE8;
    height:25px;
}

.na
{
    height:25px;
}



* html body .subhead
{
       height:25px;

}


.mqCenter {
    text-align: center;
}
.mqSmLink {
    font-size:10px;
    color:  #00f;;
}

.mqSmText {
    font-size: 9px;
    text-align: center;
}
.mqFormSpcr {
    width: 30px;
}

* html body .mqFormSpcr {
    width: 1px;
}
* html body .mqDescSpcr {
    width: 8px;
}

.mqDescSpcr {
    width: 28px;
}
.mqBack {
    color: #999999;
}
.mqBorder {
    background-color: #333399;
}
.mqZoom {
    background-color: #F9F9F0;
}
.mqError {
    background-color: #EDEDED
    border-color:#000;
    border-width:1px;
}

.mqErrorTable {
    width:90%
}
.location   {
    background-color: #669;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    height: 20px;   
}




/**
 * =~=~=~=~=~=~=~=~=~=~=~=~=~=~=
 * 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;
}
/**
 * =RESET FONT DEFAULTS
 * @ for cross-browser consistency
 */

.mqHtml
{   /* ie has math issues so this helps adjust for proper em scaling */
    font-size:  100%;
}
.mqLabel
{
 color:          #000;
font-size:      1.2em;
font-family:    verdana, arial, helvetica, sans-serif;
}

/**
 * =HTML ELEMENTS
 */
 
.mqAnchor
{
    color:  #00f;
}
.mqIndexAnchor
{
    color:  #00f;
    font-size:11px;
    padding-left: 10px;
}
.mqAnchorcopy
{
    color:  #00f;
    font-size:10px;
}

*html body .mqAnchorcopy
{
  top:-30px;
  color:  #00f;
    font-size:10px;
}
.mqAnchorBack
{
   color: #999999;
}
.mqImage
{
    border: 0;
}
.mqHr
{
   text-align:left;
   width:80%;
   color:rgb(128,128,128);
      
}

.mqContent
{
    margin: 0 0 0 0;
}


.mqMainwrapper .mqContent .mqMain
{
   float:      left;
   margin-top: 5px;
}

.mqSide
{
   float:      left;
   margin-top: 5px;
   width:422px;
  
}

.help{
    font-size: 10px;
    text-align: center;
}

.prevLink
{
 float:left;
 text-align:center;
 width: 210px;
 margin-left:30px;
}

* html body .prevLink
{
 
  float:left;
  width: 135px;
  margin-left:30px;
}

.nextLink
{
  float:left; 
  width: 210px; 
  text-align: center;
  margin-left:10px;
}

* html body .nextLink
{
  
 float:left; 
   width: 100px; 
   text-align: center;
  margin-left:90px;
}

.backToTop
{
 float:left; 
 width: 200px;
 margin-left:25px; 
 text-align: center;
}

* html body .backToTop
{
  float:left; 
   width: 160px;
   margin-left:85px; 
 text-align: center;
}



/**
 * =FLOAT CLEARING
 */
.mqClear:after
{
   display: block;
   visibility: hidden;
   clear:      both;
   height:     0px;
   content: ".";
}

/* show iewin, hide iemac \*/
.mqClear
{
   display: block;
  
}

* html body .mqClear
{
   height:  1%; 
  
}

/* end hide */


.mqFormInput
{
padding-left:11px;
}
.mqFormInput_map
{
padding-left:6px;
}
.mqFormInput_maps
{
padding-left:14px;
}
.simple
{  
   background-color: #669;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   height: 20px;     
   width: 6px;
}

*html body .simple
{  
   background-color: #669;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   height: 20px;     
   width: 18px;
}


.directions
{
   background-color: #669;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   height: 20px;   
   width: 610px;
}
.distance
{
   background-color: #669;
   color: #fff;
   font-weight: bold;
   font-size: 12px;
   height: 20px;   
   width: 95px;
   text-align: left;
}
.mqInput_btn
{
width: 92px;
}
.mqInput_zip
{
width: 106px;
}
.mqInput_state
{
width: 40px;
}


.mqTd_routePrint
{
   width:50;
   padding-left:0px;
}

*html body .mqTd_routePrint
{
   width:50;
   padding-left:30px;
}

.mqTdSearchAmb
{
   width:646;
   padding-left:18px;
}

*html body .mqTdSearchAmb
{
   width:750;
   padding-left:18px;
}
.mqTdPrintLink
{
padding-bottom:5px;
}

*html body .mqTdPrintLink
{
padding-bottom:5px;
padding-right:6px;

}

.route_instructional
{
padding-left:0px
}

*html body .route_instructional
{
padding-left:40px
}

.mqchkbox{
  vertical-align:top;
}

* html body .mqchk{
  vertical-align:middle;
}
* html body .mqchkbox{
  vertical-align:middle;
}
.mqFont
{
  font-size:      11px;
  font-family:    verdana, arial, helvetica, sans-serif;
}
.errormsg{
  font-color:#cc3333;
  font-weight:bold;#
}