/* Montgomery County: Map CSS  */
/* Shannon-Rose Design 2008	*/

img { border: none; }
div.push { background: #c2bfaa url(/imgs/map/mapPushBkgd.gif) repeat-y 0 0; }
div#mainColumn { background-color: #fff; }
div#mapWrap { width: 700px; height: 353px; }
div#mapContent { height: 274px; width: 700px; background-color: #c2bfaa; border-top: 6px solid #989580; padding: 0 0 13px; }
div#mapNavigation { float: left; display: inline; width: 232px; height: 274px; }
#mapNavigation ul { margin: 10px 0 0; }
#mapNavigation ul li { width: 232px; display: block; height: 25px; }
#mapNavigation li a { color: #fff; display: block; height: 25px; width: 232px; font-size: 12px; text-decoration: none; position: relative; }
#mapNavigation li a:hover { color: #000; background-color: #d4d2c3; }
#mapNavigation li a span { line-height: 25px; width: 201px; border-top: 1px solid #a09d8c; position: relative; display: block; margin: 1px 0 0 16px; top: -1px; }
#mapNavigation li a span img { float: left; margin: 0 5px 0 0; width: 25px; height: 25px; }
#mapNavigation li a span img.visibilityToggle { float: left; margin: 6px 0 0 0; width: 17px; height: 11px; }
#mapNavigation li a span em, #mapNavigation li a span strong { font-style: normal; float: left; display: inline; width: 151px; }
#mapNavigation li.activeAttraction a { color: #000; background-color: #f7f6f1; }
div#mapDetails { float: left; display: inline; width: 468px; background-color: #f7f6f1; height: 278px; }
div#mapDetails.exploreTheCounty { height: 284px; margin: -6px 0 0; background-image: url(/imgs/map/exploreTheCountyBkgd.jpg); background-position: 100% 0; background-repeat: no-repeat; }
.exploreWelcomeScreen h2 { color: #000; font: normal 16px/20px Georgia, "Times New Roman", Times, serif; margin: 10px 0 15px 22px; }
.exploreWelcomeScreen h3 { color: #ee252a; font-weight: bold; font-size: 12px; margin: 0 0 15px 22px; }
.exploreWelcomeScreen p { color: #727272; margin: 0 0 15px 22px; }
.exploreWelcomeScreen img.headerImage { position: relative; margin: 15px 0 0 22px; width: 266px; height: 62px; }
.exploreWelcomeScreen img.arrowImage { position: relative; display: inline; margin: 0 10px 0 5px; width: 7px; height: 12px; }
#mapDetails div.seasonNav, #mapDetails div.eventsHeader { height: 27px; width: 468px; background-color: #cad4dc; }
.seasonNav p, .eventsHeader p { width: 160px; padding: 0 0 0 15px; line-height: 27px; color: #5f758b; float: left; display: inline; }
.seasonNav p { text-align: right; padding: 0 15px 0 0; }
.eventsHeader p { width: 210px; }
.eventsHeader p.eventSubmission { padding: 0 15px 0 0; float: right; display: inline; text-align: right; }
.eventsHeader p.eventSubmission a { color: #5f758b; }
.seasonNav ul li { margin: 2px 4px 0 0; height: 25px; background-color: #f7f6f1; float: left; display: inline; }
.seasonNav li a { padding: 0 7px; color: #5f758b; font-size: 11px; line-height: 25px; display: block; text-decoration: none; }
.seasonNav li a:hover { color: #5e5c52; text-decoration: underline; }
.seasonNav ul li.inactiveSeason { background-color: #cad4dc; }
.seasonNav li.inactiveSeason a { color: #5e5c52; }
.seasonNav li.inactiveSeason a:hover { color: #5f758b; text-decoration: underline; }
.seasonNav li a img { float: left; margin: 4px 5px 0 0; width: 16px; height: 16px; }
.attractionInfoHeader, .eventInfoHeader { /*height: 31px;*/ width: 468px; }
.attractionInfo { height: 220px; width: 468px; overflow: auto; }
.eventInfo { height: 220px; width: 468px; }
.eventInfoNav { float: left; display: inline; width: 81px; }
.eventInfoContent { float: left; display: inline; width: 371px; }
.eventInfoNavOverflow { width: 81px; height: 220px; overflow: auto; }
.eventInfoContentOverflow { width: 371px; height: 220px; overflow: auto; }
table th { font-size: 9px; line-height: 15px; color: #989580; border-bottom: 1px solid #c2bfaa; text-transform: uppercase; letter-spacing: 0.05em; }
table.attractionTable { width: 430px; }
table.eventsTable { width: 341px; }
table.navTable { width: 51px; }
table.tableHeader { margin: 10px 0 5px 11px; }
table.tableContent { margin: 0 0 5px 11px; }
table td.spacerRow { font-size: 4px; line-height: 4px; height: 4px; }
table td { vertical-align: top; font-size: 11px; line-height: 15px; }
table td a { color: #46453f; text-decoration: none; display: block; padding: 3px 0; }
table td.leftColumn { text-align: center; }
table td.alternateRow { background-color: #f0eee6; }
table td.activeRow { background-color: #d8e1e8; }
table td.seasonIndicator { text-align: right; }
table td.seasonIndicator img { margin: 3px 4px 0 0; width: 12px; height: 12px; }
.leftColumn { width: 46px; }
.middleColumn { width: 295px; }
.rightColumn { width: 89px; }
.navColumn { width: 51px; }
.navColumn a { padding: 3px 0 3px 5px; }
img.moreInfoIcon { width: 13px; height: 13px; }
.attractionOverlayWrap { height: 0; width: 468px; float: right; position: relative; display: none; z-index: 10; }
.attractionOverlayHeader { background-color: #7d7b6d; height: 32px; width: 468px; }
.attractionOverlayHeader p.close { width: 75px; float: left; display: inline; position: relative; padding: 11px 0 0 15px; text-transform: uppercase; font-size: 12px; line-height: 13px; letter-spacing: 0.1em; font-weight: bold; }
.attractionOverlayHeader img { margin: 0 6px 0 0; }
.attractionOverlayHeader a { color: #fff; text-decoration: none; display: block; }
.attractionOverlayHeader a:hover { text-decoration: underline; }
.attractionOverlayHeader p.addToItinerary { width: 160px; float: right; display: inline; margin: 2px 15px 0 0; font-size: 12px; line-height: 28px; color: #EBE9DC; }
.attractionOverlayHeader p.addToItinerary a img, .attractionOverlayHeader p.addToItinerary img, .attractionOverlayHeader p.close a img, img.moreInfoIcon { font-size: 2px; line-height: 4px; }
.attractionOverlayContent { background-color: #f7f6f1; width: 468px; height: 252px; overflow: hidden; }
.attractionOverlayContent h1 { color: #000; font: normal 18px/22px Georgia, "Times New Roman", Times, serif; padding: 17px 22px 10px; }
.attractionOverlayContent p { color: #727272; line-height: 16px; padding: 0 22px 10px; }
.attractionOverlayContent ul { margin: 0 0 10px; }
.attractionOverlayContent li { color: #727272; font-size: 10px; line-height: 16px; padding: 0 22px 3px; }
.attractionOverlayContent p span.addressSeparator { padding: 0 5px; }
.attractionOverlayContent a { color: #3b658f; position: static!important; }
.attractionOverlayContent img { border: 1px solid #989580; }
table td.activeInteractiveSelection { background-color: #d8e1e8!important; }
div.loadingGraphic { text-align: center; background-color: #F7F6F1; padding: 25px; position: relative; z-index: 555; margin: -160px 100px 0 0; float: right; border: 1px solid #C2BFAA; display: inline; }
div.noShow { display: none; }
div.attractionOverlayContent img.attractionImage { float: left; display: inline; position: relative; margin: 3px 10px 10px 22px; }
/* Surrounding Attractions Button */
a.surroundingAttractions, a.surroundingAttractions:visited { text-decoration: none; width: 138px; height: 58px; display: block; margin: 0 0 25px 31px; background: #bbcbaf url(/imgs/map/surroundingAttractionsButton.png) no-repeat 0 0; }
a.surroundingAttractions:hover, a.surroundingAttractions:active { text-decoration: none; background-position: 0 -58px; }
a.surroundingAttractions em { display: none; }