table.bigcal_table { background-color: #aaa; width: 100% }
table.bigcal_table td, table.bigcal_table th { padding: 0; margin: 0; }
table.bigcal_table td.caltop { text-align: center; font-size: 16px; font-weight: bold }
table.bigcal_table td.day, table.bigcal_table td.empty, table.bigcal_table td.over, table.bigcal_table td.today { height: 80px; vertical-align: top; width: 14% }
table.bigcal_table td.empty { background-color: #bbb }
table.bigcal_table td.day { background-color: #fff; cursor: hand; cursor: pointer }
table.bigcal_table td.over { background-color: #d3d3d3; cursor: hand; cursor: pointer }
table.bigcal_table td.today { background-color: #dfdfdf; cursor: hand; cursor: pointer }
table.bigcal_table td div { position: relative; display: block;  }
table.bigcal_table td h4 { display: block; text-align: right; border-bottom: 1px dashed #aaa; height: 14px;  width: 100%; background-color: #ccc; margin: 0; padding: 0 }
table.bigcal_table td h4 span { font-size: 11px; color: #777; margin: 2px 4px; }

table.bigcal_table td ul.event_list { list-style-type: none; display: block; height: auto; margin: 0; padding: 0 }
table.bigcal_table td ul.event_list li { margin: 2px; display: block; border-bottom: solid 1px #aaa }
table.bigcal_table td ul.event_list li span { margin: 0px 6px; display: block; font-size: 11px }

table.bigcal2_table_header { width: 100%; margin-bottom: 10px; }
table.bigcal2_table_header td { font-size: 24px; font-weight: bold }

table.bigcal2_table { width: 100% }
table.bigcal2_table td { padding: 0; margin: 0; font-size: 24px; height:60px; }
table.bigcal2_table th { padding: 0; margin: 0; font-size: 24px; height:40px; color: white;} 
table.bigcal2_table td.caltop { text-align: center; font-size: 24px; font-weight: bold }
table.bigcal2_table td.day, table.bigcal_table td.empty, table.bigcal_table td.over, table.bigcal_table td.today { color: #555; height: 60px; vertical-align: middle; width: 14%; font-weight: bold; }
table.bigcal2_table td.empty { background-color: #eee; color: #999; font-weight: bold }
table.bigcal2_table td.day { background-color: #fff; cursor: hand; cursor: pointer; font-weight: bold; }
table.bigcal2_table td.event { background-color: #fff; cursor: hand; cursor: pointer; font-weight: bold; }
table.bigcal2_table td.over { background-color: #d3d3d3; cursor: hand; cursor: pointer; font-weight: bold; }
table.bigcal2_table td.today { background-color: #dfdfdf; cursor: hand; cursor: pointer; font-weight: bold; }
table.bigcal2_table td div { position: relative; display: block; font-size: 24px;  }

div#events_results { margin-top: 20px;}
div.event_result_item { margin-bottom: 15px;}
div.event_result_datebox { float: left; width: 70px; padding: 0px; margin-right: 20px;}
div.event_result_datebox table { width: 100%;}
div.event_result_datebox table th { color: white; font-size: 24px; text-transform: uppercase;}
div.event_result_datebox table td { background-color: #fff; text-align: center; font-size: 30px; font-weight: bold;}
div.event_result_title a { text-decoration: none; font-size: 20px; font-weight: bold;}
div.event_result_statusbar { margin-top: 10px; height: 20px;}
div.event_result_social_icons { float: left; }
div.event_result_social_icons img { margin-right: 5px; }
div.event_result_time_tags { float: right; align: right;}
div.event_result_time { display: inline; margin-right: 10px;}
div.event_result_tags { display: inline;}
hr.event_result_separator { border-style: solid; }
div#events_pagination { clear: both; }

table.minical_table { background-color: #aaa; width: 100%; }
table.minical_table td, table.minical_table th { padding: 0; margin: 0; }
table.minical_table td.caltop { text-align: center; font-size: 12px; font-weight: bold }
table.minical_table td.day, table.minical_table td.empty, table.minical_table td.over, table.minical_table td.today { height: 20px; vertical-align: top; width: 14% }
table.minical_table td.empty { background-color: #bbb }
table.minical_table td.empty span { display: none }
table.minical_table td.day { background-color: #fff; cursor: hand; }
table.minical_table td.event { background-color: #ffcc00; cursor: hand; cursor: pointer }
table.minical_table td.over { background-color: #d3d3d3; cursor: hand; cursor: pointer }
table.minical_table td.today { background-color: #dfdfdf; cursor: hand; cursor: pointer }
table.minical_table td div { position: relative; display: block;  }
table.minical_table td h4 { display: block; text-align: right; height: 14px;  width: 100%; margin: 0; padding: 0 }
table.minical_table td h4 span { font-size: 11px; color: #777; margin: 2px 4px; }

div#events_mini_details { position: absolute; visibility: hidden; display: block; top: 0px; left: 0px; padding: 4px; border: solid 1px #444; background-color: #ddd }
div#events_mini_details div.mini_event_container {
        width: 100%; margin: 5px;
}

.arrow-e,
.arrow-w {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 30px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
}

.arrow-e { border-left-width: 1em; border-left-style: solid; left: 0.25em;}           
.arrow-w { border-right-width: 1em; border-right-style: solid; right: 0.25em;}