/* discover queens stylesheet */
/* copyright 2009 Fund for the City of New York */

body { background-color: #fff; color: #424242; font-family: Georgia, serif; font-size: 14px; margin: 0; padding: 0; behavior:url("/www-discoverqueens/csshover3.htc"); }
h1, h2, h3, h4 { font-family: Tahoma; font-weight: normal; margin: 0 0 8px 0; }
h1 { font-size: 2.5em; color: #b3b3b3; }
h2 { color: #b3b3b3; text-transform: uppercase; }
h3 { font-size: 1.4em; text-transform: uppercase; }
h4 { font-size: 1.4em; color: #4e44b2; text-transform: uppercase; font-style: normal; }
p { margin: 0; }
a { color: #4e44b2; text-decoration: none; }
p a:hover { text-decoration: underline; }
div.whitespace { clear: both; }
td { vertical-align: top; }
h1, h2, h3, h4 { margin-top: 0.4em; }
.left { float: left; margin: 0 1em 0 0; }
.right { float: right; margin: 0 0 0 1em; }
span.left { display: block; }
span.right { display: block; }

.memphis { margin-top: 0.2em; }
span.arrow { vertical-align: -2px; }
#GMapExpand span.arrow { vertical-align: -1px; }

#Canvas { width: 920px; margin: 0 auto; }
#CanvasInner {  }

#User { margin: 0; font: 10px Verdana, sans-serif; text-align: right; padding: 2px; }
#User a { color: #999999; text-decoration: none; }
#User a:hover { color: #4e44b2; }

#Header { position: relative; text-align: right; z-index: 500; }
#Search { position: absolute; top: 100px; left: 6px; }
#Navigation { width: 920px; padding: 3px 0; background-color: white; text-align: left; font-family: Tahoma; text-transform: uppercase; border-bottom: 3px dotted #4e44b2; }
#Navigation a { text-decoration: none; color: #666666; letter-spacing: 0.02cm; }
#Navigation a:hover { color: #000000; font-weight: bold;  }
#Navigation a.active { color: #000000; font-weight: bold;  }
#Navigation a.private { color: #4e44b2; }
div.section { position: relative; display: inline; padding: 0; font-size: 18px; letter-spacing: -1px; white-space: nowrap; margin-right: 14px;  }
div.section.last { margin-right: 0; }
div.section div.dropnav { display: none; position: absolute; top: 22px; left: -7px; z-index: 99; background-color: #fff; font-size: 14px; text-transform: none; opacity: 0.96; width: 100%; padding: 3px 7px 7px 7px; }
div.section:hover div.dropnav { display: block; }
div.subsection { margin: 0; }
div.subsection a { display: block; width: 100%; padding-bottom: 7px; }

#Object { margin-top: 5px; margin-bottom: 20px; min-height: 600px; clear: both; }
#Object p { margin-bottom: 1em; }

#Filter { border-bottom: 1px dashed #4e44b2; padding: 4px 4px 6px 4px; text-align: right; }
#Filter span.label { font-family: Arial, sans-serif; font-size: 12px; color: #999999; text-transform: uppercase; margin-right: 0.2em; }

#Maps { border-bottom: 2px dotted #4e44b2; padding: 18px 0 23px 0; margin-bottom: 8px; }
#Maps p { margin: 0; }
#Maps p a:hover { text-decoration: none; }
#Maps div.queensmap { position: relative; float: right; margin: 0 10px 0 0; font: 14px Arial, sans-serif; }
#Maps div.queensmarker { position: absolute; cursor: pointer; margin-top: -8px; margin-left: -5px; color: #5147B2; }
#Maps div.queensmarker a { color: #999999; }
#Maps div.queensmarker a.active { color: #5147B2; }
#Maps div.queensmarker a:hover { color: #5147B2; }
#Maps div.googlemap { position: absolute; z-index: 10; max-width: 605px; background-color: #ffffff; }
#GMapLink { float: right; display: none; }
#Maps div.banner { width: 604px; }
#Maps div.showbanner { margin-left: 180px; position: relative; height: 306px; width: 422px; background-color: #f6f7f6; text-align: center; }
#Maps div.slide { display: none; }
#Maps p.slidenav { position: absolute; right: 10px; bottom: 12px; width: 27px; }
#Maps div.showbanner p.editor { margin-top: 2px; }

#Card { float: left; width: 604px; margin: 7px 0 1em 0; }
#Return { float: right; text-align: right; width: 40%; text-transform: lowercase; }
#Card div.vcard { float: left; width: 60%; margin-bottom: 7px; }
#Card div.fn { font-weight: bold; }
#Card div.details { float: right; width: 40%; }
#Card div.details div { margin-top: 1em; }
div.opentable { margin: 4px 0; font-weight: bold; }

#Share { font: 12px Arial, sans-serif; margin: 4px 0 0 0; clear: both; }
#Share a  { margin-right: 1em; color: #424242; }
#Share a:hover  { color: #ff8400; }
#ShareThis { display: none; width: 420px; margin-left: 80px; font-size: 14px; position: absolute; background-color: #ffffff; border: 1px solid #999999; border-radius: 5px; }
#ShareThisInner { padding: 6px 10px; }
#ShareThis p { margin: 0; }
#ShareThis input { width: 240px; border: 1px solid #999999; padding: 2px 3px; margin: 8px 0; }

#Main { float: left; width: 570px; }
#Main div.labels { font-size: 12px; font-family: Arial, sans-serif; margin: 24px 0; width: 48%; }
#Main div.labels h3 { margin: 0; }
#Main div.labels p { margin: 5px 0 0 0; }
#Main div.labels a { color: #999999; }
#Main div.labels a.active { color: #000000; }
#Main div.brochures { font-size: 12px; font-family: Arial, sans-serif; margin: 12px 0; width: 50%; float: right; }
#Main div.brochures div { padding-top: 5px; clear: left; }
#Main div.brochures h3 { margin: 0; }
#Main div.brochures p { margin: 0 0 5px 1em; }
#Main div.brochures a { color: #999999; }
#Main div.brochures p.brochure { margin: 0 1em 0 0; float: left; display: inline; }

#Featured { margin-top: 2em; }
#Featured div.feature { border-top: 2px dotted #4e44b2; background-color: #f6f7f6; padding: 15px 22px 20px 22px; }
#Featured div.feature table { width: 100%; border-collapse: collapse; margin: 0; }
#Featured div.feature td.summary { padding-right: 12px; }
#Featured div.feature p.title { margin: 0; text-transform: uppercase; }
#Featured div.feature p.title a { color: #4E44B2; }
#Featured div.feature td.thumbnail { text-align: right; }
#Featured p.additional { margin-top: 1em; }

#Week { padding: 14px 0; margin-bottom: 8px; font: 10px Arial, sans-serif; }
#Week table { border-collapse: collapse; }
#Week td.daycell { width: 200px; padding: 0 14px 0 0; cursor: pointer; }
#Week tr.firstrow td.daycell { padding-top: 28px; }
#Week h3 { font-size: 18px; margin: 0 0 4px 0; }
#Week p { margin-bottom: 0.5em; }
#Week p.high { font-size: 12px; font-weight: bold; }
#Week p a { color: #666666; text-decoration: none; }
#Week p.return { margin: 0; font-size: 14px; text-align: right; text-transform: uppercase; }
#Week span.arrow { vertical-align: 0px; }
#Week td.icon { padding-right: 5px; }
#Week td.icon img { border: 3px solid #ffffff; }
#Week td.daycell.active td.icon img { border-color: #ff8400; }
#Week td.innercell { padding-top: 4px; }

#Month table { border-collapse: separate; margin-bottom: 18px; }
#Grid th { font-size: 12px; border: 0; padding: 0; text-align: center; color: #999999; border: 1px solid #ffffff; }
#Grid th a { font-size: 16px; color: #999999; }
#Grid th h3 { margin: 0; }
#Grid th.prev { text-align: right; }
#Grid th.next { text-align: left; }
#Grid td { border: 1px solid #8bc4eb; width: 13px; height: 13px; vertical-align: middle; text-align: center; font-size: 8px; color: #ffffff; cursor: pointer; }
#Grid td.day { border-color: #bbbbbb; background-color: #bbbbbb; }
#Grid td.activeweek { border-color: #8bc4eb; background-color: #8bc4eb; }
#Grid td.activeweek.active { border-color: #ff8400; background-color: #ff8400; }

#Days { float: left; width: 570px; }
#Days div.dayview { border-top: 2px dotted #4e44b2; margin-bottom: 2em; }
#Days div.dayview.active { display: block; }
#Days div.featured { border-top: 2px dotted #4e44b2; background-color: #f6f7f6; padding: 15px 22px 20px 22px; }
#Days div.featured table { width: 100%; border-collapse: collapse; margin: 0; }
#Days div.featured td.summary { padding-right: 12px; }
#Days div.featured p.title { margin: 0; text-transform: uppercase; font-weight: bold; }
#Days div.featured p.title a { color: #999999; }
#Days div.featured td.thumbnail { text-align: right; }
#Days div.normal { background-color: #f6f7f6; padding: 7px 22px; clear: both; }
#Days div.normal p { margin: 0; }
#Days div.normal p.title { margin: 0; text-transform: uppercase; font-weight: bold; }
#Days div.normal p.title a { color: #999999; }
#Days div.normal p.icon { float: right; display: inline-block; margin-left: 8px; }
#Days div.normal.first { border-top: 2px dotted #4e44b2; padding-top: 14px; }

#Coupon { border: 1px dotted #4e44b2; background-color: #fafafa; padding: 8px 16px 16px 16px; margin-bottom: 32px; font-size: 14px; }
#Coupon table { font: 14px Arial, sans-serif; }
#Coupon td { padding: 5px; vertical-align: top; }
#Coupon td.label { width: 125px; text-transform: uppercase; }
#Coupon input.button { border: 0; font: 18px Tahoma; text-transform: uppercase; color: #4d43b1; background-color: transparent; vertical-align: middle; margin-left: 8px; }
#Coupon img { vertical-align: middle; }

#Slideshow { margin: 0 0 24px 0; font: 12px Arial, sans-serif; }
#Slideshow div.content { font-family: Georgia, serif; font-size: 14px; }
#Slideshow div.mediashow { position: relative; width: 604px; }
#Slideshow div.slide { display: none; }
#Slideshow div.slideholder { position: relative; width: 604px; background-color: #f6f7f6; text-align: center; }
#Slideshow p.slidenav { position: absolute; right: -10px; top: 240px; width: 27px; }
#Slideshow div.mediashow p.editor { margin-top: 2px; }
#Slideshow div.caption { margin-top: 12px; }

#Galleries { font: 12px Arial, sans-serif; }
#Galleries td.gallery { width: 33%; }
#Galleries td.gallery td.icon img { border: 3px solid #fff; }
#Galleries td.active td.icon img { border-color: #ff8400; }

#Sidebar { float: right; width: 284px; font: 12px Arial, sans-serif; margin-top: 7px; }
#Sidebar div.item { margin-bottom: 24px; }
#Sidebar div.queensmap { position: relative; left: -20px; top: 10px; margin: 0px 10px 24px 0; font: 14px Arial, sans-serif;   }
#Sidebar div.queensmarker { position: absolute; cursor: pointer; margin-top: -8px; margin-left: -5px; color: #5147B2; }
#Sidebar div.queensmarker a { color: #999999; }
#Sidebar div.queensmarker a.active { color: #5147B2; }
#Sidebar div.queensmarker a:hover { color: #5147B2; }
#Sidebar div.options { font-size: 12px; font-family: Arial, sans-serif; margin: 7px 0 24px 0; }
#Sidebar div.options h3 { margin: 0; font-size: 1em; }
#Sidebar div.options p { margin: 5px 0 0 0; }
#Sidebar div.options a { color: #999999; }
#Sidebar div.options a.active { color: #000000; }

#Footer { font: 12px Arial, sans-serif; margin-bottom: 1em; }
#Footer a { color: #4e44b2; text-decoration: none; }

/*homepage */
#HomeBanner { border-bottom: 3px dotted #4e44b2; padding: 7px 0 21px 0; margin-bottom: 7px; }

#Today { float: right; width: 290px; font: 10px Arial, sans-serif; }
#Today table { border-collapse: collapse; margin-bottom: 14px; }
#Today td.thumbnail { padding-right: 5px; }
#Today h1 { font-size: 24px; }
#Today h3 { font-size: 18px; margin: 0 0 4px 0; }
#Today p { margin-bottom: 0.5em; }
#Today p.high { font-size: 12px; font-weight: bold; }
#Today p a { color: #999999; text-decoration: none; }
#Today p a:hover { color: #000000; }
#Today p.return { margin: 0; color: #4e44b2; font-size: 18px; text-transform: uppercase; }
#Today p.return a { color: #4e44b2; }
#Today p.return a:hover { color: #4e44b2; }
#Today span.arrow { vertical-align: 0px; }

#BannerPhoto { position: relative; width: 604px; height: 304px; background-color: #f6f7f6; text-align: center; z-index: 1; cursor: pointer; }
#BannerPhoto div.autoslide { width: 604px; height: 304px; display: none; position: absolute; top: 0px; left: 0px; z-index: 1; }
#BannerPhoto div.autoslide.cover { display: block; }
#BannerPhoto div.titleshadow { position: absolute; top: 242px; left: 0px; background-color: #666666; color: #ffffff; padding: 12px 0; margin: 0; width: 100%; text-align: left; opacity: 0.64; }
#BannerPhoto div.title { position: absolute; top: 242px; left: 0px; background-color: none; color: #ffffff; padding: 12px 0; margin: 0; width: 100%; text-align: left; opacity: 0.9; }
#BannerPhoto h2 { font-weight: bold; margin: 0 14px; color: #ffffff; letter-spacing: 3px; }

#BannerPhoto p.editor { margin-top: 2px; }
#Homepage { float: left; width: 570px; }
#Homepage div.feature { border-bottom: 3px dotted #4e44b2; padding: 21px 0; }
#Homepage div.feature.first { padding-top: 0; }
#Homepage div.feature.last { border-bottom: 0; }

/* Interface */
#Editor { margin-bottom: 10px; }
p.editor { font: 12px Arial, sans-serif; margin: 4px 0; display: inline; padding-right: 13px; }
span.editor { margin-right: 1em; }
p.editor a { color: #b3b3b3; text-decoration: none; }
sppn.editor a { color: #b3b3b3; text-decoration: none; }
p.editor a:hover { color: #4e44b2; }
sppn.editor a:hover { color: #4e44b2; }
#Goline { display: none; }
div.cover p.editor { position: absolute; right: 12px; display: block; padding: 0; }
div.slide p.editor { position: absolute; right: 12px; display: block; padding: 0; }
div.autoslide p.editor { position: absolute; right: 12px; display: block; padding: 0; }

table.form tr td { padding: 5px; }
table.form input { border: 1px solid #5147B2; padding: 4px 0 3px 2px; }
table.form input.bool { border: 0; width: 24px; height: 20px; vertical-align: -5px; color: #ff8400; }
table.form textarea { border: 1px solid #5147B2; padding: 3px 0 2px 2px; width: 320px; height: 180px; }
table.form textarea.markup { padding: 0; width: 604px; height: 240px; }
table.form textarea.markup.content { height: 416px; }
table.form input.button { background-color: #5147B2; color: #FFF; padding: 2px 0 1px 0; }
table.mceEditor tr td { padding-top: 0px; }
table.form div.queensmap { position: relative; float: right; border: 1px none #5147B2; margin-right: 200px; cursor: crosshair;  font: 14px Arial, sans-serif; }
table.form div.queensmarker { position: absolute; width: 1px; height: 1px; color: #5147B2; line-height: 0px; margin-left: -5px; }

#sort_form td { vertical-align: top; width: 180px; padding: 6px 24px 6px 6px; }
#sort_form td.buttons { text-align: center; }
#sort_form td.contents { width: 220px; }
#sort_form td.icon { width: 32px; }
#sort_form td.summary { width: 250px; font-size: 0.8em; }
div.sortitem { width: 280px; border: 1px solid #ccc; cursor: move; }
div.sortitem table { margin-bottom: 5px; }
div.sortitem.center { text-align: left; }
div.sortitem.right { float: none; }
div.sortitem.divider { background-color: #ff8400; color: #fff; }
div.sortitem.divider.archive { background-color: #5147B2; color: #fff; }
#sort_form div.sortitem td { vertical-align: middle; padding: 6px; }