/* www.fcny.org Screen Stylesheet */

/* baseline de-styling */
a { text-decoration: none; color: #003300; }
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; margin-top: 0.2em; }
p { margin-bottom: 1em; }
p.whitespace { clear: both; line-height: 1px; }
div.whitespace { clear: both; line-height: 1px; 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; }
div.hidden { display: none; }

/* Tag Restyling */
body { margin: 0; padding: 0; background-color: #AEDF7D; color: #333; font-family: 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.clipboard img.icon { height: 20px; }

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 { width: 500px; 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 */
#CanvasOutter { margin-top: 152px; background-color: #FFF; border-bottom: 1px solid #666; border-top: 1px solid #666; background-repeat: no-repeat; background-position: bottom right; }
#Canvas { width: 1000px; min-height: 530px; height:auto !important; height: 530px; margin: 0px auto; border: 1px none black; }

#ContentBackground { position: absolute; z-index: 90; top: 153px; background-position: center bottom; }

/*#Content { position: relative; border: 1px none blue; margin: 20px 0 250px 0px; width: 1000px; float: none; top: 225px; font-size: 1.2em; line-height: 1.3em; padding-bottom: 200px; }*/
#Content { width: 942px; font-size: 1.2em; line-height: 1.3em; padding: 10px 20px 0px 20px; z-index: 100; top: 0px; }
#Content.withnav { width: 790px; }
#Content a {  }
#Content a:hover { text-decoration: underline; }
#Content h1 { font-weight: bold; }
#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; }
#Content div.dividers { border-bottom: 2px solid #CC0000; float: right; padding-left: 5px; padding-right: 10px; }
#Content div.dividers div.divider { background-color: #AEDF7D; float: left; font-size: 1.5em; margin-left: 5px; padding: 6px 8px 2px; text-transform: uppercase; }
#Content div.dividers div.active { background-color:#CC0000; color: #FFF; }
#Content div.dividers div.active a { color: #FFF; }
#Content div.content a { color: rgb(0, 164, 228); font-weight: bold; text-decoration: underline;}

#Contents { margin: 0px; border: 1px none blue; border-collapse: collapse; font-size: 11pt; }
#Contents div.leftSide { float: left; width: 48%; margin-left: 6px; }
#Contents div.rightSide { float: left; width: 48%; margin-left: 25px; }
#Contents.withpresentation div.leftSide { width: 220px; }
#Contents.withpresentation div.rightSide { width: 218px; margin-left: 6px; }
#Contents div.object { cursor: default; height: 70px; background-position: 0 15px; background-repeat: repeat-x; line-height:1.3em; }
#Contents div.title { display: inline; margin-right: 4px; padding-right: 2px; display: inline; color: #336600; text-transform: capitalize; font-weight: bold; }
#Contents div.icon { float: left; padding-right: 3px; }
#Contents div.icon img { padding: 1px; border: 1px solid #CCC; }
#Contents div.headers { float: right; background-color: #FFF; color: #437800; font-weight: bold; text-align: right; }
#Contents div.cheader { float: left; padding-right: 6px; padding-left: 1px; }
#Contents div.prices { float: right; text-align: right; }
#Contents div.price { float: left; padding-right: 5px; padding-left: 5px; background-color: #FFF; }
#Contents div.emptyprice { background-color: transparent; width: 0px; }
#Contents div.description { font-style: italic; margin-left: 40px; }
#Contents div.selected { background-color: #EFFFDF; }
#Contents .selected { background-color: #EFFFDF; }
#Contents .altered { background-color: #FFF; }

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; width: 1000px; border: 1px none red; min-height: 430px; height:auto !important; height: 365px; font-size: 1.2em; line-height: 1.3em; }
#Object.withcontents { width: 800px; }
#Object.withajax { text-align: center; }
#Object div.content { margin-bottom: 1em; }

/* Navigation */
#BannerTop { position: absolute; top: 0px; width: 100%; }
#Banner { width: 1000px; margin: 0px auto; }
#Banner div.logo { border: 1px none black; float: left; }
#Banner div.logo img { width: 500px;}
#Banner div.sections { padding-top: 20px; border: 1px none black; }
#Banner div.sections div.frameContainerHolder { float: right; width: 115px; margin: 5px 0 0 5px; text-align: center; }
#Banner div.sections div.frameContainerHolder div.frameCaption { margin-top: 7px; font-size: 1.5em; }
#Banner div.subsections { margin-top: 25px; text-align: right; }
#Banner div.subsections a { color: #336600; }
#Banner div.subsections div.subsection { font-size: 2.2em; margin-left: 1em; display: inline; }

/*#SiteNav { position: relative; margin-bottom: 225px; top: 225px; float: left; border:1px solid #666666; padding: 1px; border-top: none; border-right: none; }*/
#SiteNav { float: left; padding: 18px 1px 1px; width: 155px; border-bottom: 1px solid #4C6F4C; text-align:right; }
#SiteNav a { font-weight: bold; background-color: transparent; }
#SiteNav a.active { color: #cc0000; }
#SiteNav a:hover { text-decoration: underline; }
#SiteNav div.categories { padding: 3px 5px; }
#SiteNav div.categories div.category { font-size: 1.2em; margin: 0 0 0.6em 10px; text-indent: -10px; }
#SiteNav p.editor a { color: #666; text-decoration: none; margin: 0 0 0 2em; font-size: 1.2em; }
#SiteNav p.editor a:hover { color: #006699; }

#BannerBottom { width: 100%; }
#BannerBottom a:hover { text-decoration: underline; }

#Footer { font-size: 12pt; width: 1000px; margin: 10px auto; }

#Search { position: absolute; margin-top: 10px; }
#Search input.text { font-size: 1em; margin: 0px; width: 120px; border: 1px solid #336600; color: #333; }
#Search input.button { font-size: 1em; margin: 0px; width: 24px; background-color: #336600; border: 1px solid #336600; color: #FFF; }

#Toolbar { position: absolute; top: 10px; left: 164px; font-size: 0.8em; z-index: 99; }
#Toolbar a { color: #069; text-decoration: none; }
#Toolbar a:hover { text-decoration: underline; }
#User { font-size: 1em; text-align: center; height: 130px; }
#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; }

#PreviewControls { width: 8.5in; text-align: center; font-weight: bold; font-size: 2em; padding: 20px 0px; }

#Goline { display: none; }

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


/* slider widget */
div.slider { width: 350px; float: right; border: 1px none black; overflow: hidden; margin-bottom: 150px; }
div.slider div.object { text-align: center; width: 350px; }
div.slider div.frameContainer { cursor: pointer; }

/* none widget */
div.noneWidget #Contents div.object { height: 53px; margin-bottom: 15px; }
div.noneWidget #Contents div.price { width: 60px; }
div.noneWidget #Contents div.cheader { width: 60px; }
div.noneWidget #Contents div.firstprice { width: 50px; }
div.noneWidget #Contents div.emptyprice { width: 0px; }
div.noneWidget #Contents div.marketprice { width: 85px; }

/*
div.slider div.object div.preview { height: 200px; }
div.slider div.object div.preview img.mask{ cursor: pointer; height: 200px; width: 100%; position: relative; top: 0px; left: 0px; z-index: 99; }
div.slider div.object div.preview img.slide{ height: 182px; width: 337px; margin: 5px; position: relative; top: -200px; left: 1px; z-index: 10; }
*/
/*div.slider div.object div.preview div.slideshow{ position: relative; top: -200px; left: 1px; z-index: 10; }*/
/*div.slider div.object img.slide { height: 182px; width: 337px; margin: 5px; }*/

/* two sides widget */
div.twosideWidget #Contents div.object { height: 70px; margin-bottom: 10px; }
div.twosideWidget #Contents div.price { width: 60px; }
div.twosideWidget #Contents div.firstprice { width: 50px; }
div.twosideWidget #Contents div.cheader { width: 60px; }
div.twosideWidget #Contents div.emptyprice { width: 0px; }
div.twosideWidget #Contents div.marketprice { width: 85px; }

/* top slider widget */
div.topsliderWidget div.slider { width: 100%; margin-bottom: 10px; float: none; }
div.topsliderWidget #Contents div.price { width: 60px; }
div.topsliderWidget #Contents div.firstprice { width: 50px; }
div.topsliderWidget #Contents div.cheader { width: 60px; }
div.topsliderWidget #Contents div.emptyprice { width: 0px; }
div.topsliderWidget #Contents div.marketprice { width: 85px; }


/* slideshow widget */

/* object viewer widget */
div.objectViewer { border: 1px solid #666; background-color: white; padding: 10px; }

/* slideshow widget */
div.outerslideshow { width: 320px; min-height: 240px; }
div.slideshow div.media { min-height: 240px; }
div.slideshow div.media img { width: 320px; max-height: 240px; }
div.slideshow div.media img.hide { display: none; }
div.slideshow div.controls { text-align: right; margin-top: 5px; }
div.slideshow div.controls .control { cursor: pointer; margin-left: 2px; }
div.slideshow div.controls img.control { vertical-align: text-bottom; }
div.slideshow div.controls .status { color: rgb(153, 153, 153); font-size: 10pt; cursor: default; }