<div id="extcal_minical">
<table cellspacing="1" cellpadding="0" border="0" align="center"><tbody><tr><td>			
<table width="100%" cellspacing="0" cellpadding="4" border="0" class="extcal_navbar"><tbody><tr>
<td valign="middle" height="18" align="center">
<img border="0" title="previous month" alt="Last month" class="mod_events_link" src="//demo.getk2.org/templates/getk2/images/icons/calendarPrev.png" onmousedown="callNavigation('index.php?option=com_jevents&amp;task=modcal.ajax&amp;day=1&amp;month=9&amp;year=2013&amp;modid=141&amp;tmpl=component');">
</td>
<td width="75%" valign="middle" nowrap="" height="18" align="center" class="extcal_month_label">
<a href="#" style="text-decoration:none;color:inherit;" onclick="window.location.href='/demo/all-events/monthcalendar/2013/10/-';return false;">October 2013</a>
</td>
<td valign="middle" height="18" align="center">
<img border="0" title="next month" alt="Next Month" class="mod_events_link" src="//demo.getk2.org/templates/getk2/images/icons/calendarNext.png" onmousedown="callNavigation('index.php?option=com_jevents&amp;task=modcal.ajax&amp;day=1&amp;month=11&amp;year=2013&amp;modid=141&amp;tmpl=component');">
</td>
</tr></tbody></table>
<table class="extcal_weekdays">
<tbody><tr>
<td></td>
<td class="extcal_weekdays"><span class="sunday">S</span></td>
<td class="extcal_weekdays">M</td>
<td class="extcal_weekdays">T</td>
<td class="extcal_weekdays">W</td>
<td class="extcal_weekdays">T</td>
<td class="extcal_weekdays">F</td>
<td class="extcal_weekdays"><span class="saturday">S</span></td>
</tr>
<tr>
<td class="extcal_weekcell"><a href="#" onclick="window.location.href='/demo/all-events/eventsbyweek/2013/9/29/-';return false;"></a></td>
<td class="extcal_othermonth"></td>
<td class="extcal_othermonth"></td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/1/-';return false;">1</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/2/-';return false;">2</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/3/-';return false;">3</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/4/-';return false;">4</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/5/-';return false;">5</a>
</td>
</tr>
<tr>
<td class="extcal_weekcell"><a href="#" onclick="window.location.href='/demo/all-events/eventsbyweek/2013/10/6/-';return false;"></a></td>
<td class="extcal_sundaycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/6/-';return false;">6</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/7/-';return false;">7</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/8/-';return false;">8</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/9/-';return false;">9</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/10/-';return false;">10</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/11/-';return false;">11</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/12/-';return false;">12</a>
</td>
</tr>
<tr>
<td class="extcal_weekcell"><a href="#" onclick="window.location.href='/demo/all-events/eventsbyweek/2013/10/13/-';return false;"></a></td>
<td class="extcal_sundaycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/13/-';return false;">13</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/14/-';return false;">14</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/15/-';return false;">15</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/16/-';return false;">16</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/17/-';return false;">17</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/18/-';return false;">18</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/19/-';return false;">19</a>
</td>
</tr>
<tr>
<td class="extcal_weekcell"><a href="#" onclick="window.location.href='/demo/all-events/eventsbyweek/2013/10/20/-';return false;"></a></td>
<td class="extcal_sundaycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/20/-';return false;">20</a>
</td>
<td class="extcal_todaycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/21/-';return false;">21</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/22/-';return false;">22</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/23/-';return false;">23</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/24/-';return false;">24</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/25/-';return false;">25</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/26/-';return false;">26</a>
</td>
</tr>
<tr>
<td class="extcal_weekcell"><a href="#" onclick="window.location.href='/demo/all-events/eventsbyweek/2013/10/27/-';return false;"></a></td>
<td class="extcal_sundaycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/27/-';return false;">27</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/28/-';return false;">28</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/29/-';return false;">29</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/30/-';return false;">30</a>
</td>
<td class="extcal_daycell">
<a href="#" class="extcal_busylink" title="Go to calendar - current day" onclick="window.location.href='/demo/all-events/eventsbyday/2013/10/31/-';return false;">31</a>
</td>
<td class="extcal_othermonth"></td>
<td class="extcal_othermonth"></td>
</tr>
</tbody></table>
</td></tr></tbody></table>
</div>

#extcal_minical table {
  background-color: #eee;
  color: #333;
  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
}
#extcal_minical table tr,#extcal_minical table td{
	border:none!important;
}
#extcal_minical table tbody {
  border-right: 5px solid #f3f3f3;
  border-bottom: 3px solid #f3f3f3;
}
#extcal_minical .extcal_navbar {
	/* background-image: url(http://www.jevents.net/templates/rt_solarsentinel/images/bg1.gif); 
	background-repeat: repeat-x; */
	border-bottom: 1px solid #B4B4B6;
  background-color: #515151;
}
#extcal_minical .extcal_tiny_add_event_link {
	font-size: 12px;
	font-weight: normal;
	color:#575767;
	text-decoration: none;
}
#extcal_minical TABLE.extcal_weekdays {
	/* background-image: url(../images/bg1.gif); */
	background-repeat: repeat-x;
	border-top: 1px solid #FFFFFF;
	width:235px;
	border-collapse:collapse;
	border-spacing:0px;
	border-width:0px;
	text-align:center;
}
#extcal_minical TD.extcal_weekdays {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 4px;
	vertical-align: middle;
	height:24px;
	text-align:center;
  background-color: #d7d7d7;
  outline: 1px solid #f3f3f3;
}

#extcal_minical .extcal_small {
	font-size: 12px;
	color:#575767;
	text-decoration: none;
}
#extcal_minical .extcal_small:link,#extcal_minical .extcal_small:visited {
	text-decoration: none;
}
#extcal_minical .extcal_small:hover {
	text-decoration: underline;
}

#extcal_minical .extcal_daycell,#extcal_minical .extcal_todaycell,
#extcal_minical .extcal_sundaycell,#extcal_minical .extcal_othermonth {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color:#555555;
	background-repeat: no-repeat;
	background-position: center center;
  background-color: #eee;
}

#extcal_minical .extcal_todaycell {
	color:#fff;
	/* background-image: url(http://www.jevents.net/components/com_jevents/views/iconic/assets/images/rect.gif); 
  background-color: #eee; */
}

#extcal_minical .extcal_sundaycell {
	color:#99AAAA;
}

#extcal_minical .extcal_othermonth {
	color:#99AAAA;
}

#extcal_minical .extcal_daylink, #extcal_minical .extcal_sundaylink,
#extcal_minical .extcal_busylink  {
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none; 
}

#extcal_minical .extcal_daylink:link,#extcal_minical .extcal_daylink:visited {
	color:#555555;
}

#extcal_minical .extcal_busylink:link,#extcal_minical .extcal_busylink:visited { 
	color:#222;
	text-decoration: none; 
  display: block;
  background-color: #fff;
  padding: 4px 0;
}
#extcal_minical .extcal_todaycell .extcal_busylink,
#extcal_minical .extcal_todaycell .extcal_busylink:visited{
  color:#fff;
  background-color: #2484b0;
}
#extcal_minical .extcal_sundaylink:link,#extcal_minical .extcal_sundaylink:visited {
	color:#99AAAA;
}

#extcal_minical .extcal_month_label {
	font-size: 13px;
	font-weight: normal;
	color: #fff;
  text-transform: uppercase;
  /* background-color: #515151; */
}
#extcal_minical .extcal_picture 
#extcal_minical .extcal_weekcell {
  margin: 0px;
  padding: 0px;
  text-align:center;
}

/* Attempt at answering a question on css-tricks forums: 
 * https://css-tricks.com/forums/topic/calendar-css-style-editing/#post-153626

 * http://www.jevents.net/demo/all-events
 * http://docs.joomshaper.com/images/templates/travel/2_4_0.jpg
 * http://demo.getk2.org/item
**/