/*
 * Here's the standard CSS file that forms the basis of the design elements we use in Template databases.
 * Since this stuff should always be applied in at least a basic way, we'll keep it in this design-level
 * CSS so it can be updated as need be.
 */

/****** Let's get some standard Notes hacks out of the way *******/

/* There are a number of line breaks that Notes puts between subforms. This clears them all out */
body.userland p, body.userland br, body.userland table { display: none }
body.userland #header br, body.userland #linksbar br, body.userland #content br, body.userland #footer br, body.userland .ui-widget br { display: inline }
body.userland #header p, body.userland #linksbar p, body.userland #content p, body.userland #footer p, body.userland .ui-widget p { display: block }
body.userland #header table, body.userland #linksbar table, body.userland #content table, body.userland #footer table, body.userland .ui-widget table { display: block }
html > body.userland #header table, html > body.userland #linksbar table, html > body.userland #content table, html > body.userland #footer table, html > body.userland .ui-widget table { display: table }

/* Rich text drawn into a computed field loses its font information */
/* * { font-family: "Verdana", sans-serif; font-size: 100% } */
.blockImport, table, input, select, button { font-family: "Verdana", sans-serif; font-size: 100% }


/****** Now we'll make some styles for common template elements *******/

/* First off, some things should never show up */
#eventInfoBox, #fieldsBox, #scheduledDateInfoBox, #onDemandInfoBox, #authenticationBox, #submitButtonBox { display: none }

/* Next is the list of available events and the error message for the Attend and AttendArch pages */
table.eventChoices { margin-bottom: 2em }
table.eventChoices th { font-weight: bold; border-top: 0; text-align: left; text-decoration: none }
table.eventChoices td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 10px;
	border-top: 1px solid rgb(200, 200, 200);
	border-right: 1px solid rgb(220, 220, 220);
}
table.eventChoices td.last, table.eventChoices th.last { border-right: 0 }
table.eventChoices td.first, table.eventChoices th.first { padding-left: 0 }
table.eventChoices td.specificName, table.eventChoices th.specificName { display: none }
table.eventChoices img.speaker { margin-top: 2px }

.warning { color: red; background-color: white; font-weight: bold }

/* Here's the table that shows up on Event pages for their schedules dates and OnDemands */
table.eventDates { border-collapse: collapse }
table.eventDates th { text-decoration: underline }
table.eventDates th.register { text-decoration: none }
table.eventDates td, table.eventDates th {
	padding: 5px;
	border-right: 1px solid rgb(220, 220, 220);
	border-bottom: 1px solid rgb(200, 200, 200);
}
table.eventDates tr.last td { border-bottom: 0 }
table.eventDates td.last, table.eventDates th.last { border-right: 0 }
table.eventDates tr.odd td { background-color: #eee }

/* I use this class for the table on the default Confirm page that lists the signed-up-for events */
.confirmDates { border-collapse: collapse }
/*.confirmDates tr.first { background-color: #ccc } - Removed 9/1 Henderson Request*/
.confirmDates td, .confirmDates th { border: 1px solid #999; padding: 3px 5px }
/*.confirmDates tr.even { background-color: #eee } - Removed 9/1 Henderson Request*/

/* Let's add in some nice default styling */
img { border: 0 }
.link img { margin-top: 2px; margin-bottom: -2px }

/* The podcasts page does some odd thing with its view */
#Podcasts td.response { visibility: hidden }
#Postcasts tr td.num1 { visibility: visible }

#EventCalendar td { padding: 2px }
#EventCalendar table.nav { border: 0 }
#EventCalendar table.nav td { border: 0 }
#EventCalendar table.nav img { vertical-align: middle }
#EventCalendar table.nav a { color: #555 }

#eventInfoPlaceholder h4 {
	margin: 0;
	margin-bottom: 10px;
	font-size: 110%;
}

/* For misc. development use */
div.debug { font-family: monospace; border: 2px solid #ccc; background-color: #ddd; padding: 3px; white-space: pre; }