/* cross-platform css for CB5 */
/* Copyright 2009 Fund for the City of New York */
/* License: http://fred.fcny.org/fcny-ossl.txt */

/* tags */
body { background-color: #66CCFF; color: #000; font-family: Georgia,"Times New Roman",Times,serif; font-size: 12pt; margin: 0px; padding: 0px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a img { border-style: none; }
a.active, h3.active, p.active { color: #3333CC; }
a.private, p.private { color: orange; }
a.private img { border: 2px solid orange; }
h1, h2, h3, h4, p, form { margin: 0px; padding: 0px; }
h1, h2, h3, h4 { margin-bottom: 0.3em; line-height: normal; }
h2, h3, h4 { margin-bottom: 0.8em; }
h4 { font-weight: normal; font-size: 12pt; font-style: italic; }
table { font-size: inherit; }

/* classes */
img.icon { float: left; margin: 0 1em 1em 0; }
h3.active, p.active { font-weight: bold; }
td.icon { vertical-align: top; }
td.icon img.icon { margin: 0.1em 0.2em 0 0; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 0 2em 4em 1em; width: 160px; }

/* utility */
p.error { color: #ff0000; }
p.editor { font-family: Verdana, sans-serif; font-size: 0.7em; margin: 0 0 0 0; }
p.editor a { color: #FFF; text-decoration: none; font-weight: normal; }
p.editor a:hover { color: #3333CC; }
div.jscalendar { z-index: 10; }

table.whitespace { height: 2px; clear: both; border-collapse: collapse; }
p.whitespace { height: 1px; clear: both; }
div.indent { margin: 0em 0.5em 1em 1em; } 
div.left, table.left, img.left { float: left; margin: 0px 20px 10px 0px; }
div.right, table.right, img.right { float: right; margin: 0px 0px 10px 20px; }
div.sortable { margin-bottom: 30px; }
div.sortable div.sortoptions { float: right; text-align: right; font-size: 9pt; }
div.sortable p { cursor: move; padding: 3px 6px 7px 6px; border: 1px solid #ccc; width: 540px; margin: 2px; margin-left: 30px; min-height: 30px; height: auto !important; height: 30px; }
div.sortable p img.icon { margin-bottom: 5px; }
table.table { border-collapse: collapse; }
table.table th { border-color: #9999CB; padding: 3px 6px; text-align: left; border: 1px solid #999; border-style: none solid none solid; }
table.table td { border-color: #9999CB; padding: 3px 6px; text-align: left; vertical-align: top; border: 1px solid #999; border-style: none solid none solid; }
span.continuation { margin: 0 0 0 1em; }
span.continuation a { font-weight: normal; }

/* form styles */
table.form td { vertical-align: top; padding: 0.4em 0.2em; }
table.form td.label { text-align: right; padding-top: 0.7em; }
input { border: 1px solid #999; padding: 0.3em; margin-bottom: 0.2em; }
input[type=checkbox] { border: 0; }
input[type=radiobutton] { border: 0; }
input[type=submit] { padding: 0.2em 0.3em 0.2em 0.3em; }
input.tempvalue { color: #667; }
textarea { border: 1px solid #999; padding: 0.4em; margin-bottom: 0.2em; max-width: 500px; }
textarea.markup { width: 680px; max-width: 680px; height: 400px; }
textarea.markup.a_summary { height: 240px; }
textarea.markup.a_location { height: 160px; }
select { border: 1px solid #999; margin-bottom: 0.2em; padding: 0.1em 0.1em 0.1em 0; }
option { padding: 0.1em 0.4em; }
input, textarea, select { border-color: #000066; }
input.button { color: #FFF; border-color: #000066; background-color: #000066; }

/* chrome styles */
#Canvas { width: 960px; margin: 0px auto; background-color: #003366; padding: 0px; }
#CanvasInner { padding-top: 48px; min-height: 464px; height: auto !important; height: 464px; }
#CanvasInner a { color: #0066FF; text-decoration: underline; }
#CanvasInner a.active { color: #000066; }
#CanvasInner p.editor a { color: inherit; }
#CanvasInner #Print { float: right; font-size: 1.2em; text-decoration: none; }
#CanvasInner .mceEditor a { text-decoration: none; color: #000; }

#Content { width: 960px; background-color: #FFF; border: 1px none #000066; background-position: top right; background-repeat: repeat-y; }
#Content p { margin-bottom: 1em; }
#Content h4 a { font-weight: normal; }
#Content div.preview { text-align: center; }
#Content hr { clear: both; color: #FFF; }
#Content div.top { margin-top: 10px; }
#Content div.flash { position: relative; z-index: 1; }
#Content div.attachments { margin: 1.5em 0px; }
#Content div.attachments p { margin-bottom: 0; }

#Object { margin: 0px 260px 0px 180px; padding: 15px 0px 0.5em; font-size: 12px; line-height: 16px; min-height: 400px; height:auto !important; height: 365px; }
#Object.fullscreen { padding: 0px; }
#Object h1.title { font-size: 25px; font-style: italic; line-height: 30px; font-weight: normal; margin-bottom: 10px; }
#Object p.parent { font-size: 12px; text-align: center; font-weight: normal; }
#Object div.content h4 { font-size: 9pt; font-family: Verdana,Arial,Helvetica,sans-serif; margin-top: 1.5em; margin-bottom: 0.5em; font-weight: bold; font-style: normal; color: #666666; }
#Object p.editor { font-size: 10pt; padding-right: 10px; display: inline; font-size: 9pt; }
#Object font { line-height: normal; }
#Object ol.contents a { text-decoration: none; }
#Object ol.contents li { clear: both; margin: 5px 0px; padding: 5px; border: 1px solid #CCCCCC; }
#Object ol.contents li img.icon { width: 32px; float: none; margin: 0; }
#Object ol.contents li a.title { text-decoration: none; font-weight: normal; font-size: 14px; }
#Object ol.contents span.description { padding-left: 20px; padding: 5px; color: #666; font-size: 12px;}

#ContentsNav p { margin-bottom: 0px; }
#ContentsNav div.nav { font-size: 9pt; text-indent: -10px; margin: 0px 0px 8px 10px; }
#ContentsNav div.category { font-size: 10pt; margin-top: 16px; font-weight: bold; }
#ContentsNav div.category a { color: #000; text-decoration: none; }
#ContentsNav div.innernav { margin-left: 20px; }
#ContentsNav div.summary { text-indent: 0; }

#LeftContent { float: left; width: 160px; border: 1px none black; }
#LeftContent p { margin: 0px 0px 0px 10px; text-indent: -5px; font-size: 12px; line-height: 18px; }
#LeftContent p.editor { font-size: 11px; }
#LeftContent img.preview { width: 160px; }
#LeftContent div.leftContent { margin-left: 10px; }
#LeftContent p.clipboard { margin: 0.1em 0 0.1em 10px; }
#LeftContent p.clipboard img.icon { max-height: 19px; margin: 0; }

#RightContent { width: 220px; float: right; border: 1px none black; padding: 5px 10px; }
#RightContent p.editor { margin: 10px 5px 0px; }
#RightContent a { color: #FFF; }
#RightContent div.footer { padding: 8px 0px; font-size: 8pt; font-family: Verdana,Arial,Helvetica,sans-serif; }
#RightContent div.quote { margin: 0px -10px; }
#RightContent div.quote h1.title { font-size: 11pt; font-weight: normal; padding: 8px 5px; color: #FFF; background-color: #003366; margin-bottom: 0px; }
#RightContent div.quote div.content { padding: 8px 10px; font-size: 9pt; color: #fff; }
#RightContent div.quote div.content img { margin: -8px -10px; }

#Contents { margin-bottom: 300px; }
#Contents a.none { text-decoration: none; color: inherit; }
#Contents h2.title { text-transform: uppercase; font-weight: bold; margin-top: 2.5em; font-weight: bold; font-size: 10pt; }
#Contents h2.category { color: #666; text-transform: capitalize; }
#Contents h3.title { font-weight: bold; margin-top: 2.5em; font-weight: bold; font-size: 9pt; }
h3.title span.parent { font-weight: normal; }
#Contents div.content { margin-bottom: 1em; }
#Contents div.event { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px dashed #003399; font-family: Century Gothic, Georgia, serif; }
#Contents div.event p.editor { font-family: Verdana, sans-serif; }
#Contents div.event div.throughdiv { font-style: italic; font-size: 9pt; margin: 1em 0px; }
#Contents div.event div.locationdiv { margin: 1em 0px; }
#Contents div.event div.eventLeftSide { float: left; margin-right: 20px; width: 170px; border: 1px none; }
#Contents div.event .withdate { padding-left: 191px; }

#Logo { position: absolute; top: 0px; width: 960px; z-index: 100; }
#Logo div.logo { float: right; }
#Logo div.logo img { margin: 1px 9px 0 0; height: 41px; width: auto; }

#SiteNav { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 8pt; position: absolute; }
#SiteNav a { color: #FFF; text-decoration: none; }
#SiteNav a.active {  }
#SiteNav a:hover { background-color: #000033; }
#SiteNav div.section { position: relative; display: inline; float: left; white-space: nowrap; }
#SiteNav div.section div.title { text-align: left; background-color: #000; }
#SiteNav div.section div.title a { height: 22px; width: 83px; padding: 8px 5px 0; display: block; }
#SiteNav div.section div.dropnav { display: none; position: absolute; z-index: 99; border: 0; background-color: #FFF; }
#SiteNav div.section:hover div.dropnav { display: block; }
#SiteNav div.subsection a { display: block; padding: 7px 5px 4px 5px; }

#EditControls { padding: 2em 8px 0px 8px; width: 100px; }
#EditControls p { margin: 0.5em 0; }
#Goline { display: none; }
#Portal { margin: 0px -5px 5px; }
#User { text-align: right; padding: 6px; clear: both; font-size: 10pt; }
#Footer { margin-top: 20px; padding: 0 16px; }

#HomeIntro { color: #FFF; font-size: 16px; line-height: 22px; text-align: center; background-color: #0099cc; padding: 15px 22px 10px 22px; }
#HomeIntro p { margin: 0 0 12px 0; }
#HomeContent { font-size: 14px; line-height: 18px; padding: 15px 23px; }

/* Audio/Video Styles */
div.video { border: 1px none #ccc; padding: 2px 4px; width: 320px; margin: 0px 0px 9px -9px; }

/* Slideshow style */
#Content div.sectionMedia { width: 440px; font-family: Arial; font-size: 10pt; margin: 0px auto; }
#Content div.sectionMedia div.nav { text-align: right; }
#Content div.sectionMedia div.nav a { font-weight: bold; color: rgb(77, 77, 77); text-decoration: none; font-size: 14pt; }
#Content div.sectionMedia div.nav a:hover { text-decoration: none; }
#Content div.sectionMedia div.quote { padding: 0em 0 2em 0px; font-size: 10pt; font-family: Georgia; }
#Content div.sectionMedia div.quote h1.title { font-weight: bold; }
#Content div.sectionMedia div.quote p.editor { float: none; }
#Content div.sectionMedia div.slide { display: none; padding: 0em 0 2em 0px; border: 1px none; }
#Content div.sectionMedia div.slide .title { text-align: center; }
#Content div.sectionMedia div.slide div.preview { margin: 10px auto; }
#Content div.sectionMedia div.slide .preview { max-width: 230px; }
#Content div.sectionMedia div.slide div.content {  }
#Content div.sectionMedia p.editor { float: left; padding-top: 4px; margin: 0px; }
#Content div.sectionMedia a { font-weight: bold; }
#Content div.sectionMedia h1 { font-family: Arial; text-transform: uppercase; font-size: 1em; margin: 0.5em 0 0; font-weight: normal; }
#Content div.sectionMedia p { margin-bottom: 0.5em; }
#Content div.sectionMedia p.whitespace { margin: 0; }
#Content div.sectionMedia div.video { margin: 0 0 0 -3px; }

/* Slideshow styles */
#Slideshow { width: 566px; margin: 0px auto; }
#Slideshow div.slide { display: none; padding: 0 0 4em 15px; border: 1px none; min-height: 365px; }
#Slideshow div.nav { float: right; top: 0px; right: 0px; }
#Slideshow div.nav a { font-weight: normal; }
#Slideshow p.editor { text-align: center; }
#Slideshow p.editor a { font-weight: normal; }
#Slideshow h1 { text-transform: none; font-size: 1em; font-weight: bold; margin: 0.4em 0 1em 0; }
#Slideshow p { margin-bottom: 0.5em; }
#Slideshow p.whitespace { margin: 0; }
#Slideshow div.video { margin: 0 auto; }
  
/* m_table styles */
  div.m_container { min-width: 480px; overflow: auto; }
  table.m { font-size: inherit; font-family: Verdana; }
  table.m th { text-align: left; font-weight: normal; font-size: 0.8em; padding: 0px 0.8em 0px 0.8em; }
  table.m td { font-size: 0.8em; padding: 5px 0.4em 2px 0.2em; }
  /* row styles */
  table.m tr.header { color: white; background-color: #006699; }
  table.m tr.header th { padding: 0.2em 0.4em; }
  table.m tr.odd { background-color: #ffffff; }
  table.m tr.even { background-color: #F6F6F6; }
  /* selectors */
  table.m tr.columnselect { height: 3px; background-color: #eee; }
  table.m tr.columnselect td { padding: 2px 0.4em 1px 0.2em; }
  table.m td.rowselect { width: 3px; background-color: #eee; }
  table.m td.selector { cursor: pointer; font-size: smaller; vertical-align: middle; text-align: center; border: 3px #fff; border-style: none solid solid none; }
  table.m td.selector.selected { background-color: #FFE380; }
  /* cell selection styles */
  table.m tbody td.colselected { background-color: #E6F6FF; }
  table.m tbody td.rowselected { background-color: #E6F6FF; }
  table.m tbody td.colselected.rowselected { background-color: #BFE9FF; }
  /* sorters */
  table.m th.sorted { background-color: #00456B; }
  table.m th.down:after { content: "+"; }
  table.m th.up:after { content: "-"; }
  /* form widgets */
  table.m textarea { width: 100%; height: 24px; border: 1px solid #660; padding: 2px 4px; font-family: inherit; font-size: 11pt; }
  table.m td.bool { text-align: center; }
  table.m span.collapser { cursor: w-resize; float: right; color: #c3c3c3; }
  table.m img.icon { max-height: 19px; width: auto; margin: 0; }
  table.m colgroup.collapsed { visibility: collapse; }
  div.m { margin: 6px 24px; }
  #m_exportPopup { position: absolute; background-color: #fff; padding: 6px 8px; border: 1px solid #999; }
  #m_exportPopup table { border-collapse: collapse; }
  #m_exportPopup td { padding: 2px 4px; border: 1px solid #ccc; }
  #m_exportPopup p { margin: 0.4em 0 0.4em 0; }


/* softGrid widget styles */
div.softGrid { padding: 5px 0px; }
div.softGrid .object { border: 1px none red; text-align: center; float: left; margin: 0px 0px 0.4em; padding-left: 5px; padding-right: 5px; width: 156px; }
div.softGrid .object table.thumbnail { height: 146px; width: 146px; }
div.softGrid .object .thumbnail img { border: 1px solid #DFCCC3; }
div.softGrid .object .summary { font-size: 10pt; padding: 3px; }
div.softGrid .object .title { padding-top: 5px; padding-bottom: 0px; }
div.softGrid div.carriagereturn { height: 156px; }
#Object div.softGrid p.whitespace { clear: left; height: 0px; line-height: 0pt; margin-bottom: 0px; }

/* content specifc styles */
table.form #content .mceEditorIframe { min-width: 620px; }
table.form #a_location .mceEditorIframe { max-width: 230px; }
table.form #a_summary .mceEditorIframe { max-width: 250px; }
table.form #a_footer .mceEditorIframe { max-width: 260px; }

/* printer specific rules */
@media print, embossed {
  #Portal, #SiteNav, #EditControls, #User, #BackToTop { display: none; }
  #CanvasInner { padding-top: 190px; }
  body { color: #000; background-color: #FFF; }
  a { text-decoration: underline; }
}