/* www.fcny.org Screen Stylesheet */

/* baseline de-styling */
a img { border-style: none; }
h1, h2, h3, h4, p, ul, ol, li, form { margin: 0px; padding: 0px; }
h1, h2, h3, h4 { margin-bottom: 0.3em; }
p { margin-bottom: 1em; }
p.whitespace { clear: both; line-height: 1px; }
ul { margin-left: 1em; margin-bottom: 1.5em; }
ol { margin-left: 1em; margin-bottom: 1.5em; }
li { margin-left: 1em; }
blockquote { margin: 1em; }
h4 { font-style: italic; }

/* Tag Restyling */
body { margin: 0; padding: 0; background-color: white; color: #666666; font-family: Verdana, sans-serif; font-size: 77%; line-height: 1.2em; }
a { color: #444; }
a:hover { text-decoration: underline; }
ul { list-style: square outside; }
ol { list-style: decimal outside; }
em { font-style: italic; }
strong { font-weight: bold; }
table, form { font-size: inherit }
td { vertical-align: top; }
address { font-style: italic; font-weight: bold; }

/* Utility */
p.error { color: #ff0000; }
p.center, div.center { text-align: center; }
div.left, img.left { float: left; margin-right: 1em; }
div.right, img.right { float: right; margin-left: 1em; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 10px 0px 10px 1em; width: 160px; }
p.editor { font: Verdana 0.8em; }
p.editor a { color: #006699; text-decoration: none; }
p.editor a:hover { text-decoration: underline; }
a.private:after { content: "*"; }
span.editor { margin-right: 1em; }

td.left { text-align: left; }
td.right { text-align: right; }
table.sidebar { width: 30%; float: right; margin: 0px 0px 10px 10px; border: 1px solid #ccc; padding: 5px 10px; background-color: #eee; }
table.sidebar td {  }
img.icon { vertical-align: middle; }

div.pixel { float: left; width: 15px; height: 15px; margin: 0px 7px 2px 0px; }
  
div.grid { float: left; vertical-align: top; margin: 6px; border: 1px solid #bbc; }
div.grid table { width: auto; border-collapse: collapse; }

table.directory {}
table.directory td.photo { width: 91px; padding: 0 0 1em 0; }
table.directory td.profile { vertical-align: bottom; padding: 0 0 2em 7px; }
table.directory td.profile p { margin: 0 0 4px 0; }
table.directory td.profile p.jobtitle { font-style: italic; }


/* Form */
table.form { }
table.form td { padding: 5px; vertical-align: top; }
table.form td.label { color: #666668; padding: 5px 2px; text-align: right; }
textarea.markup { width: 560px; height: 295px; }
img.jscalendar_button { vertical-align: middle; }
div.sortable p { width: 200px; padding: 4px; margin: 0px 0px 5px 0px; border: 1px solid #ccc; cursor: move; }
input { border: 1px solid #bcbcbc; padding: 3px 0 2px 2px; }
input.button { background-color: #b2b2b2; color: #ffffff; padding: 2px 0 1px 0; }
input[type=image] { border: 0; }
input[type=checkbox] { border: 0; }

/* Page markup */
div.content { margin: 2em 0; font-size: 0.9em; }
div.content h1 { font-family: Verdana, sans-serif; font-size: 1.2em; font-weight: normal;  margin: 1em 0 0.25em 0; }
div.content h2 { font-family: Verdana, sans-serif; font-size: 1.1em; font-weight: normal;  margin: 1em 0 0.5em 0; }
div.content h3 { font-family: Verdana, sans-serif; font-size: 1em; font-weight: bold;  margin: 1em 0 0.5em 0; }
div.content p { margin-bottom: 1em; }
div.content a { color: #666666; text-decoration: underline; }

/* First Class Divs */
#Canvas { position: relative; border: 1px solid #ffffff; margin: 32px 48px 32px 12px;  max-width: 973px; min-width: 780px; }

#Content { font-family: Helvetica, sans-serif; width: 405px; margin: 88px 0 0 165px; }
#Content h1 { font-family: Verdana, sans-serif; font-size: 1em; font-weight: normal; width: 600px; }
#Content img.title { margin-top: 1px; }
#Content.wide { width: 680px; }

#Media { margin-top: 2em; border-collapse: collapse; }
#Media td.item { border: 1px none #cccccc; padding-bottom: 2em; }
#Media td.cell0 { width: 142px; overflow: hidden; }
#Media td.cell1 { width: 142px; overflow: hidden; }
#Media td.cell2 { width: 120px; overflow: hidden; }
#Media p.editor { font-family: Verdana; font-size: 0.8em; }
#Media span.editor { display: block; }
#Media span.editor a { color: #b2b2b2; }
#Media span.editor a:hover { color: #006699; }

#Media.psa td.item { width: 120px; }
#Media.psa td.item img { border: 3px solid #fff; }
#Media.psa td.item a.active img { border: 3px solid red; }
#Media.psa td.winner { vertical-align: bottom; padding: 0 0 2em 7px; }
#Media.psa td.winner p { margin: 0 0 4px 0; }
#Media.psa td.winner p.jobtitle { font-style: italic; }
#Media.psa td.winner p.clickthrough { text-align: left; }
#Media.psa td.winner p.clickthrough a { text-decoration: none; color: #a4a4a4; }
#Media.psa td.winner p.clickthrough a:hover { color: #000000; }
#Media.psa td.winner a { text-decoration: none; }
#Media.psa td.winner a.active { color: red; }

#Attachments { position: absolute; top: 117px; left: 644px; font-family: Helvetica, sans-serif; font-size: 0.9em; z-index: 1; max-width: 330px; }
#Attachments div.item { margin: 0 0 1.5em 0; }
#Attachments p { margin: 0 0 0.2em 0; }
#Attachments p.editor { font-family: Verdana; font-size: 0.9em; }
#Attachments p.attribution { font-style: normal; margin-left: 3em; }
#Attachments span.editor { margin-left: 0.5em; }
#Attachments span.editor a { color: #b2b2b2; }
#Attachments span.editor a:hover { color: #006699; }

#Winners { position: absolute; top: 117px; left: 644px; font-family: Helvetica, sans-serif; font-size: 0.9em; z-index: 1; max-width: 330px; }
#Winners h3 { font-family: Georgia, serif; color: #666666; font-size: 15px; margin: 1.5em 0 0.6em 0; }
#Winners h3.title { color: #b2b2b2; font-weight: normal; margin: 0 0 -0.5em 0; }
#Winners h4 { font-style: normal; font-size: 13px; margin: 0.5em 0 0.2em 0; }
#Winners span.jobtitle { font-style: italic; }
#Winners div.summary { font-style: italic; }
#Winners a.profilelink { font-family: Georgia, serif; font-size: 12px; }

/* positioning and display:none is done in javascript for graceful degradation */
#MediaViews { font-family: Helvetica, sans-serif; font-size: 0.9em; z-index: 10; background-color: #ffffff; width: 328px; height: 90%; }
#MediaViews div.closer { text-align: right; margin-bottom: 4px; }
#MediaViews p.title { margin-bottom: 0.5em; }
#MediaViews div.viewer { }
#MediaViews div.caption { margin-top: 1.5em; font-style: italic; }
#MediaViews div.caption h1 { font-style: normal; }
#MediaViews div.slide div.caption { margin-top: 1em; font-style: normal; }
#MediaViews p.editor { margin-top: 0.2em; }
#MediaViews p.editor a { color: #b2b2b2; }
#MediaViews p.editor a:hover { color: #006699; }
#MediaViews p.slidenav { text-align: right; margin: 0.4em 0; }
#MediaViews p.slidenav img { position: relative; top: 4px; }

#MediaViews.psa div.caption h3 { font-style: normal; }
#MediaViews.psa div.caption address { margin: 0 0 1em 0; }

#SectionNav { font-family: Helvetica, sans-serif; font-size: 1em; line-height: 1.2em; position: absolute; top: 88px; left: 0px; width: 133px; padding-right: 8px; min-height: 362px; border-right: 2px solid #999; padding-bottom: 88px; }
#SectionBox { width: 25px; height: 25px; margin: 82px 0 0 15px; background-color: #999; }
#SectionLine { width: 13px; height: 80px; margin: 0 0 0 14px; border: 1px none #999; border-right-style: solid; }
#SectionNav h1 { font-size: 0.9em; margin: 1.5em 0 0.1em 0; }
#SectionNav h3 { font-size: 0.9em; margin: 0 0 0.1em 1.5em; text-indent: -0.5em; font-weight: normal; }
#SectionNav p { font-size: 0.9em; margin: 0 0 0.1em 2.5em; text-indent: -0.5em; font-weight: normal; }
#SectionNav ul { list-style: none; margin: 0 0 0.1em 0; }
#SectionNav li { font-size: 0.9em; margin: 0 0 0.1em 3.5em; text-indent: -0.5em; font-weight: normal; }
#SectionNav a { color: #9c9c9c; text-decoration: none; }
#SectionNav a:hover { text-decoration: underline; }

#Search { position: absolute; bottom: 8px; right: 8px; }
#Search input.text { font-size: 0.9em; }

#SiteNav { position: absolute; top: 2px; right: 0px; width: 180px; text-align: right; font-size: 0.8em; z-index: 99; }
#SiteNav h3 { font-weight: bold; }
#SiteNav p { margin: 0; }
#SiteNav a { text-decoration: none; }
#SiteNav a:hover { text-decoration: underline; }
div.menupixel { float: left; display: inline; width: 15px; height: 15px; margin: 0 15px 0 0; }
div.menupixel.low { margin-top: 15px; }
div.menudrop { position: absolute; width: 255px; display: none; border: 1px none #ccc; padding: 0px 10px 10px 0px; z-index: 99; background-image: url( /www-fund/menu-bg.gif ); }
div.menu { border: 1px none #ccc; border-right-style: solid; padding: 0px 4px 0px 5px; }
div.menu.low { padding-top: 10px; }
0div.menu p { margin-right: 1px; }
div.menuhigh { height: 15px; margin-bottom: 10px; }
#SiteNav div.menucloser { float: right; display: inline; margin-right: 16px; width: 100%; border: 1px none #ccc; }

#Logo { position: absolute; top: 2px; left: 1px; }

#Toolbar { position: absolute; top: 10px; left: 164px; font-size: 0.8em; z-index: 120; }
#Toolbar a { color: #069; text-decoration: none; }
#Toolbar a:hover { text-decoration: underline; }
#User { position: absolute; top: -26px; left: 644px; font-size: 0.8em; z-index: 120; }
#User a { color: #069; text-decoration: none; }
#User a:hover { text-decoration: underline; }


/* Special for Home Page */
#SiteSearch { position: absolute; left: 878px; top: 36px; z-index: 99;  }
#SiteSearch input { width: 94px; }
#SiteSearch input.button { width: auto; }

#Homepage { 
  position: absolute; top: 0px; left: 0px; width: 850px; height: 560px; 
  background-image: url( /www-fund/fcny-map.png ); 
  background-repeat: no-repeat; 
  z-index: 0; 
  opacity: 0.3;
  display: none;
}
#News { position: absolute; top: 128px; left: 835px; width: 264px; font-size: 0.8em; line-height: 1.4em; }
#News h3 { color: #ffffff; background-color: #ff9934; padding: 3px 3px 2px 3px; width: 106px; text-transform: uppercase; margin-bottom: 8px; }
#News a { text-decoration: none; }
#News a:hover { text-decoration: underline; }
#News p.highlight { font-weight: bold; font-size: 12px; }
#News p.editor { margin-top: 6px; }

#HMap { position: absolute; top: 0px; left: 0px; font-size: 0.8em; line-height: 1.4em; }
#HMap p { margin: 0 0 0 1em; text-indent: -1em; }
#HMap a { text-decoration: none; }
#HMap a:hover { text-decoration: underline; }
#HMap div.section { position: absolute; width: 235px; z-index: 10; }
#HMap div.pixel { width: 15px; height: 15px; margin: 2px 4px; }
#HMap div.sectiontitle { text-transform: uppercase; line-height: 1em; margin-bottom: 3px; }
#HMap span.tagline { text-transform: lowercase; font-weight: bold; line-height: 16px; }
#HMap table.contents { border-left-style: solid; border-width: 1px; width: 232px; height: 146px; clear: left; margin-left: 11px; border-collapse: collapse; }
#HMap table.contents td { padding: 0 0 0 4px; }
#HMap table.upper td { vertical-align: top; padding-bottom: 1em; }
#HMap table.lower td { vertical-align: bottom; padding-top: 1em; }
#HMap table.lower { margin-bottom: 2em; }

/* Special for Sitemap / Search */
#Sitemap a { text-decoration: none; }
#Sitemap a:hover { text-decoration: underline; }
#Sitemap div.section { margin: 12px 0 24px 0; }
#Sitemap h3 { margin: 0; font-size: 1.1em; }
#Sitemap h3 a { color: inherit; }
#Sitemap p { margin: 0; }
#Sitemap p.depth1 { margin-left: 1em; }
#Sitemap p.depth2 { margin-left: 2em; }
#Sitemap p.depth3 { margin-left: 3em; }
#Sitemap p.depth4 { margin-left: 4em; }
#Sitemap p.depth5 { margin-left: 5em; }

#SearchResults div.item { margin: 12px 0 24px 0; }
#SearchResults h3 { margin: 0; font-size: 1.0em; }
#SearchResults h3 a { color: inherit; }
#SearchResults p { margin: 0; }

/* m_table styles */
table.m { font-size: inherit; font-family: Verdana; }
table.m th { text-align: left; font-weight: normal; font-size: 9pt; padding: 0px 9pt 0px 9pt; }
table.m td { font-size: 9pt; padding: 5px 9pt 0px 9pt; }
/* selectors */
table.m tr.columnselect { height: 3px; background-color: #eee; }
table.m tr.columnselect td { padding: 0; }
table.m td.rowselect { padding: 0; width: 3px; background-color: #eee; }
table.m td.selector { 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: orange; }
/* cell selection styles */
table.m tbody td.colselected { background-color: #ddf; }
table.m tbody td.rowselected { background-color: #ddf; }
table.m tbody td.colselected.rowselected { background-color: #fec; }
/* sorters */
table.m th.sorted { background-color: #def; }
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 img.icon { max-height: 24px; width: auto; }
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; }

/* Thumbnail crop */
div.cropper { position: relative; margin-bottom: 7px; }
div.croptool { position: absolute; height: 184px; width: 184px; border: 2px solid #ffcc00; cursor: pointer; }