/* 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: #FFF; color: rgb( 102, 102, 102 ); font-family: Arial, sans-serif; font-size: 77%; line-height: 1.2em; }
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 { float: left; margin-right: 1em; }
div.right { float: right; margin-left: 1em; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 10px 0px 10px 1em; width: 160px; }
p.editor { font-family: Verdana, sans-serif; font-size: 0.7em; margin: 0 0 0 0; font-weight: bold; }
p.editor a { color: #666; text-decoration: none; }
p.editor a:hover { color: #006699; }
a.private:after { content: "*"; }
p.none { display: none; }

.hidden { display: none; }

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.left, table.left { float: left; margin: 0 1.5em 0.5em 0; }
img.right, table.right { float: right; margin: 0 0 0.5em 1.5em; }
img.icon { vertical-align: middle; }

/* Form */
table.form { }
table.form td { padding: 5px; vertical-align: top; }
table.form td.label { padding: 5px 2px; text-align: right; }
textarea.markup { width: 560px; height: 295px; }
img.jscalendar_button { vertical-align: middle; }
div.sortable p { 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: rgb(0, 164, 228); color: #FFF; padding: 2px 0 1px 0; }

/* First Class Divs */
#Canvas { width: 1000px; margin: 0px auto; background-color: #FFF; }
#Banner { position: absolute; top: 0px; margin: 0px auto; }
#Banner h1 { margin: 60px 12px; }
#Banner h1 a { text-decoration: none; }
#Banner .logo img { width: 200px; }
#Banner .banner { height: 200px; max-width: 800px; width: 800px !important; }

#Content { position: relative; border: 1px none blue; margin: 20px 0 250px 0px; width: 790px; float: right; top: 225px; font-size: 1.2em; line-height: 1.3em; }
#Content h1 { font-size: 1.5em; font-weight: bold; line-height: 1em; }
#Content h2 { font-size: 1.2em; text-transform: uppercase; font-weight: bold; line-height: 1em; }
#Content h3 { font-size: 1.2em; }
#Content h4 { font-size: 1.2em; font-style: italic; }
#Content table { font-family: inherit; }
#Content li { list-style-type: disc; }

#Contents { float: left; width: 395px; margin: 0 0em 1em 10px; border: 1px none blue; border-collapse: collapse; }
#Contents img.thumbnail { border: 3px solid rgb( 255, 255, 255 ); margin: 0 4px 8px 0; max-width: 118px; width: 118px !important; }
#Contents img.thumbnail.active { border-color: rgb(0, 164, 228); }
#Contents img.amountValue { cursor: pointer; }

a.pager { display: block; float: left; margin-left: 6px; border: 1px solid rgb(178, 178, 178); text-align: center; width: 16px; text-decoration: none; color: rgb( 102, 102, 102 ); }
a.pager.active { background-color: rgb( 178, 178, 178 ); color: rgb( 255, 255, 255 ); }
a.pager:hover { background-color: rgb( 178, 178, 178 ); color: rgb( 255, 255, 255 ); }

#Object { margin: 0 0 1em 1em; float: left; width: 770px; border: 1px none red; min-height: 400px; height:auto !important; height: 365px; font-size: 1.2em; line-height: 1.3em; }
#Object.withcontents { width: 355px; margin: 0 0 1em 15px; }
#Object div.content { margin-bottom: 1em; }
#Object div.content a { color: rgb(0, 164, 228); font-weight: bold; text-decoration: underline;}

/* Navigation */
#Footer { clear: both; padding-top: 1em; }
#FooterBar { padding-top: 1em; background-color: rgb(255, 205, 52); height: 25px; margin: 1em 0em; }
#SiteNav { position: relative; margin-bottom: 200px; top: 200px; width: 200px; min-height: 386px; height:auto !important; height: 386px; }
#SiteNav a { color: #FFF; text-decoration: none; font-weight: bold; background-color: transparent; }
#SiteNav a:hover { text-decoration: none; }
#SiteNav div.sections { margin: 0 0 1em; }
#SiteNav div.section { margin: 1em 0em 0.3em 1.5em; text-indent: -0.5em; padding: 0.2em 0 0.2em 1em; margin-right: 0.2em; min-height: 16px; height:auto !important; height: 16px; }
#SiteNav div.section a { display: block; }
#SiteNav div.section h3 { font-size: 1.3em; margin: 0; font-weight: normal;  }
#SiteNav div.section .bullet { display: none; margin-right: 1em; }
#SiteNav div.subsections { margin: 0 0 0 1em; }
#SiteNav div.subsections a { color: rgb( 102, 102, 102 ); }
#SiteNav div.subsections a:hover { text-decoration: underline; }
#SiteNav p.subsection { margin: 0 0 0.3em 1.5em; text-indent: -0.5em; background-color: transparent; border: none; }
#SiteNav p.editor a { color: #999999; text-decoration: none; margin: 0 0 0 2em; }
#SiteNav p.editor a:hover { color: #006699; }

/* type specific navigation */
#SiteNav div.module div.section { margin: 0px; text-transform: uppercase; }
#SiteNav div.module div.section .bullet { float: left; display: block; }
#SiteNav div.module div.active a { color: #FFF; }
#SiteNav div.link div.section { margin: 0px; text-transform: uppercase; }
#SiteNav div.link div.section .bullet { float: left; display: block; }
#SiteNav div.link div.active a { color: #FFF; }
#SiteNav div.book div.active { background-color: #FFF; color: inherit; }

/* Color definition */
#SiteNav .magenta { color: rgb(236, 11, 142); background-color: rgb(236, 11, 142); border: 2px solid rgb(236, 11, 142); }
#SiteNav .magenta a.active { color: rgb(236, 11, 142); }
#SiteNav .yellow { color: rgb(255, 197, 10); background-color: rgb(255, 197, 10); border: 2px solid rgb(255, 197, 10); }
#SiteNav .yellow a.active { color: rgb(255, 197, 10); }
#SiteNav .green { color: rgb(123, 193, 67); background-color: rgb(123, 193, 67); border: 2px solid rgb(123, 193, 67); }
#SiteNav .green a.active { color: rgb(123, 193, 67); }
#SiteNav .blue { color: rgb(0, 164, 228); background-color: rgb(0, 164, 228); border: 2px solid rgb(0, 164, 228); }
#SiteNav .blue a.active { color: rgb(0, 164, 228); }

#Search { }
#Search input.text { font-size: 1em; margin: 1em 0em 0.3em 1.5em; width: 153px; border: 1px solid rgb(0, 164, 228); color: #333; }
#Search input.button { font-size: 1em; margin: 1em 0em 0.3em 0em; width: 24px; background-color: rgb(0, 164, 228); border: 1px solid rgb(0, 164, 228); color: #FFF; }


/* donation */
table.donation { margin: 5px 1.5em; }
table.donation td.checkbox { width: 35px; tex-align: left; }
table.donation td { vertical-align: top; }
table.donation td.amount { font-size: 1.2em; font-weight: bold; }
table.donation td.content { padding: 0 0 1em 1em; }
table.donation td.editor { padding-bottom: 2em; }

form.donation2 { margin: 5px 1.5em; }
form.donation2 td.checkbox { width: 35px; tex-align: left; }
form.donation2 td { vertical-align: top; }
form.donation2 td.amount { font-size: 1.2em; font-weight: bold; }
form.donation2 td.content { padding: 0 0 1em 1em; }
form.donation2 td.editor { padding-bottom: 2em; }
form.donation2 div.currencies { margin: 2em 0 2em 0; }
form.donation2 div.currencies a { font-weight: normal; text-decoration: none; color: #666666; font-size: 12pt; text-transform: uppercase; }
form.donation2 div.currencies a.active { font-weight: bold; }
form.donation2 input[type=image] { border: none; }



/* switches widget */
.switches div.outerswitch { clear: both; border: none; }
.switches div.textAfter { padding: 15px 0 15px 35px; }

/* advanced forms widget */
div.form { float: left; width: 446px; }
div.form div.item { margin: 0 0px 1em 6px; float: left; }
div.form div.newcol { margin-left: 0; clear: left; }
div.form div.full { width: 434px; clear: both; }
div.form div.threequarters { width: 316px; }
div.form div.half { width: 210px; }
div.form div.third { width: 137px; }
div.form div.quarter { width: 102px; }
div.form div.error input { border-color: red; color: red; }
div.form div.error select { border-color: red; color: red; }
div.form div.error textarea { border-color: red; color: red; }
div.form div.error .switches { border: 1px solid red; color: red; padding: 1px; }
div.form div.item div.info { font-weight: bold; }
div.form div.item input { width: 97%; padding: 5px 2px; font-size: 12pt; }
div.form div.item input.bool { margin-left: 0; }
div.form div.item input.button { padding: 5px 2px; font-size: 12pt; }
div.form div.item input.number { width: 30px; }
div.form div.item input.currency { width: 60px; }
div.form div.item select { width: 100%; font-size: 12pt; padding: 4px 2px; border: 1px solid #BCBCBC; }
div.form div.item textarea { width: 90%; height: 280px; border: 1px solid #BCBCBC; padding: 5px; font-size: 12pt; }
div.form div.item textarea.other { height: 85px; }
div.form div.item div.outerswitch { font-size: 10pt; }
div.form div.date input { width: 75%; }
div.form div.date span.input { float: right; }
div.form div.item label { font-size: 10pt; }
div.form div.item td.label.onleft { text-align: right; padding-right: 5px; vertical-align: center; }
div.form div.item td.label.onright { text-align: left; padding-left: 5px; vertical-align: center; }
div.form div.item .instruction { font-size: 10pt; }
/* specific style of form elements */
div.form div.item input.checkbox { margin-left: 0; }
div.form div.item input.radio { margin-left: 0; }
div.form div.file td.label { white-space: nowrap; padding-right: 20px; vertical-align: top; }
div.form div.file td.value { font-size: 9pt; }
div.form div.file td.value input { font-size: 9pt; }
div.form td { vertical-align: middle; }
div.form div.buttons { text-align: center; }
div.form div.buttons input.button { width: 130px; font-size: 8.4pt; text-transform: uppercase; float: left; margin-right: 25px; }
div.form div.buttons input.last { margin-right: 0; }
div.form div.required label:before { content: "*"; }
/* specific for keywords */
div.form div#resume.file td.label { width: 90px; }
div.form div#resume.file td.instruction { padding: 5px 0 0 100px; }

/* customized form styles */
form#sponsor div.form textarea { border: 1px solid #F344AC; }
form#sponsor div.form input[type=text] { border: 1px solid #F344AC; }
form#sponsor div.item td.onleft { font-weight: bold; width: 160px; text-align: right; vertical-align: top; padding-right: 10px; }
form#sponsor div.item { margin-bottom: 20px; }
form#sponsor div.switches { border-top: 1px solid #BCBCBC; }
form#sponsor div.switches table.itemtable { width: 100%; }
form#sponsor div.switches td.onleft { padding-top: 10px; padding-right: 0px; }
form#sponsor .value .textarea { height: 90px; width: 95%; }
form#sponsor #address td.label { vertical-align: top; }



#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 { font-size: 0.8em; text-align: center; }
#User a { color: #069; text-decoration: none; }
#User a:hover { text-decoration: underline; }

#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; }

#Goline { display: none; }

/* sorter styles */
#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.division { background-color: rgb(198,40,8);; color: #fff; }
div.sortitem.division.archive { background-color: rgb(126,176,204);; color: #fff; }
#sort_form div.sortitem td { vertical-align: middle; padding: 6px; }
#sort_form a { color: rgb(165,151,120); }


/* 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; }