100 
<style type="text/css">
.event_list {float:left; width:70%; margin-bottom:2em;}
.calendar_tools {float:right; margin-bottom:5em;}
.register {padding-right: 1em; text-align: right; margin-top:0.5em; }
.elocation { margin-top:-1.25em; padding-left: 25em; font-size: 90%}
.event_info { border-bottom: 1px solid; font-size:90%;}
.event_cat {text-align: right; margin-top:-1.25em; padding-right: 1em;}
@media only screen and (min-width: 768px) and (max-width: 987px) {
.event_list {width:60%;}
  }
@media only screen and (max-width: 767px) {
.event_list {width:100%;}
    .calendar_tools {float:left;}
}
@media only screen and (max-width: 479px) {
.event_info {padding-bottom:1.5em;}
    .event_cat {float:left; padding-top:1.5em; }
    .elocation {padding-left:0px !important; margin-top:0px !important;}
}
</style>

<div class="cms_module" id="cms_calendar">
<br>
		<div class="event_list">
																<h2 class="month_header">
								May 2024
							</h2>
																	<h3 class="event_header">no events</h3>
																					<h2 class="month_header">
								June 2024
							</h2>
																	<h3 class="event_header">no events</h3>
																					<h2 class="month_header">
								July 2024
							</h2>
																	<h3 class="event_header">no events</h3>
											</div>
		<div class="calendar_tools">
						<div class="cal_left" id="minical">
				<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%" class="calendar">
					<tr>
						<td class="calendar_top">
							<a href="calendar.php?month=05&year=2023&calendar_seq=100&event_type_seq=" title="previous year">
								<img alt="Go To 05/2023" src="http://www.ok.gov/triton/defaults/images/prev_year.gif" border="0">
							</a>
						</td>
						<td class="calendar_top">
							<a href="calendar.php?month=4&year=2024&calendar_seq=100&event_type_seq=" title="previous month">
								<img alt="Go To 4/2023" src="http://www.ok.gov/triton/defaults/images/prev.gif" border="0">
							</a>
						</td>
						<td colspan="3" class="calendar_top">
							May&nbsp;2024
						</td>
						<td class="calendar_top">
							<a href="calendar.php?month=6&year=2024&calendar_seq=100&event_type_seq=" title="next month">
								<img alt="Go To 6/2024" src="http://www.ok.gov/triton/defaults/images/next.gif" border="0">
							</a>
						</td>
						<td class="calendar_top">
							<a href="calendar.php?month=05&year=2025&calendar_seq=100&event_type_seq=" title="next year">
								<img alt="Go To 05/2025" src="http://www.ok.gov/triton/defaults/images/next_year.gif" border="0">
							</a>
						</td>
<!--					</td>-->
					</tr>
					<tr>
						<td scope="col" class="calendar_header_first"><abbr title="Monday">M</abbr></td>
						<td scope="col" class="calendar_header"><abbr title="Tuesday">T</abbr></td>
						<td scope="col" class="calendar_header"><abbr title="Wednesday">W</abbr></td>
						<td scope="col" class="calendar_header"><abbr title="Thursday">T<abbr></td>
						<td scope="col" class="calendar_header"><abbr title="Friday">F</abbr></td>
						<td scope="col" class="calendar_header"><abbr title="Saturday">S</abbr></td>
						<td scope="col" class="calendar_header"><abbr title="Sunday">S</abbr></td>
					</tr>
											<tr>																					<td class="calendar_day_first">&nbsp;</td>
																																																			<td class="calendar_day">&nbsp;</td>
																																											<td class="calendar_day">
																	1
															</td>
																																				<td class="calendar_day">
																	2
															</td>
																																				<td class="calendar_day">
																	3
															</td>
																																				<td class="calendar_today">
																	4
															</td>
																																				<td class="calendar_day">
																	5
															</td>
												</tr>											<tr>													<td class="calendar_day_first">
																	6
															</td>
																																				<td class="calendar_day">
																	7
															</td>
																																				<td class="calendar_day">
																	8
															</td>
																																				<td class="calendar_day">
																	9
															</td>
																																				<td class="calendar_day">
																	10
															</td>
																																				<td class="calendar_day">
																	11
															</td>
																																				<td class="calendar_day">
																	12
															</td>
												</tr>											<tr>													<td class="calendar_day_first">
																	13
															</td>
																																				<td class="calendar_day">
																	14
															</td>
																																				<td class="calendar_day">
																	15
															</td>
																																				<td class="calendar_day">
																	16
															</td>
																																				<td class="calendar_day">
																	17
															</td>
																																				<td class="calendar_day">
																	18
															</td>
																																				<td class="calendar_day">
																	19
															</td>
												</tr>											<tr>													<td class="calendar_day_first">
																	20
															</td>
																																				<td class="calendar_day">
																	21
															</td>
																																				<td class="calendar_day">
																	22
															</td>
																																				<td class="calendar_day">
																	23
															</td>
																																				<td class="calendar_day">
																	24
															</td>
																																				<td class="calendar_day">
																	25
															</td>
																																				<td class="calendar_day">
																	26
															</td>
												</tr>											<tr>													<td class="calendar_day_first">
																	27
															</td>
																																				<td class="calendar_day">
																	28
															</td>
																																				<td class="calendar_day">
																	29
															</td>
																																				<td class="calendar_day">
																	30
															</td>
																																				<td class="calendar_day">
																	31
															</td>
																																												<td class="calendar_day">&nbsp;</td>
																																																			<td class="calendar_day">&nbsp;</td>
																			</tr>									</table>
			</div>
			<div class="cal_left">
				<h2>View Events By Category:</h2>
				<div class="cal_left_info">
					<a href="calendar.php?calendar_seq=100">All Events</a><br>
					<a href="calendar.php?event_type_seq=general&calendar_seq=100">General Events</a><br>
											<a href="calendar.php?event_type_seq=503&calendar_seq=100">Commission Meeting</a><br>
									</div>
			</div>
			<div class="cal_left">
				<h2>Search:</h2>
				<div class="cal_left_info">
					<form action="calendar.php" method="post">
						<label for="keywords">Keywords:</label>
						<br>
						<input type="text" name="keywords" id="keywords" size="20" maxlength="100" value="">
						<br><br>
						<label for="start_date">Start Date:</label>
						<br>
						<!--<select name="start_Month">
<option label="Month" value="" selected="selected">Month</option>
<option label="January" value="01">January</option>
<option label="February" value="02">February</option>
<option label="March" value="03">March</option>
<option label="April" value="04">April</option>
<option label="May" value="05">May</option>
<option label="June" value="06">June</option>
<option label="July" value="07">July</option>
<option label="August" value="08">August</option>
<option label="September" value="09">September</option>
<option label="October" value="10">October</option>
<option label="November" value="11">November</option>
<option label="December" value="12">December</option>
</select>
<select name="start_Day">
<option label="Day" value="" selected="selected">Day</option>
<option label="01" value="1">01</option>
<option label="02" value="2">02</option>
<option label="03" value="3">03</option>
<option label="04" value="4">04</option>
<option label="05" value="5">05</option>
<option label="06" value="6">06</option>
<option label="07" value="7">07</option>
<option label="08" value="8">08</option>
<option label="09" value="9">09</option>
<option label="10" value="10">10</option>
<option label="11" value="11">11</option>
<option label="12" value="12">12</option>
<option label="13" value="13">13</option>
<option label="14" value="14">14</option>
<option label="15" value="15">15</option>
<option label="16" value="16">16</option>
<option label="17" value="17">17</option>
<option label="18" value="18">18</option>
<option label="19" value="19">19</option>
<option label="20" value="20">20</option>
<option label="21" value="21">21</option>
<option label="22" value="22">22</option>
<option label="23" value="23">23</option>
<option label="24" value="24">24</option>
<option label="25" value="25">25</option>
<option label="26" value="26">26</option>
<option label="27" value="27">27</option>
<option label="28" value="28">28</option>
<option label="29" value="29">29</option>
<option label="30" value="30">30</option>
<option label="31" value="31">31</option>
</select>
<select name="start_Year">
<option label="Year" value="" selected="selected">Year</option>
<option label="2024" value="2024">2024</option>
<option label="2025" value="2025">2025</option>
<option label="2026" value="2026">2026</option>
<option label="2027" value="2027">2027</option>
<option label="2028" value="2028">2028</option>
<option label="2029" value="2029">2029</option>
</select> -->
						<input type="text" name="start_date" id="start_date" size="10" maxlength="10" value="MM/DD/YYYY" onfocus="this.select();">
						<br><br>
						<label for="end_date">End Date:</label>
						<br>
						<!-- <select name="end_Month">
<option label="Month" value="" selected="selected">Month</option>
<option label="January" value="01">January</option>
<option label="February" value="02">February</option>
<option label="March" value="03">March</option>
<option label="April" value="04">April</option>
<option label="May" value="05">May</option>
<option label="June" value="06">June</option>
<option label="July" value="07">July</option>
<option label="August" value="08">August</option>
<option label="September" value="09">September</option>
<option label="October" value="10">October</option>
<option label="November" value="11">November</option>
<option label="December" value="12">December</option>
</select>
<select name="end_Day">
<option label="Day" value="" selected="selected">Day</option>
<option label="01" value="1">01</option>
<option label="02" value="2">02</option>
<option label="03" value="3">03</option>
<option label="04" value="4">04</option>
<option label="05" value="5">05</option>
<option label="06" value="6">06</option>
<option label="07" value="7">07</option>
<option label="08" value="8">08</option>
<option label="09" value="9">09</option>
<option label="10" value="10">10</option>
<option label="11" value="11">11</option>
<option label="12" value="12">12</option>
<option label="13" value="13">13</option>
<option label="14" value="14">14</option>
<option label="15" value="15">15</option>
<option label="16" value="16">16</option>
<option label="17" value="17">17</option>
<option label="18" value="18">18</option>
<option label="19" value="19">19</option>
<option label="20" value="20">20</option>
<option label="21" value="21">21</option>
<option label="22" value="22">22</option>
<option label="23" value="23">23</option>
<option label="24" value="24">24</option>
<option label="25" value="25">25</option>
<option label="26" value="26">26</option>
<option label="27" value="27">27</option>
<option label="28" value="28">28</option>
<option label="29" value="29">29</option>
<option label="30" value="30">30</option>
<option label="31" value="31">31</option>
</select>
<select name="end_Year">
<option label="Year" value="" selected="selected">Year</option>
<option label="2024" value="2024">2024</option>
<option label="2025" value="2025">2025</option>
<option label="2026" value="2026">2026</option>
<option label="2027" value="2027">2027</option>
<option label="2028" value="2028">2028</option>
<option label="2029" value="2029">2029</option>
</select> -->
						<input type="text" name="end_date" id="end_date" size="10" maxlength="10" value="MM/DD/YYYY" onfocus="this.select();">
						<br><br>
						<label for="event_type_seq">Event Type:</label>
						<br>
						<select name="event_type_seq" id="event_type_seq" size="1">
							<option value="">All Event Types</option>
							<option label="Commission Meeting" value="503">Commission Meeting</option>

						</select>
						<br><br>
						<input type="submit" name="action" value="Search">
						<input type="hidden" name="calendar_seq" value="100">
					</form>
				</div>
			</div>
                   <!--
			                    -->
			</div>
</div>