/* Global Filter CSS  */
.filter { text-align:center;  } 
.filter .content {
	background-image:url(../images/Filters/filter_background.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:100px; /* Background Height */
	width:595px; /* Background Width */
	overflow:hidden;
	zoom:1;
	text-align:left;
}

.filter .content .header { padding: 14px 14px 0 14px; }
.filter .content .header h3.label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	font-style:normal;
	color:#033360;
	text-transform:uppercase;
	display:block;
	float:left;
}

.filter .content .header .options {
	float:right;
	background-image:url(../images/Filters/option_background.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:5px;
	height:23px; /* Background Height - Padding */
	width:105px; /* Background Width - Padding */
	overflow:hidden;
	zoom:1;
}

.filter .content .header .options span.label { 
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:11px;
	color:#4786A2;
	width:45px;
	height:23px;
	line-height:23px;
	margin-left:5px
}

.filter .content .header .options a.list {
	display:block;
	float:left;
	background-image:url(../images/Filters/list.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:24px; /* Image Height */
	height:0;
	width:24px; /* Image Width */
	overflow:hidden;
	zoom:1;
}

.filter .content .header .options a.calendar { 
	display:block;
	float:left;
	background-image:url(../images/Filters/calendar.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:24px; /* Image Height */
	margin-left:2px;
	height:0;
	width:24px; /* Image Width */
	overflow:hidden;
	zoom:1;
}

.filter .content .form { 
	float:none;
	clear:both;
	overflow:hidden;
	zoom:1;
	padding: 0 14px;
}


.filter .content .form form.filterLayout { text-align:left;  margin:0; }
.filter .content .form form.filterLayout input.inputbox { width:100%; border:1px solid #9DCBE4; font-size:98%; }
.filter .content .form form.filterLayout select { width:100%; border:1px solid #9DCBE4; font-size:98%; }
.filter .content .form form.filterLayout .formField { display:block; padding-right:4px !important; }

.filter .content .form form.filterLayout .fieldContainer label { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:11px;
	color:#4786A2;
}

.filter .content .form form.filterLayout .SectionContainerObject { float:left; }

.filter .content .form form.filterLayout .buttonContainer { 
	clear:none !important;
	float:right !important;
	height:45px !important;
	padding-top:16px !important;
	text-align:left;
}

.filter .content .form form.filterLayout .buttonContainer button { 
	cursor:pointer; 
	background:url(../images/ButtonWrapperRight.jpg) right no-repeat; 
	font-weight:bold;
	border:0; 
	padding:0 20px 0 0 !important;
	margin:0 !important; 
	text-align:center;
}

.filter .content .form form.filterLayout .buttonContainer button span { 
	display:block;
	position:relative;  
	background:url(../images/ButtonWrapperLeft.jpg) left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
	font-size:12px;  
	color:#fff;
	padding:0 0 0 20px !important;
	height:21px;  
	line-height:21px;
	white-space:nowrap;
}


/* Event Filter CSS */
#EventFilter #div_srch_categoryId { width:230px; float:left; clear:none; }
#EventFilter #div_srch_startDate { width:122px; float:left; clear:none; }
#EventFilter #div_srch_endDate { width:122px; float:left; clear:none; }
#EventFilter #div_srch_categoryId select { height:21px; }
#EventFilter #div_srch_startDate input.date,
#EventFilter #div_srch_endDate input.date { width:92px; clear:none; float:left; height:19px;  }
#EventFilter #div_srch_startDate a,
#EventFilter #div_srch_endDate a { display:block; float:left; padding:0; margin:0; } 
#EventFilter #div_srch_startDate a img,
#EventFilter #div_srch_endDate a img { display:block; padding:0; margin:0 0 0 2px; }

/* Staff Directory CSS */
#StaffDirectoryFilter #div_srch_FirstName { width:156px; float:left; clear:none; }
#StaffDirectoryFilter #div_srch_LastName { width:156px; float:left; clear:none; }
#StaffDirectoryFilter #div_srch_FirstName input.inputbox, 
#StaffDirectoryFilter #div_srch_LastName input.inputbox { height:19px; }

#StaffDirectoryFilter #div_srch_CategoryId { width:156px; float:left; clear:none; }
#StaffDirectoryFilter #div_srch_categoryId select { height:21px; }