﻿ul.volunteers {
    border: 0;
    margin: 5px 0 15px 15px;
    padding: 0;
}
ul.volunteers li {
    border: 0;
    border-bottom: 1px #ccc dashed;
	color: #384876;    
    margin: 0;
    font-weight: normal;
	font-size: 105%;
	font-family: Verdana, "Times New Roman", Times, serif;
	padding: 0 0 5px 0;
	line-height: 1.2;
	width: 410px;
}

div.event {
	border: 0;
	margin: 0;
	padding: 0 0 30px 0;
}
div.event div.event_title {
	border: 0;
	float: none;
	font-weight: bold;
	margin: 0;
	padding: 8px 8px 8px 0px;
	/*color:#b0d324;*/
	/*background-color:#c6c196;*/
}
div.event div.event_title span.what {
	color: #7ca500;
	font-size: 200%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: lighter;
}
div.event div.event_title span.where {
	color: #884e0b;
	font-size: 115%;
}
div.event div.event_when {
	border: 0;
	color: #006699;
	float: none;
	font-size: 90%;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 0;
}
div.event div.event_desc {
	border: 0;
	color: #3D402F;
	font-size: 10pt;
	float: none;
	line-height: 1.2;
	margin: 0 0 10px 0;
	padding: 0;
}
/********************************************/
/*** FANCY CHECKLIST ***/
/********************************************/
/* the checkbox input */
.checklist {
	margin: 20px 0 0 0;
}
/* space and seperate each option */
.checklist li {
	border-top: 1px #bbb dashed;
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}
/* hide the real checkbox innput */
.checklist li input {
	display: none;
}
/* the description paragraph on the right */
.checklist li div.desc {
	font-size: 9.5pt;	
	line-height: 1.3;
	margin: 0 0 10px 0;
}
/********************************************/
/*** NOT SELECTED ***/
/********************************************/
/* the big checkbox */
.checklist li div.check {
	background: url(images/checklist/checkboxbg.gif) no-repeat 0 0;
	float: left;
	height: 150px;
	margin: 0 10px 0 0;
	font: normal 11px/1.3 "Lucida Grande","Lucida","Arial",Sans-serif;
	position: relative;
	width: 105px;
}
/* not selected - show the select button */
.checklist li div.check a.checkbox-select {
	outline: 0;
	display: block;
	float: left;
	position: absolute;
	top: 118px;
	left: 10px;
	width: 85px;
	height: 23px;
	background: url(images/checklist/select.gif) no-repeat 0 0;
	text-indent: -9999px;}
/* not selected - set up the cancel text, but hide it */
.checklist li div.check a.checkbox-deselect {
	outline: 0;
	display: none;
	color: white;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	top: 120px;
	right: 10px;
}
/* the disciption inside the checkbox */
.checklist li div.info {
	display: block;
	height: 108px;
	text-align: center;
	width: 105px;
}
/********************************************/
/*** SELECTED ***/
/********************************************/
/* change to green background */
.checklist li div.check.selected {
	background-position: -105px 0;
}
/* hide the select graphic */
.checklist li div.check.selected a.checkbox-select {
	display: none;
}
/* show the cancel link */
.checklist li div.check.selected a.checkbox-deselect {
	display: block;
}
/*****************************************************************/
/* form container */
ul.SignUp {
	clear: both;
	list-style-type: none;
	font-size: 12pt;
	margin: 0;
	padding: 0;
	width: 460px;
}
/* set of fields under a heading */
ul.SignUp li {
	clear: both;
	display: block;
	margin: 0;
}
ul.SignUp li.checkbox {
	margin: 10px 0 15px 0;
}
ul.SignUp li.checkbox label {
	color: #374B79;
}
ul.SignUp li.note {
	margin: 0 0 15px 0;
}
/* label value pair */
ul.SignUp li span {
}
ul.SignUp li span.float {
	float: left;
	margin: 0 7px 0 0;
	padding: 0;
}
/* inputs */
ul.SignUp li span input.text,
ul.SignUp li span textarea.text
 {
	border: 1px #CCCCCC solid;
	background-color: #F9F9F9;
	color: #374B79;
	font-weight: bold;
	padding: 5px;
}
/* validation error */
ul.SignUp li span input.validation_error,
ul.SignUp li span textarea.validation_error {
	border: 2px #FF0000 solid;
}
/* red hightlight for invalid entry */
ul.SignUp li span.required input {
	color: #fff !important;
	background-color: red !important;
}
/* red hightlight for invalid entry */
ul.SignUp li span.required label {
	color: red !important;
}
/* field set heading about fields */
ul.SignUp label.desc {
	color: #374B79;
	display: block;
	font-size: 100%;
	font-weight: bold;
	margin: 10xp 0 5px 0;
	padding: 0 0 5px 0;
}
/* description under block label */
ul.SignUp li p.hint {
	color: #928C5A;
	font-size: 11pt;
	padding: 0;
	margin: 0 0 3px 0;
}
/* label/field */
ul.SignUp li span {
	color: #444444;
	margin: 0 0.3em 0 0;
	padding: 0;
}
/* label - this makes the label go under the inputs */
ul.SignUp li span label.under {
	clear: both;
	color: #844C1D;
	display: block; /* this makes the label go under the input */
	font-size: 85%;
	line-height: 100%;
	margin: 0 0 0 2px;
	padding: 3px 0 13px 0; /* left/right has no effect */
}
/* label - this makes the label go under the inputs */
ul.SignUp .check {
	display: inline;
}
ul.SignUp .check label {
	display: inline;
	font-size: 1.00em;
	font-weight: bold;
}
/* full width label/value */
ul.SignUp .full {
	width: 100%;
	margin: 0;
	padding: 0;
}
/* half width - align left  */
ul.SignUp .left {
	float: left;
	width: 47%;
}
/* half width - align right  */
ul.SignUp .right {
	float: right;
	width: 47%;
}
/************************************************/
table.slots {
    border-collapse: collapse;
    border: solid 1px #eee;
    font-size: 11pt;
    width: 100%;
    margin: 0 0 10px 0;
}
table.slots tr.head td {
    font-weight: bold;
}
table.slots td {
    padding: 5px 2px 5px 2px;
    border-bottom: solid 1px #d8d8d8;
    border-right: solid 1px #f0f0f0;
}
table.slots tr.location td {
    background-color: #f0f0f0;
    font-weight: bold;
}
table.slots td.chk {
    text-align: center;
}

