/* deadline table */
-.deadline-table table {
+#deadline-table-1 table,
+#deadline-table-2 table {
border-collapse: collapse;
text-align: center;
position: relative;
overflow: hidden;
}
-.deadline-table th {
+#deadline-table-1 th,
+#deadline-table-2 th {
background-color: #404040;
color: white;
padding: 10px;
text-align: center;
}
-.deadline-table td {
+#deadline-table-1 td,
+#deadline-table-2 td {
border: 1px solid #dddddd;
padding: 10px;
text-align: center;
}
-.deadline-table tr:nth-child(even) {
+#deadline-table-1 tr:nth-child(even),
+#deadline-table-2 tr:nth-child(even) {
background-color: #f2f2f2;
}
-.deadline-table tr:hover {
+#deadline-table-1 tr:hover,
+#deadline-table-2 tr:hover {
background-color: #e6e6e6;
}
-<div class="deadline-table">
+<div id="deadline-table-1">
<h3>Ongoing Events</h3>
<table>
<tr>
</table>
</div>
-<div class="deadline-table">
+<div id="deadline-table-2">
<h3>Upcoming Events</h3>
<table>
<tr>
</table>
</div>
-<!--<div class="deadline-table">
+<!--<div id="deadline-table-3">
<h3>Past Events</h3>
<table>
<tr>