/* 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: rgb( 51, 51, 51 ); font-family: Verdana, sans-serif; font-size: 10pt; line-height: 1.2em; }
h1, h2, h3, h4 { font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-weight: normal; }
h1 { font-size: 14pt; color: rgb( 177, 40, 50 ); margin: 0 0 1em 0; }
h2 { font-size: 14pt; color: rgb( 177, 40, 50 ); font-style: italic; margin: 1em 0; }
h3 { font-size: 12pt; margin: 1em 0 0.5em 0; }
h4 { font-size: 12pt; font-style: italic; margin: 1em 0 0.5em 0; }
a { color: rgb( 177, 40, 50 ); text-decoration: none; }
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, table.left { float: left; margin-right: 1em; }
div.right, table.right { float: right; margin-left: 1em; }
div.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; }
p.editor a { color: #999999; text-decoration: none; }
p.editor a:hover { color: rgb( 64, 72, 128 ); }
span.editor { font-family: Verdana, sans-serif; font-size: 0.7em; margin: 0 0 0 0; }
span.editor a { color: #999999; text-decoration: none; }
span.editor a:hover { color: rgb( 64, 72, 128 ); }
a.private:after { content: "*"; }

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; }
img.thumbnail { float: left; display: inline; margin: 0.2em 1em 1em 0;border: 3px solid;border-color: white;}
div.video { margin: 0 0 1em 0; }

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

/* First Class Divs */
#Canvas { width: 1024px; margin: 0 auto; }
#CanvasInner { position: relative; }

#Banner { position: relative; height: 212px; }
#Logo { float: left; margin-right: 7px; }
#SiteNav { position: relative; }
#SiteNav div.button { float: left; margin: 38px 7px 0 0; }
#SiteNav div.editor { position: absolute; top: 153px; right: 0px; }

#Object { margin: 0 0 0 225px; width: 524px;}
#GalleryObject { margin: 0 0 0 225px;}
#GalleryContents {}
#Object.withcontents { position: absolute; left: 654px; top: 213px; width: 325px; margin: 40px 0 1em 15px; border: 3px solid;border-color: white;}
#Contents { margin: 0 0 0 225px; width: 395px; border: 1px none blue; border-collapse: collapse;}
#GalleryButton a {padding-left: .4em; padding-right: .4em; padding-top: .06em; padding-bottom: .2em; background-color: #FFFFFF; color: rgb(51, 51, 51); border: 1px solid #999999; font-weight: bold; font-size: 10pt ; font-family: Verdana;}
#GalleryButton a.active {background-color: #B12832; color: #FFFFFF; border: 1px solid #B12832;}
#GalleryTitle {font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11pt; text-transform: uppercase}
#GalleryBody {font-family: Verdana, sans-serif; font-weight: normal; font-size: 11pt; }
img.thumbnail.active {border: 3px solid;border-color: #B12832;}
#GalleryControls table {width: 100%;}
#GalleryControls td.next {text-align: right; }

#Left { position: absolute; top: 197px; left: 25px; width: 175px; }
#SectionNav { min-height: 160px; }
#SectionNav h3 { text-transform: uppercase; }
#SectionNav a { color: rgb( 51, 51, 51 ); }
#SectionNav a:hover { color: rgb( 177, 40, 50 ); text-decoration: none; }
#SectionNav a.active { color: rgb( 177, 40, 50 ); }
#SectionNav p.editor { font-family: Verdana, sans-serif; font-size: 0.7em; margin: 0 0 0 0; }
#SectionNav p.editor a { color: #999999; text-decoration: none; }
#SectionNav p.editor a:hover { color: rgb( 64, 72, 128 ); }
#SubNav { margin: 12px 0 40px 10px; }
#SubNav p.page { font-family: Comic Sans MS, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12pt; margin: 0 0 0.7em 0; }
#Search input { border: 1px solid rgb( 177, 40, 50 ); padding: 3px 0 2px 2px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#Search input.button { background-color: rgb( 177, 40, 50 ); color: #ffffff; padding: 1px; margin: 3px 0 0 0; }


#User { position: absolute; top: 169px; right: 0px; font-size: 0.8em; z-index: 120; }
#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; }

/* Directory View */
table.people { border-collapse: collapse; }
table.people td.photo { vertical-align: top; padding: 0 0 1.5em 0; }
table.people td.bio { vertical-align: middle; padding: 0 0 1em 1em; }
table.people td.bio h3.name { float: left; margin: 0 0.5em 0 0; color: rgb( 177, 40, 50 ); font-size: 10pt; }

/* Media View */



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