/* Coro-news Stylesheet  - Copyright 2009 Fund for the City of New York */

/* core styles */
a img { border-style: none; }
h1, h2, h3, h4, p, ul, ol, li, form { margin: 0px; padding: 0px; }
p.whitespace { clear: both; line-height: 1px; }
ul { margin: 1em; }
ol { margin: 1em; }
li { margin-left: 1em; }
blockquote { margin: 1em; }

p.center, div.center { text-align: center; }
div.left, table.left { float: left; margin-right: 10px; }
div.right, table.right { float: right; margin-left: 10px; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 10px 0px 10px 10px; width: 160px; }

div.sideindex {
  font-family: Verdana, sans-serif;
  font-size: 9pt;
  color: #444444;
}
div.sideindex a { color: #444499; }
div.sideindex img.icon { height: 18px; width: auto; cursor: pointer; }
div.sideindex span.arrow { font-size: 12px; cursor: pointer; }
div.sideindex span.arrow a { text-decoration: none; }
div.sideindex input { border: 1px solid #999999; font-size: 9pt; }
div.sideindex input[type=file] { font-size: 8pt; }
div.sideindex select { font-size: 8pt; }
div.sideindex span.target { cursor: pointer; }
div.sideindex span.target:hover { text-decoration: underline; }

table.form { margin: 1em 0; }
table.form td { vertical-align: top; padding: 2px 4px; }
table.form td.label { text-align: right; }

textarea.markup { width: 600px; height: 400px; }

.label { text-align: right; }
.error { color: red; }
.test {}
.valid { color: #006699; }
.invalid { color: #996600; }
.php { color: #009966; }
.indent { margin: 0px 20px; }
.control { font-size: smaller; color: #777; }
.jewel { padding: 5px 2px 3px 2px; cursor: pointer; }
.jewel a { text-decoration: none; color: white; }

/* custom field display */
p.label { text-align: left; color: #777; font-weight: bold; }
div.value { margin: 0px 0px 1em 12px; }

/* widget-specific styles */
img.jscalendar_button { vertical-align: middle; }
img.objectbrowser { vertical-align: middle; }
iframe.wufoo { width:100%; border:1px solid #ccc; }

div.sortable p { border: 1px solid #ccc; padding: 5px; width: 320px; }
div.sortable p.divider { background-color: #1b5ba2; color: #fff; font-size: 1.2em; }
div.sortable img.icon { float: none; vertical-align: middle; margin-bottom: 0; } 
  
/* local styles */
body { }
p { margin: 0 0 0.2em 0; }
table { border-collapse: collapse; }
td { vertical-align: top; }
a { color: #1b5ba2; text-decoration: underline; }
h2 a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.link { text-decoration: underline; }

div.editor { font-size: 0.9em; margin: 0.5em 0; }
div.editor a { color: #6e6e6e; text-decoration: none; }
div.editor a:hover { color: #000000; }
span.editor { margin-right: 0.5em; font-size: 0.8em; }
div.editor span.editor { font-size: 1em; }

/* colors */
.ltgreen { background-color: rgb( 139, 197, 63 ); color: #ffffff; }
.ltblue { background-color: rgb( 84, 149, 207 ); color: #ffffff; }
.dkblue { background-color: rgb( 27, 91, 162 ); color: #ffffff; }
.purple { background-color: rgb( 158, 31, 99 ); color: #ffffff; }
.red { background-color: rgb( 217, 28, 92 ); color: #ffffff; }
.orange { background-color: rgb( 240, 90, 40 ); color: #ffffff; }

/* headings */
h1.newsletter { font-size: 3.5em; text-transform: uppercase; margin: 0; }
h2.issue { font-size: 1em; font-weight: normal; margin: 0 0 0 1em; }
h2.section { font-size: 1.8em; text-transform: lowercase; margin: 0.5em 0 0  0; }

/* chrome */
#Canvas { background-color: #ffffff; font-family: Arial, sans-serif; color: #1b5ba2; font-size: 9pt;  }
#Newsletter { width: 608px; margin: 0 auto; border: 1px solid white; }

#Masthead { width: 520px; margin: 0 0 1em 5px;  }
#Masthead p { margin: 0 0 0 1em; }
#Masthead td.interface { text-align: right; vertical-align: middle; text-transform: uppercase; }
#Masthead td.interface p { margin: 0 0 0.5em 0; }
#Masthead td.interface a { text-decoration: underline; }

#Introduction { width: 430px; margin: 0 0 0.5em 3px; }

#Sections { text-transform: uppercase; }
#Sections td { width: 140px; padding: 4px; border: 5px solid #ffffff; }
#Sections td.donate { background-color: rgb( 240, 90, 40 ); padding: 0; }
#Sections a { font-weight: bold; text-decoration: none; color: #ffffff; }
#Sections td.donate a { display: block; margin: 0; margin: 2px; padding: 2px 4px 1px 4px; color: rgb( 240, 90, 40 ); background-color: #ffffff; width: 136px; }

#Object { margin: 1em 0; }

div.summary a { color: #f26641; }
div.summary img { margin: 0 6px; }
div.content { width: 430px; } 
div.content a { color: #f26641; }
div.content img { margin: 0 8px; }

#Features { border-collapse: collapse; font-size: 9pt; background-color: #d4d4d4; }
#Features a { color: #ffffff; }
#Features div.content { width: auto; }
#Features td { position: relative; padding: 0; }
#Features td.empty { vertical-align: bottom; }
#Features div.section { padding: 4px 1em 4px 8px; }
#Features h2.section { margin: 0 0 10px 0; }
#Features div.object { margin: 0 0 0.5em 0; }
#Features h2.section a { color: #ffffff; }
#Features a.title { text-decoration: underline; }
#Features div.collection div.summary { margin-left: 8px; }
#Features div.image { margin: -4px -1em -4px -8px; }
td.feature1 { width: 226px; height: 50%; }
td.feature2 { width: 226px; height: 50%; }
td.feature3 { width: 226px; background-repeat: no-repeat; }
#Features span.continuation { text-transform: uppercase; padding-left: 1em; font-size: 0.8em; }
#Features .editor a { color: #ffffff; text-decoration: none; }
#Features .editor a:hover { color: #000000; }

#Contents { background-image: url( watermarklogo.png ); background-repeat: no-repeat; }
#Contents div.section { width: 430px; margin: 0 0 2em 0; }
#Contents div.object { width: 430px; color: #f26641; margin: 0.2em 0 1em 0; }
#Contents div.preview { padding-top: 1em; }
#Contents a.title { color: #f26641; }
#Contents a.link { color: #f26641; }
#Contents div.summary { color: #1b5ba2; }
#Contents div.collection { margin-top: 1em; }
#Contents div.collection div.summary { display: inline; }
#Contents div.collection div.summary p { display: inline; } 
#Contents div.summary a { color: #f26641; }
#Contents div.content { color: #1b5ba2; margin-bottom: 1.5em; }
#Contents div.content a { color: #f26641; }
#Contents .editor a { color: #6e6e6e; }
#Contents .editor a:hover { color: #000000; }

#Footer { text-align: center; padding: 0.5em; }
#Footer a { color: #fff; }