/* ------>>> Global Styles <<<------- */
.FilterBorders { border: 1px solid #A9CDC7; }
.FooterBorders { border-top-width: 0; }
.HeaderBackground { background-color: #F5F9FC; }
.FooterBackground { background-color: #EDF3FA; } 
.ViewBackground { background-color: #FCFCFE; }
.CategoryBackground { background-color: #FCFCFE; }
 
/* ------>>> Container Styles <<<------- */
#EventsControls { overflow: hidden; zoom:1; margin-top:10px; }
#HeaderContentWrapper { overflow:hidden; width:518px; zoom:1; } /* -->> Header Section <<-- */
#HeaderTitleWrapper { float:left; overflow:hidden; width:110px; height:52px; zoom:1; }
#HeaderCategoryWrapper { float:left; overflow:hidden; width:282px; height:52px; zoom:1; }
#HeaderViewWrapper { float:left; overflow:hidden; width:123px; height:52px; zoom:1; }
#FooterContentWrapper { overflow:hidden; width:514px; height:37px; zoom:1; margin-left:2px; } /* -->> Footer Section <<-- */
#CategoryElementWrapper { overflow:hidden; zoom:1; height:32px; margin-top:10px; }
#FooterTitleWrapper { float:left; overflow:hidden; width:90px; height:37px; zoom:1; padding-right:5px }
#FooterDateWrapper { float:left; overflow:hidden; width:330px; height:37px; zoom:1; }
.buttonContainer { float: left; clear:none; margin-top:8px; margin-left:6px; }
.buttonContainer button { width:66px; height:20px; background-color:#BDDBEC; border:0 none; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#435892; } 

/* ------>>> Filter Font Styles <<<------- */
.HeaderTitle { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:18px; 
	color:#316686; 
	text-transform:capitalize; 
	line-height:52px;
	text-align:center;
	margin:0;
	padding:0;	
} 

.FooterTitle {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px; 
	color:#316686;
	text-transform:capitalize; 
	line-height:37px;
	text-align:center;
	margin:0;
	padding:0;
	font-weight:normal; 

} 

/* ------>>> Calendar Object Styles <<<------- */
#div_srch_categoryId { }
#div_srch_categoryId label {
	float:left;
	height:32px; 
	width:65px;
	line-height:32px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#316686;
	padding:0;
	margin:0;
	margin-left:6px; 
}
#div_srch_categoryId span.formField { float:left; width:195px; padding:0; margin:0; display:block; margin-left:5px; margin-top:6px; }
#div_srch_categoryId select { width:195px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

/* ------>>> View Object Styles <<<------- */
#ViewControls { overflow:hidden; zoom:1; height:32px; margin:10px 5px; }
.ViewTitle { 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:14px;
	color:#316686; 
	text-transform:capitalize;
	text-align:center;
	line-height:32px;
}
.ViewTitle { overflow:hidden; zoom:1; height:32px; float:left; margin-left:8px; }
.ViewLinks { overflow:hidden; zoom:1; height:32px; width:55px; float:right; }
.ViewLinks a { display:block; height:0; width:22px; padding-top:24px; overflow:hidden; float:left; margin-top:4px }   
.ViewLinks a.list { 
	background-image: url(../../../images/list.gif);
	background-position: left top;
	background-repeat:no-repeat;
	margin-right:5px;
}
.ViewLinks a.calendar {
	background-image: url(../../../images/calendar.gif);
	background-position: left top;
	background-repeat:no-repeat;
}


#div_srch_startDate,
#div_srch_endDate { float:left; padding:0; margin:8px 0 0 0; clear:none; width:163px; height:22px; }
#div_srch_endDate { margin-left:2px; }
#div_srch_startDate label,
#div_srch_endDate label { 
	float:left; 
	width:60px; 
	height:18px; 
	line-height:18px; 
	border: 1px solid #A9CDC7; 
	background-color:#F5F9FC;
	padding:0 0 0 5px;
	margin:0;
	text-align:left; }
	
#div_srch_startDate span.formField,	
#div_srch_endDate span.formField { float:left; width:95px; clear:none; border: 1px solid #A9CDC7; border-left:0 none; background-color:#FFFFFF;  }

#div_srch_startDate span.formField input,
#div_srch_endDate span.formField input { float:left; font-size:11px; border:0 none; }

#div_srch_startDate span.formField img,
#div_srch_endDate span.formField img { float:left; display:block; }