* {margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex {font: inherit; font-size: 1em}
dfn, i, cite, var, address, em {font-style: normal}
th, b, strong, h1, h2, h3, h4, h5, h6 {font-weight: normal}
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet {border: none}
table {border-collapse: collapse; border-spacing: 0}
caption, th, td, center {text-align: left; vertical-align: top}
body {line-height: 1; background: white; color: black}
q {quotes: "" ""}
ul, ol, dir, menu {list-style: none}
sub, sup {vertical-align: baseline}
a {color: inherit}
hr {display: none}
font {color: inherit !important; font: inherit !important; color: inherit !important}
html {font-size: 80%; font-family: verdana, helvetica, arial, sans-serif}
strong, th, thead td, h1, h2, h3, h4, h5, h6 {font-weight: bold}
table {font-size: 90%}
cite, em, dfn {font-style: italic}
code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {font-size: 92%}
del {text-decoration: line-through; color: #666}
ins, dfn {border-bottom: 1px solid #ccc}
small, sup, sub {font-size: 85%}
abbr, acronym {text-transform: uppercase; font-size: 85%; letter-spacing: .1em}
a abbr, a acronym {border: none}
abbr[title], acronym[title], dfn[title] {cursor: help; border-bottom: 1px solid #ccc}
sup {vertical-align: super}
sub {vertical-align: sub}
label {display:block; margin-bottom:3px; margin-top:7px;}
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #666}
blockquote *:first-child:before {content: "\201C"}
blockquote *:first-child:after {content: "\201D"}
q {quotes: "\201C" "\201D" "\2018" "\2019"}
html[lang|='en'] q:before {content: '\201C'}
html[lang|='en'] q:after {content: '\201D'}
html[lang|='en'] q q:before {content: '\2018'}
html[lang|='en'] q q:after {content: '\2019'}
fieldset {border: 1px solid #ccc}
legend {background: #fff}
textarea, input[type='text'], input[type='password'], select {border: 1px solid #ccc; background: #fff}
textarea:hover, input[type='text']:hover, input[type='password']:hover, select:hover {border-color: #aaa}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {border-color: #aaa}
input, select {cursor: pointer}
input[type='text'], input[type='password'] {cursor: text}
.content {font-size: 1em; line-height: 1.25em}
.content h1 {font-size: 1.6em}
.content h2 {font-size: 1.5em}
.content h3 {font-size: 1.4em}
.content h4 {font-size: 1.3em}
.content h5 {font-size: 1.2em}
.content h6 {font-size: 1em}
.content code {font-family: 'Courier New', fixed}
.content hr {display: block; background: #aaa; color: #aaa; width: 100%; height: 2px; border: none}
.content ol , ol{ list-style-position: outside; list-style-type: decimal}
.content dt , dt{ font-weight: bold}
.content blockquote *:first-child {margin: .8em 0}
.content hr, .content p, .content ul, .content ol, .content dl, .content pre, .content blockquote, .content address {margin-bottom: 1.6em}
.content p+p {margin-top: -.8em}
.content h1 {margin: 1em 0 .5em}
.content h2 {margin: 1.07em 0 .535em}
.content h3 {margin: 1.14em 0 .57em}
.content h4 {margin: 1.23em 0 .615em}
.content h5 {margin: 1.33em 0 .67em}
.content h6 {margin: 1.6em 0 .8em}
.content caption {padding-bottom: .8em}
.content blockquote {padding: 0 1em; margin: 1.6em 0}
.content fieldset {padding: 0 1em 1em 1em; margin: 1.6em 0}
.content legend {padding-left: .8em; padding-right: .8em}
.content legend+* {margin-top: 1em}
.content textarea, .content input {padding: .3em .4em .15em .4em}
.content select {padding: .1em .2em 0 .2em}
.content option {padding: 0 .4em}
.content a {position: relative; padding: 0.3em 0 .1em 0}
.content dt {margin-top: .8em; margin-bottom: .4em}
.content ul {margin-left: 1.5em}
.content ol {margin-left: 2.35em}
.content ol ol, .content ul ol {margin-left: 2.5em}
.content form div {margin-bottom: .8em}
table.form-table#overview_graphs {width: 100%}
table.form-table#overview_graphs td {padding: 25px 0px 25px 80px; width: 200px;}
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 10001; background-color: #A0A0A0!important}
#MB_overlay[id] {position: fixed}
#MB_window {position:absolute; top: 50px; border: 0 solid; text-align:left; z-index:10002}
#MB_frame {position:relative; height:100%}
#MB_header {margin:0; width:100%; height: 35px; font-size: 1.25em; font-weight: bold; color: #FFF; position:relative}
div.wide #MB_header{ }
#MB_header_top{ position:absolute; top:0; left:0; background:url('/images/modal-header-top.gif') no-repeat left top; width:100%; height:11px}
#MB_header_bottom{ position:absolute; top:11px; left:0; background:#9CB6C7 url('/images/modal-header-bottom.gif') no-repeat left top; width:100%; height:27px}
div.wide #MB_header_top{ background-image:url('/images/modal-header-wide-top.gif')}
div.wide #MB_header_bottom{ background-image:url('/images/modal-header-wide-bottom.gif')}
#MB_content_bottom {background: url('/images/modal-footer.gif') no-repeat left top; padding: 0 15px; height: 45px}
div.wide #MB_content_bottom{ background: url('/images/modal-footer-wide.gif') no-repeat left top}
#MB_content {padding: 18px 18px; overflow:auto; font-family:"Arial"; color:#6F6F6F}
#MB_caption {font: bold 85% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: 1em 0 0 2px; margin: 0; text-align: left; position:absolute; left:15px; top:3px}
#MB_close {display:block; position:absolute; right:20px; top:13px; padding:2px 3px; font-weight:bold; text-decoration:none; font-size:11px}
#MB_loading {padding: 1.5em; text-indent: -10000px; background: transparent url('/images/spinner.gif') 50% 0 no-repeat}
#MB_window {color:#000}
#MB_content {border-top: 1px solid #F9F9F9; background-color:#FFF}
#MB_caption {color:#FFF }
#MB_close {color:#CA3000 }
#MB_close:hover {opacity:.5}
.MB_alert {margin: 10px 0; text-align: center}
body{ background-color:#E8E8E8; font-family:"Arial"; color:#6F6F6F}
.content h3{ color:#CA3000; margin-bottom:0px}
a{ color:#CA3000 }
a:hover, .button:hover{ text-decoration:underline}
input, select{ font-family:"Arial"; color:#6F6F6F}
.error{ color:#CA3000}
.print{ display:none}
ul, li{ margin-top:5px}
.png-image{ display: inline-block}
#framing {margin: 0 auto; position: relative; width: 978px; padding-left:0px}
#header {height:23px; width: 978px; padding:0; position:absolute; top:-15px}
#bottom{ margin:0; padding:0}
#header span{ margin-bottom:-1px}
#header_links{ background-color:#EFF8FF; border:1px solid #FFFFFF; color:#376680; float:right; font-size:0.5em; margin-top:32px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; padding: 0 5px; font-size:.48em; font-weight:normal}
#header_links a{ margin-left:7px; border-right:1px solid #376680; padding:0 7px 0 0; font-weight:bold}
#header_links a.no-border{ border:none}
#header_links a.highlight{ }
#header_links span{ margin-left:7px; font-weight:normal}
#masthead {background: #9CB6C7; color:white; padding:0 14px; height: 50px; font-size:22px; font-weight:bold; margin-bottom:10px; margin-top:4px}
#masthead a{ color:#ca3000}
#welcome {float:left; margin-top:10px}
#logo {float:left; margin-top:5px}
#logo a{ background:url('/images/mapwalk-logo.png') no-repeat 0 0; height:40px; width:200px; margin-top:0px; display:block}
#logo a:hover{ text-decoration:none}
#main {margin-top:20px; padding-left:21px; padding-right:27px; background:url('/images/background.png') repeat-y 0 0}
#main_content{ padding: 0 25px 25px; overflow: auto}
#map {width:625px; position:relative; float:left; margin-left:15px}
#loading {position:absolute; left:290px; top:280px}
#satellite-options {position:absolute; color:white; border: 1px solid #A0A0A0; background-color:#A0A0A0}
#map-details a{ color:#CA3000}
#map-content{ height:606px; font-size:.9em}
#map-details{ float:left; width:280px; font-size:1.05em}
#map-details a:hover, #map-details span.strong:hover {text-decoration:underline}
#route {}
#route-info {margin:0 0 0 5px; width:95%}
#route-summary {}
#route-summary tr td {border-right: 2px solid #A0A0A0; width:140px; padding-left:20px; padding-top:5px; padding-right:5px; vertical-align:top}
#route-summary a span.help{ display:inline-block; height:15px; width:15px; float:right; margin:0; background-color:#9CB6C7}
#route-summary tr td.first {padding-left:0px}
#route-summary tr td.last {border-right: none}
#route-summary tr td.last:hover {text-decoration: none}
.strong {color:#CA3000}
#route strong, #message strong {font-size:1.3em}
#route span {}
#route span.show-button {font-size:.9em; color:#CA3000}
#route span.show-button:hover {text-decoration:underline; cursor:pointer}
#recent_routes_header{ margin-left:5px}
#saved-routes {margin:0 0 10px 5px}
#saved-routes span.strong {font-size:.9em}
#saved-routes table {margin-top:10px}
#saved-routes table tr td {padding-right:10px}
#saved-routes strong {font-size:1.2em}
#route_name{ width:200px; padding:0}
#route_name div.name-container{ display:block; width:100%; padding: 5px 10px 5px 5px; border: 2px solid #9CB6C7; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#route_name input{ width:95%}
#route_name div.custom-advice{ margin-bottom:0}
#route span.strong {font-size:.9em; cursor:pointer}
#route-actions{ font-size:2em; text-align:right; font-weight:bold}
#map-details #route-actions span.strong:hover{ text-decoration:none; opacity:.75; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75)}
#extra_actions{ padding-left:5px; padding-bottom:15px}
#extra_actions span{ margin-right:10px}
span.private{ margin:10px 5px}
#toolbar {background-color: #A0A0A0; color:#FFF; font-weight:bold; padding:6px; font-size:1.05em; width: 613px}
#zoom-slider img {padding-bottom:3px}
#map-canvas {width: 625px; height: 550px; position: relative}
#view {border: 1px solid #D7D7D7; padding-left: 2px}
#toolbar table {}
#toolbar table tr td {text-align:left; padding: 0 9px; vertical-align: middle}
#toolbar table tr td.last {color:#FFF; cursor:pointer}
#toolbar table tr td:hover,#toolbar table tr td.last:hover, #toolbar .button:hover {text-decoration:none}
#toolbar #zoom {width:150px}
#toolbar #zoomIn {font-size:1.6em}
#toolbar #zoomOut {font-size:1.8em}
#message {margin-top:5px}
#message span {font-size:1.5em}
#search-box {margin:1px 0 10px; padding: 6px 5px 15px; background-color:#EFF8FF; border: 2px solid #9CB6C7; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#search-box strong.strong {cursor:pointer; font-size:1.6em; margin-left:12px}
#search-box strong.strong:hover {opacity:.75; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75)}
.dropdown {width:50px; font-size:.9em; font-weight:normal; background-color: #5F5F5F; position:absolute; color:#D7D7D7; z-index:10000}
.dropdown table {width:100%}
.dropdown table tr td {padding-left:5px; padding-bottom:2px}
#route-details{ margin-top:10px; height:195px; overflow-y:auto}
#route-details table {width:100%; font-size:.8em}
#route-details table tr td {padding-right:5px; text-align:right; width:130px}
#route-details table tr td.point {padding-right:5px}
#footer {text-align:center; font-size:.9em; color:#A0A0A0}
#footer a{ color:#A0A0A0}
#copyright {color:#ADC3D3}
.button {cursor:pointer; cursor:hand}
div.button {margin-right:40px}
div.button, td.button {color:#CA3000}
#toolbar td.button{ color:#FFF}
#map-types td.button{ color:#FFF}
img.bottom-logo {position:absolute; bottom:105px; left:25px; opacity:.30; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30)}
#toolbar .button:hover, #map-types .button:hover {color:white}
#route-print-details{ display:none}
#route-actions span {margin-left:10px}
input.disabled {}
input.required, textarea.required {}
input.validation-failed, textarea.validation-failed {}
input.validation-passed, textarea.validation-passed {}
.validation-advice {color: #E00000;}
.custom-advice {color: #E00000}
.error {color: #E00000; display:inline;}
.roundcont {color: #000; position:absolute; z-index:10000}
.roundcont div.tooltip-text {background-color:#FFF; font-size:.9em; position:absolute; left:4px; top:0px; border-bottom: 1px solid #000; border-top: 1px solid #000; padding-left:3px; padding-right:3px; z-index:10001; text-align:center}
.roundcont .upper-left {height:4px; width:4px; position:absolute; top:0; left:0; z-index:10001}
.roundcont .upper-right {height:4px; width:4px; position:absolute; right:0; top:0; z-index:10001}
.roundcont .upper-right img, .roundcont .bottom-right img, .roundcont .upper-left img, .roundcont .bottom-left img{ height:4px; width:4px; position:absolute; top:0; left:0; z-index:10001}
.roundcont .bottom-left {height:4px; width:4px; position:absolute; bottom:0; left:0; z-index:10001}
.roundcont .bottom-right {height:4px; width:4px; position:absolute; right:0; bottom:0; z-index:10001}
.roundcont .tooltip-layer-h{ position:absolute; left:4px; top:0; z-index:10001}
.roundcont .tooltip-layer-v{ position:absolute; left:1px; top:4px; z-index:10001}
.roundcont .left-border{ border-left: 1px solid #000; position:absolute; top:4px; left:0px; width:4px; background-color:#fff; z-index:10001}
.roundcont .right-border{ border-right: 1px solid #000; position:absolute; top:4px; right:0px; width:4px; background-color:#fff; z-index:10001}
.roundcont .carot{ position:absolute; bottom:1px; z-index:10001}
.roundcont .carot img{ position:absolute; left:0; top:0; z-index:10001}
.button-row {color:#CA3000; font-size:1.2em; font-weight:bold; margin-top:10px}
.button-row a{ color:#CA3000}
.button-row .center{ border:none}
.button-row .center .button:hover, .button-row .center a:hover {opacity:.75; text-decoration:none}
.button-row * {display:inline}
.button-row div.center div.link{ margin-right:30px}
.routes tr td {padding: 2px 15px; border-right: 1px solid black}
.routes tr td.gray {color:#A0A0A0}
.routes tr td.strong {border-right:none}
.help-tip-link, #help-tip-box a{ color:#CA3000}
#help-tip-box {margin: 0; padding: 0; width: 251px}
#help-tip-box div.top {background: url('/images/help-tip-top.gif') no-repeat left top; margin: 0; padding: 0 10px; width: 234px; height: 12px}
#help-tip-box div.main {background-color:#FFF; margin: 0; padding: 0 10px; width: 229px; border-left: 2px solid #98B6CB; border-right: 2px solid #98B6CB}
#help-tip-box p {margin: 0; padding: 1em 0;}
#help-tip-box div.main p.legend {margin: 0; padding: 0; font-size: 1em; font-weight: bold; color: #CA3000}
#help-tip-box div.bottom {background: url('/images/help-tip-bottom.gif') no-repeat left top; margin: 0; padding: 0 10px; width: 234px; height: 20px}
tr.heading th{ padding-top:20px; padding-bottom:5px}
tr.even td {background-color:#FFF}
tr.odd td {background-color:#EFF8FF}
table.routes {width:98%}
.form-table tr td{ padding-right:20px}
table.search-table tr td{ padding: 0 5px}
.dynamic-search{ height:62px }
.second-criteria{ margin-top:3px; margin-right:10px }
.second-criteria-label{ margin-left:64px }
.search-textbox{ margin-top:3px; margin-right:10px}
.clear-link{ }
.search-feedback{ position:absolute; right:10px}
.paged-navigation{ width:300px; float:left; margin-top:25px}
.nav-container{ width:300px}
.paged-link{ margin-right:5px}
.page-size{ width:200px; float:right; margin-top:25px}
.ajax-search{ float:left; width:100%; margin-bottom:25px}
div.subnav span{ margin-right:15px}
div.subnav span.title{ font-size:1.5em; font-weight:bold; margin-right:25px}
#mapwalk-tip{ position:relative; padding: 0 0; margin-bottom: 10px; font-size:.9em; height:50px; width:283px; background-color:#EFF8FF; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#mapwalk-tip div.tip-text{ padding: 2px 10px 2px 10px}
#mapwalk-tip-container{ padding: 0 1px}
#tip-text{ position:relative}
#forward{ margin-top:7px; margin-left:-3px}
#back{ margin-top:7px; margin-left:-3px}
#tip-loading{ margin-left:-3px}
#tip-top, #tip-top img{ position:absolute; left:0; top:0px}
#tip-top,#tip-bottom{ padding:0; margin:0}
#tip-bottom, #tip-bottom img{ position:absolute; left:0; bottom:0px}
#tip-nav{ height:50px; font-size:1.0em}
#tip-nav tr td{ vertical-align:middle}
#tip-nav #tip-arrows{ width:30px; padding-top:7px}
#tip-nav #tip-arrows a:hover{ text-decoration:none}
#forward-tip{ display:block; float:left}
#forward-tip:hover{ opacity:.5}
#back-tip{ display:block; float:left}
#back-tip:hover{ opacity:.5}
.tip{ color:#CA3000}
.arrow{ opacity:0.6; display:block}
.arrow:hover{ cursor:pointer; cursor:hand}
div.auto_complete {width:245px; background:#fff; z-index:1000}
div.auto_complete ul{ border:1px solid #888; margin:0; padding:0; width:100%; list-style-type:none}
div.auto_complete ul li{ margin:0; padding:3px; cursor:pointer; list-style-type:none}
div.auto_complete ul li.selected{ background-color:#EFF8FF}
div.auto_complete ul strong.highlight{ color: #800; margin:0; padding:0}
div.help img{ padding:15px 0; margin:auto}
div.help{ line-height:1.2em; font-size:.9em}
div.help a{ color:#CA3000}
#help-content div.button{ font-size:.7em}
div.help ul li{ line-height:1.0em}
.dialog{ width:100%; text-align:center; padding-top:50px}
#community_routes{ width:625px; position:absolute; z-index:9999; left:0; top:50px; opacity:.92; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92)}
#community_routes_container{ }
.content #community_routes h5{ margin-top:0}
#community_routes_row{ height:115px; border-left: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; background-color:#FFF; z-index:10000; padding-left:10px}
#community_routes div.cell{ float:left; width:30%; margin: 7px 0; padding: 0 5px}
div.center{ border-left: 2px solid #d8d8d8; border-right: 2px solid #d8d8d8}
#route_cells div.center{ height:100px}
div.right{ border-left: 2px solid #d8d8d8}
#route_details div.right{ height:100px}
div#community_bottom {text-align:center; background: transparent url('/images/community-footer.png') no-repeat bottom; height:6px; font-size:.9em}
div#community_bottom span{ opacity:.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); margin-bottom:1px; display:inline-block; cursor:pointer}
#toggle_markers_div{ width:618px; padding-right:5px; text-align:right; background-color:#FFFFFF; border-left:1px solid #D8D8D8; border-right:1px solid #D8D8D8}
.collection-link{ margin-left:15px}
div#collection_type{ margin-top:25px}
#community_toolbar{ background-color:#ECECEC; border: 1px solid #DBDBDB; width:623px; height:20px}
#route_details_container{ width:623px; z-index:10001; position:absolute; top:1px; left:1px}
#route_details{ width:614px; height:115px; background-color:#fff; padding-left:9px}
#community_toolbar{ position:relative}
#community_headers{ position:absolute; left:10px; top:0px; z-index:10000; width:615px}
#route_headers{ position:absolute; left:10px; top:0px; z-index:9999}
#community_toolbar div.three-col{ float:left; width:30%; color:#4d8099; padding: 0 5px; cursor:pointer; margin-top:3px}
#community_toolbar div.open{ background: url('/images/open-arrow.jpg') no-repeat right}
#community_toolbar div.closed{ background: url('/images/closed-arrow.jpg') no-repeat right}
#community_toolbar div.two-col{ float:left; width:47%; color:#4d8099; padding: 0 5px; cursor:pointer; margin-top:3px; height:15px; display:block}
div#community_details #route-details-slide{ opacity:.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93); display:inline-block; cursor:pointer; position:absolute; left:4px; top:43px; z-index:100000}
.star{ cursor:pointer}
#route_details_cell .route-name{ float:left; width:60%}
#route_details_cell .route-details{ float:left; width:100%; clear:left; margin-top:5px}
#route_details_cell .route-details div{ float:left; width:30%}
#star_ratings{ float:left; clear:right}
#route_notes{ float:left; clear:left; width:100%}
#route_tags{ float:left; width:95%; margin-top:5px; height:45px}
#login_user{ font-size:1.2em; margin:25px}
#star_ratings{ width:81px; position:relative; cursor:pointer; height:30px; background-repeat: no-repeat}
#explanation{ position:absolute; width:139px; height:45px; text-align:center; opacity:.85; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85); background-color:#EFF8FF; border: 2px solid #9CB6C7; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; z-index:9999999; vertical-align:middle; padding:15px 5px; -webkit-box-shadow: 0 8px 16px #000; -moz-box-shadow: 0 0 16px #000; box-shadow: 0 0 16px #000}
.hidden-star{ display:none}
div.none{ background-image: url('/images/no-stars.png')}
div.red-1{ background-image: url('/images/1-star-red.png')}
div.red-2{ background-image: url('/images/2-star-red.png')}
div.red-3{ background-image: url('/images/3-star-red.png')}
div.red-4{ background-image: url('/images/4-star-red.png')}
div.red-5{ background-image: url('/images/5-star-red.png')}
div.yellow-1{ background-image: url('/images/1-star-yellow.png')}
div.yellow-2{ background-image: url('/images/2-star-yellow.png')}
div.yellow-3{ background-image: url('/images/3-star-yellow.png')}
div.yellow-4{ background-image: url('/images/4-star-yellow.png')}
div.yellow-5{ background-image: url('/images/5-star-yellow.png')}
#pointer{ background-color:#FFDACF; border: 2px solid #CA3000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0 2px 12px #acacac; -moz-box-shadow: 0 0 12px #acacac; box-shadow: 0 0 12px #acacac; position:absolute; width:200px; padding: 10px; z-index:10000; color:#000; font-weight:bold; font-size:.9em; line-height:1.2em}
#pointer a.pointer-close{ position:absolute; right:3px; top:3px}
#pointer_arrow{ position:absolute; z-index:10001}
#tabs{ padding:0; margin:0; list-style-type:none; list-style:none}
#tabs li{ list-style-type:none; list-style:none; display:inline; padding:0 15px 0 0; margin:0 0 0 15px; border-right:2px solid #acacac}
#tabs li.last{ border:none}
#tabs li.active a{ font-weight:bold; text-decoration:underline}