/* npea screen stylesheet */
/* Copyright 2011 Fund for the City of New York, All rights reserved. */

/* re-styling */
body { margin: 0; padding: 0; background-color: #fff; color: #000; font-family: Arial, sans-serif; font-size: 12pt; line-height: 18pt; }
h1, h2, h3, h4, p, ul, ol, li, form { margin: 0px; padding: 0px; }
h1, h2, h3, h4 { margin-bottom: 0.3em; font-family: Arial, sans-serif; font-size: 12pt; font-weight: bold; color: #005daa; text-transform: uppercase; letter-spacing: 0.02cm; }
h2 { color: #af006e; }
a { color: #005daa; text-decoration: none; }
a:hover { text-decoration: underline; }
h2 a { color: #af006e; }
a.private { color: #29bc57; }
a img { border-style: none; }
p { margin-bottom: 1em; }
ul { margin-left: 1em; margin-bottom: 1.5em; list-style: square outside;  }
ol { margin-left: 1em; margin-bottom: 1.5em; list-style: decimal outside; }
li { margin-left: 1em; margin-bottom: 0.5em; }
blockquote { margin: 1em; }
em { font-style: italic; }
strong { font-weight: bold; }
table, form { font-size: inherit; line-height: inherit; }
td { vertical-align: top; }

/* Utility */
p.error { color: #ff0000; }
p.meta { color: #777; }
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; }
td.left { text-align: left; }
td.right { text-align: right; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 10px 0px 10px 1em; width: 160px; }
table.sidebar { width: 30%; float: right; margin: 0px 0px 10px 10px; border: 1px solid #ccc; padding: 5px 10px; background-color: #eee; }
table.sidebar td {  }
div.whitespace, p.whitespace { font-size: 1px; line-height: 1px; clear: both; }
a.private:after { content: "*"; }
img.icon { vertical-align: middle; }
span.continuation { display: block; }
img.private { border: 3px solid #29bc57; border-style: solid none; }
div.private { border: 3px solid #29bc57; border-style: solid none; }
p.credit {  font: 12px Arial, sans-serif; line-height: 15px; color: rgb(153,153,153); margin: 0 0 5px 0; text-align: right; }
address { font: 12px Arial, sans-serif; line-height: 15px; color: rgb(153,153,153); margin: 0 0 5px 0; text-align: right;  }
p + address { margin-top: -14px; }
div.imagewrap { text-align: center; }
div.caption { clear: both; margin: 8px 0; font-style: italic; font-size: 14px; }
p.credit + div.caption { margin-top: -2px; }
div.caption p { margin: 0; }
div.slide { margin-top: -12px; padding-top: 12px; }
div.slidenav {  font: 12px Arial, sans-serif; line-height: 15px; color: rgb(153,153,153); margin: 5px 0; text-align: right; }
div.slidenav img { vertical-align: -3px; margin: 0 4px; }
div.show { margin-bottom: 28px; }
p.none { display: none; }
span.red { color: #af006e; }
h3.own a { color: #af006e; }
a.file { color: #af006e; }
a.file:visited { color: #999999; }

/* Form */
table.form { }
table.form td { padding: 5px; vertical-align: top; }
table.form td.label { padding: 5px 2px; text-align: right; }
input.text, input.password { border: 1px solid #005daa; font-family: Verdana, sans-serif; font-size: 8pt; padding: 8px 4px; vertical-align: middle; margin-right: 12px; }
input.text.tempvalue { color: #A6A8AB; }
input.button, button { border: 1px solid #005daa; background-color: #005daa; color: white; font-family: Arial, sans-serif; font-size: 8pt; padding: 3px 4px; text-transform: uppercase; font-weight: bold; margin-right: 8px; cursor: pointer; } 
input.button.red { border: 1px solid #af006e; background-color: #af006e; }
input.button.ltblue { border: 1px solid #6caddf; background-color: #6caddf; }
input.button.grey { border: 1px solid #6e6e6e; background-color: #6e6e6e; }
input.button.ltgrey { border: 1px solid #afafaf; background-color: #afafaf; }
button.right { float: right; margin: 4px 0; }
textarea { border: 1px solid #005daa; font-family: Verdana, sans-serif; font-size: 8pt; line-height: 10pt; padding: 8px 4px; height: 44px; }
textarea.markup { border: 0; padding: 0; width: 600px; height: 240px; }
textarea.markup.content { height: 416px; }
table.mceEditor td { padding-top: 0px; }
img.jscalendar_button { vertical-align: middle; }
div.sortable p { width: 200px; padding: 4px; margin: 0px 0px 5px 0px; border: 1px solid #ccc; cursor: move; }
img.processing { vertical-align: middle; margin-left: 4px; }
input.computed, textarea.computed { display: none; }

/* Assessment */
table.assessment { width: 100%; margin: 32px auto; border: 0; border-collapse: separate; border-spacing: 0px; table-layout: fixed; }
table.assessment tr { background-color: #ffffff; }
table.assessment td { border: 1px solid #b7b8b9; border-style: none solid solid none; padding: 12px 16px 14px 16px; font-size: 15px; line-height: normal; }
table.assessment td.choice { width: 32px; vertical-align: middle; text-align: center; }
table.assessment tr td:first-child { border-left-style: solid; }
table.assessment tr:first-child td { border-top-style: solid; }
table.assessment tr.section { }
table.assessment tr.section td, table.assessment tr.section th { padding: 8px 8px; background-color: #d7d8d9; font-weight: 700; color: #000000; text-transform: uppercase; }
table.assessment tr.section td:first-child, table.assessment tr.section th:first-child { border-radius: 2px 0 0 0; }
table.assessment tr.section td:last-child, table.assessment tr.section th:last-child { border-radius: 0 2px 0 0; border-right-color: #d7d8d9; }
table.assessment tr.section td p, table.assessment tr.section th p { margin: 0; }
table.assessment tr:nth-child( odd ) { background-color: #fff; }
table.assessment.nobgcolor tr:nth-child( odd ), table.assessment tr.nobgcolor:nth-child( odd ) { background-color: transparent; }
table.assessment td p.caption { margin-top: -16px; margin-top: -1rem; }
table.assessment td *:last-child { margin-bottom: 0; }
table.assessment td.control.active { background-color: #eee; }
table.assessment td.control:hover { background-color: #eee; }

table.total { margin-top: -28px; }
table.total td { padding: 8px 8px; background-color: #d7d8d9; font-weight: 700; color: #000000; text-align: center; }
table.total td.space { background-color: #ffffff; border-color: #ffffff #b7b8b9 #ffffff #ffffff; }
table.total td.label { width: 96px; }
table.total td.score { width: 32px; }

p.assessmentform { font-size: 16px; text-align: center; }
p.assessmentform input { font-size: 18px; border: 1px solid #667; padding: 4px; text-align: center; color: #48b; }

div.selectstyle { margin-bottom: 1em; }

/* Narrative */
textarea.narrative { width: 100%; height: 140px; font-size: 12px; line-height: 18px; }
span.charcount { font-size: 12px; font-style: italic; }
span.charcount.warning { color: #ff0000; }

/* First Class Divs */
#Canvas { margin: 0px 0px 26px 12px; min-width: 788px; }
body.embedded #Canvas { margin: 0; }

/* npexcellence site */
#Logo { width: 800px; text-align: center; }
#NewBanner { max-height: 260px; }
#NewDeadline { font-family: Arial, sans-serif; font-size: 14pt; font-weight: bold; color: rgb( 212, 11, 68 ); text-transform: uppercase; letter-spacing: 0.02cm; margin: 20px 0 -8px 232px; }
#NewProducers { width: 800px; text-align: center; font-family: Arial, sans-serif; font-size: 16px; margin: 20px 0 16px 0; }
#NewProducers a { margin: 0 8px; }
#NewProducers img { vertical-align: middle; max-width: 160px; max-height: 50px; }
#NewProducersTop { float: right; width: 180px; text-align: center; font-family: Arial, sans-serif; font-size: 16px; padding-top: 16px; font-weight: normal; }
#NewProducersTop img { vertical-align: middle; max-width: 160px; max-height: 50px; margin: 4px 0 8px 0; }
body.embedded #Logo { display: none; }

#Controls { font-family: Arial, sans-serif; color: #777; font-size: 9pt; height: 20px; margin-left: 196px; }
#Controls span.userbar { float: left; margin-right: 85px; } 
#Controls span.sectionbar { float: left; margin-right: 85px; } 

#Navigation { margin-top: 6px; float: left; width: 196px; text-align: right; font-family: Arial, sans-serif; font-size: 10pt; line-height: 18pt; letter-spacing: 0.03cm; }
#Navigation p { margin: 0; }
#Navigation a { color: black; }
#Navigation a.active { color: #005daa; font-weight: bold; }
#Navigation a:hover { color: #005daa; text-decoration: none; }
body.embedded #Navigation { display: none; }

#Main { float: left; margin-top: 3px; margin-left: 36px; width: 490px; }
body.embedded #Main { float: none; margin: 0 auto; width: 94%; }

#Content { width: 540px; }
#Content h1 { margin: 2pt 0 14pt 0; }
#Content h4 { margin: 2pt 0; }
#Content p { margin-bottom: 14pt; }

#List { width: 392px; }
#List h3 { margin: 2pt 0 14pt 0; }
#List div.item { margin-bottom: 14pt; }
#List div.item h3 { margin-bottom: 0; }

#Form { width: 590px; font-size: 11pt; }
#Form h3 { margin: 2pt 0 14pt 0; }
#Form p { margin: 0 0 15px 0; }
#Form table { margin: 0 0 15px 0; }
#Form td { vertical-align: middle; }
#Form td.label { padding: 0 4px 0 0; }
#Form span.label { margin-right: 4px; }

#Report { width: 600px; color: #777; }
#Report h3 { margin: 2pt 0 14pt 0; }
#Report h4 { margin: 2pt 0; }
#Report p { margin-bottom: 14pt; }
#Report span.answer { font-family: Verdana, sans-serif; font-size: 10pt; color: #000; margin-right: 24px; }
#Report blockquote.answer { font-family: Verdana, sans-serif; font-size: 10pt; color: #000; margin: 0 0 14pt 0; }

#Checklist { margin-left: 48px; font-family: Arial, sans-serif; font-size: 10pt; line-height: 14pt; width: 394px; }
#Checklist div { text-indent: -12px; margin-bottom: 14pt; }
#Checklist li { text-indent: 0; margin-bottom: 4px; }
#Checklist ul { margin-bottom: 0; }
#Checklist img.checkbox { position: absolute; left: 242px; }
body.embedded #Checklist img.checkbox { position: relative; left: -4px; top: 4px; }
#Checklist input.button.replace { position: relative; left: 12px; top: 6px; }
#Checklist input.file { margin: 0 8px 0 0; }

#TopSubmit { position: absolute; top: 257px; left: 690px; width: 200px; border: 1px none blue; }

#Members { position: absolute; top: 260px; left: 900px; width: 240px; border: 1px none blue; padding-bottom: 30px; }

#User { margin-top: 16px; font: 12px Verdana, sans-serif; line-height: 15px; letter-spacing: 0; }

#Goline { display: none; }

/* Editor */
.editor { font: 12px Verdana, sans-serif; line-height: 15px; letter-spacing: 0; }
h1 + div.editor { margin: -8px 0 8px 18px; }
p.editor { clear: left; }
span.editor { padding-right: 1em; }
p.editor { margin: 0; }
.editor a { color: #72bff4; }
.editor a:hover { color: rgb(42,42,42); text-decoration: none; }
#Object .editor a { color: #72bff4; }
#Object .editor a:hover { color: rgb(42,42,42); text-decoration: none; }
#Navigation div.editor { margin: 32px 0 6px 10px; }
#Navigation p.editor { margin: 0; }
#Navigation .editor a { color: #72bff4; }
#Navigation .editor a:hover { color: rgb(42,42,42); text-decoration: none; }
h1 + div.editor { margin: -16px 0 16px 0; }

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

div.search { margin-bottom: 1em; }
div.search img { width: 90px; height: auto; }
div.search td { padding: 4px 0 0 0; }
div.search td.icon { padding: 8px 6px 0 0; }
#Main div.search h3 { margin: 0; }
#Main div.search h4 { margin: 0; text-transform: none; }
div.search div.summary { font-size: 14px; margin: 0 0 4px 0; }
div.search div.summary b { color: #000000; }
div.search div.parents { font-size: 14px; color: #0e894a; }
div.search div.parents a { text-decoration: none; color: #0e894a; }