/* cross-platform css for tami templateset */
/* Copyright 2009 Fund for the City of New York */
/* License: http://fred.fcny.org/fcny-ossl.txt */

/* tags */
body { font-family: Verdana, serif; font-size: 9pt; margin: 0px; padding: 0px; background-color: #FFF; color: #411A09; }
a { text-decoration: none; color: #2F1003; }
a.edit { color: #991100 }
a:hover { text-decoration: underline; }
a img { border-style: none; }
a.private img { border: 2px solid #999; }
h1, h2, h3, h4, p, form { margin: 0px 0px; padding: 0px; }
h1, h2, h3, h4, p { margin-bottom: 0.95em; }
h1 { font-size: 10pt; font-weight: normal; margin-bottom: 1em; }
h2 { font-size: 9pt; }
h3, h4 { font-size: 8pt; }
p { font-size: 8pt; }
table { font-size: inherit; }

/* main classes */
img.icon { float: left; margin: 0 1em 1em 0; }
h3.active, p.active { font-weight: bold; }
td.icon { vertical-align: top; }
td.icon img.icon { margin: 0.1em 0.2em 0 0; }
div.sidebar, table.sidebar { clear: right; float: right; margin: 0 2em 4em 1em; width: 160px; }
.show { display: inline; }
.hide { display: none; }

/* utility */
p.error { color: #ff0000; }
p.editor { font-family: Verdana, sans-serif; font-size: 0.9em; margin: 0 0 0 0; font-weight: bold; }
p.editor a { text-decoration: none; font-weight: normal; }

p.whitespace { height: 1px; clear: both; }
div.indent { margin: 0em 0.5em 1em 1em; } 
div.left, table.left, img.left { float: left; margin-right: 2em; }
div.right, table.right, img.right { float: right; margin-left: 0.5em; }
div.sortable p { padding: 3px 6px; border: 1px solid #ccc; width: 240px; margin: 2px; }
table.table { border-collapse: collapse; }
table.table th { padding: 3px 6px; text-align: left; border: 1px solid #999; border-style: none solid none solid; }
table.table td { padding: 3px 6px; text-align: left; vertical-align: top; border: 1px solid #999; border-style: none solid none solid; }
span.continuation { margin: 0 0 0 1em; }
span.continuation a { font-weight: normal; }

/* form styles */
table.form td { padding: 0.4em 0.2em; }
table.form td.label { padding-top: 0.7em; }
table.form textarea.textarea { height: 160px; }
input { border: 1px solid #999; padding: 0.3em; margin-bottom: 0.2em; }
input[type=checkbox] { border: 0; }
input[type=radiobutton] { border: 0; }
input[type=submit] { padding: 0.2em 0.3em 0.2em 0.3em; }
input.tempvalue { color: #667; }
textarea { border: 1px solid #999; padding: 0.4em; margin-bottom: 0.2em; max-width: 500px; }
textarea.markup { max-width: 560px; width: 560px; height: 390px; }
select { border: 1px solid #999; margin-bottom: 0.2em; padding: 0.1em 0.1em 0.1em 0; }
option { padding: 0.1em 0.4em; }
input, textarea, select { border-color: #4A2413; }
input.button { color: #4A2413; border-color: #4A2413; background-color: #FEF0DF; font-weight: bold; }

/* container styles */
#HeaderOuter {
  border-style: dotted; border-width: 1px; border-bottom-style: none;
  position: relative; width: 700px; margin: 0px auto;
  width: 700px; height: 179px; margin: 10px auto 0px auto; padding: 0px;
}
#Header {
  background-color: #FEF0DF; background-repeat: no-repeat; background-position: top center;
  padding: 5px 25px 9px 25px;
}

/* Canvas styles */
#CanvasOuter {
  border-style: dotted; border-width: 1px;
  position: relative; width: 700px; margin: 0px auto;
}
#Canvas {
  background-color: #FEF0DF; background-repeat: no-repeat; background-position: bottom center;
  padding: 0px; margin: 0px;
} 
#CanvasInner { margin: 0px 30px; padding: 0px 0px 60px 0px; min-height: 464px; }

/* Object styles */  
#Object { margin: 0px 0px; }
#Object div.preview { text-align: center; margin: 0.2em 0.2em 1em; }*/
#Object div.content img { max-width: 480px; }
#Object div.content a { text-decoration: underline; }
#Object a.edit { margin: 0px 5px; font-size: 8pt; text-decoration: underline; }
#Object div.edit, #Object div.titleEdit { padding-bottom: 3px; text-align: center; }
#Object div.titleEdit { float: right; }
#Object div.cover div.preview { text-align: center; }
#Object ol.contents li { clear: both; }

/* navigation styles */
a.section { margin: 0px 14px 0px 0px; color: #411A09; font-size: 7.5pt; }
a.active { font-weight: bold; }
#Logo { margin: 125px 0px 0px -6px; }
#Nav { padding: 6px 0px 10px 0px; margin: 0px; }
#Subnav { paddin-left: 50px; padding-top: 10px; min-height: 30px !important; height: 30px; }
#Goline { font-size: 8pt; width: 300px; margin: 0px auto; padding: 2px; text-align: center; }
#Goline div.navbutton { display: inline; }
#Goline div.prev { float: left; margin-left: 50px; width: 70px; }
#Goline div.back { }
#Goline div.next { float: right; margin-right: 50px; width: 50px; }

#EditControls { margin-left: -127px; text-align: right; padding: 0px 8px 0px 8px; width: 110px; position: absolute; background-color: #FEF0DF; }
#EditControls p { margin: 0.5em 0; }

/* softGrid widget styles */
div.softGrid { padding: 20px 0px; }
div.softGrid .object { text-align: center; float: left; margin: 0px 1em 1em; padding: 0px; width: 180px; }
div.softGrid .object div.thumbnail { height: 111px; }
div.softGrid .object div.thumbnail img { border: 1px solid #DFCCC3; height: 106px; }
div.softGrid .object .caption { font-size: 8pt; }
div.softGrid .object .title { }
/* start a "line feed" */ div.softGrid p.whitespace { clear: left; height: 0px; line-spacing: 0pt; }
/* start a "carriage return" */ div.softGrid div.carriagereturn { display: block; height: 162px; }

/* slideshow widget styles */
div.slideshow div.media { text-align: center; }
div.slideshow img.slide { margin: 3px 6px; max-width: 480px; }
div.controls { text-align: center; width: 400px; margin: 10px auto; }
div.controls .control { cursor: pointer; margin: 5px 10px; }

div.designer { position: relative; width: 700px; margin: 0px auto; }
div.designer div { font-size: 8pt; text-align: right; margin: 5px 9px; }
div.designer a { color: #BD9C81; }

#Footer { width: 610px; margin: 0px auto; text-align: center;  padding: 10px; }