#CalendarSearch00000001
#create
#namespace:Calendar/Search
#url:default-calendar-search
#title:Default Calendar Search
#menuTitle:Default Calendar Search

<tmpl_var form.header>
<table cellspacing="0" cellpadding="0" width="600" id="mCAL" border="0">
<tr>
	<td style="text-align:right">
		<a href="/<tmpl_var url>?type=day" class="tab">Day</a>
		<a href="/<tmpl_var url>?type=week" class="tab">Week</a>
		<a href="/<tmpl_var url>?type=month" class="tab">Month</a>
		<a href="/<tmpl_var url>?func=search" class="tab active">Search</a>
	</td>
</tr>
<tr>
	<td class="months">
		&nbsp;
	</td>
</tr>
<tr>
	<td style="width:100%">
		<table width="100%" cellspacing="2" cellpadding="0">
		<tr>
			<td class="heading">
				<div style="padding:4px;">Keyword</div>
			</td>
			<td class="day">
				<tmpl_var form.keywords>
			</td>
		</tr>
		
		<tr>
			<td class="heading">
				<div style="padding:4px;">Start Date</div>
			</td>
			<td class="day">
				<tmpl_var form.startDate>	
			</td>
		</tr>

		<tr>
			<td class="heading">
				<div style="padding:4px;">End Date</div>
			</td>
			<td class="day">
				<tmpl_var form.endDate>
			</td>
		</tr>

		</table>
	</td>
</tr>
<tr>
	<td style="text-align:right">
	<tmpl_var form.submit>
	</td>
</tr>
</table>
<tmpl_var form.footer>



<tmpl_if results>
<table cellspacing="0" cellpadding="0" width="600" id="mCAL">
<tr>
	<td>
		<div  class="curMonth">
			Search Results
			<span style="font-size:9px;">Displaying page <tmpl_var pagination.pageCount> of <tmpl_var pagination.pageCount></span>
		</div>
	</td>
</tr>
<tr>
	<td class="months">
		<div style="padding:3px 0px;">			
			<tmpl_var pagination.firstPage>
			<tmpl_var pagination.pageList>
			<tmpl_var pagination.lastPage>	 
		</div>
	</td>
</tr>
<tr>
	<td style="width:100%">
		<table width="100%" cellspacing="2" cellpadding="0">
		<tmpl_loop results><tr>
			<td class="heading">
				<div style="padding:4px;"><tmpl_var startDate></div>
			</td>
			<td class="day">
				<a href="/<tmpl_var url>" style="padding-left:10px"><tmpl_var title></a>
			</td>
		</tr></tmpl_loop>
		</table>
	</td>
</tr>
<tr>
	<td class="months">
		<div style="padding:3px 0px;">
			<tmpl_var pagination.firstPage>
			<tmpl_var pagination.pageList>
			<tmpl_var pagination.lastPage>	 
		</div>
	</td>
</tr>
</table>
</tmpl_if>


~~~
	<style type="text/css">
		body * {
			margin:0px;
		}	
		#mCAL {
			
		}
		#mCAL td {
			font-size:10px;
			font-family:arial;
		}
		#mCAL .tab {

			border-bottom-style:none;
			font-weight:bold;
			padding: 2px 15px 0px 15px;
			text-align;center;
			background-color:#E9ECF3;
			-moz-border-radius-topLeft:10px;
			-moz-border-radius-topRight:10px;
			color:#7588B5;
			text-decoration:none;
			font-size:10pt;
			display:block;
			float:left;
			margin-right:5px;
		}
		#mCAL .tab:hover {
			color:black;
		}	
		#mCAL .active {
			background-color:#DFE3EE;
			color:#404F77;
			border-bottom:solid #DFE3EE 1px;
		}	
		#mCAL .controls {
			float:right;
			vertical-align:bottom;
		}
		#mCAL a {
			font-size:11px;
			color:#517AC8;
		}	
		#mCAL .heading {
			width:200px;
			-moz-box-sizing:border-box;
			background-color:#ABB7D1;
			text-align:center;
			font-weight:bold;
			color:#374664;
			font-size:9px;
			letter-spacing:1px;
			text-transform:uppercase;
			text-align:right;
			vertical-align:top;
			-moz-border-radius-bottomRight:8px;
			-moz-border-radius-topRight:8px;			
		}
		#mCAL .day {
			background-color:#E9ECF3;			
			width:400px;
			position:relative;
			vertical-align:top;		
			-moz-border-radius-topLeft:8px;
			-moz-border-radius-bottomLeft:8px;			
			border:solid #CCD2E3 1px;
		}
		#mCAL .curDay {
			background-color:#FFE4B3;
			border-color:orange;
		}
		#mCAL .dayWrapper {			
			height:100%;
			width:100%;
			position:relative;
			z-index:0;
			margin:0px;	
			padding:0px 0px 2px 5px;;
			-moz-box-sizing:border-box;
		}
		html > body #mCAL .dayWrapper {
			height:auto;
			min-height:100%;
		}
		#mCAL .dayNum {
			width:100%;
			text-align:right;
			
		}

		#mCAL span.border {							
			text-align:center;			
			padding:5px;
			font-weight:bold;
			-moz-border-radius-bottomRight:5px;
			-moz-border-radius-topLeft:5px;
			color:black;			
			border-right:solid #CCD2E3 1px;
			border-bottom: solid #CCD2E3 1px;
			background-color:#ABB7D1;
			-moz-box-sizing:border-box;
			top:5px;
			position:relative;
			
		}
		#mCAL .curDay span.border {
			background-color:orange;
			color:black;
			border-color:orange;
		}
		#mCAL .event {
			padding:3px;
			padding-top:8px;
			clear:left;
			font-weight:bold;			
		}
		#mCAL .event a {
			color:#4F4F4F;
			text-decoration:none;
			font-size:9px;
		}
		#mCAL .moreButton {
			border-style:none;
			z-index:5;
			position:absolute;
			bottom:0px;
			width:100%;
			height:9px;
			background-color:#517AC8;	
			font-size:5px;
			text-align:center;
		}
		#mCAL .moreButton:hover {
			background-color:orange;
		}
		#mCAL .empty {
			border-style:none;
			background-color:#CCD2E3;
			-moz-border-radius:10px;
			
		}
		#mCAL .months {
			text-align:center;
			background-color:#DFE3EE;			
		}
		#mCAL .months a {
			color:#517AC8;
			text-decoration:none;
		}
		#mCAL .months .monthLink {
			text-decoration:none;			
			padding-left:5px;
			padding-right:5px;
			color:#AAB8D5;
			font-size:12px;
			font-weight:bold;
		}	
		#mCAL .months .current {
			color:#517AC8;
		}
		#mCAL .current {
			font-weight:bold;
			color:#517AC8;
			background-color:#fff;			
			-moz-border-radius:5px;
		}
		#mCAL .curMonth {
			text-align:left;
			margin: 2px 0px;
			background-color:#517AC8;
			color:white;
			font-size:14px;
			font-weight:bold;
		}
		
		/* MORE STYLES */
		#more1 {
			position:absolute;
			top:170px;
			left:10px;			
			
		}
		* html #more1 {
			top:158px;
			left:12px;

		}
		.moreDisplay {
			border:solid orange 1px;
			border-top:solid orange 2px;
			font-family:arial;
			font-size:10px;
			width:300px;
			padding:2px;
			background-color:#FFD3A8;
			z-index:10;			
		}
		ul.eventList {
			margin:0px;
			padding:0px;
			margin-left:30px;
			color:#526896;
		}
	</style>
