/* AmRiCal Default Style for first calendar on page
This file should have been copied to a css folder in your uploads directory.  It may safely be edited in the uploads folder and will not be overwritten by upgrades,
You can always refer back to the default css in the plugin folder for the latest suggested or example css.
*/
/*----------------------------------------------- */
/* html5 code */
	article, aside, figure, footer, header, hgroup, menu, nav, section {
	/* for browsers  that are not up to html5 yet, except will not work on IE  */
		display: block;
	}

/*----------------------------------------------- */
#events_wrap {
/*	border: 0;
	padding: 0;
	margin: 0;
	*/
}

#events_wrap abbr {
/* do not show the hcalendar abbr underline - the abbr is confusing  especially since the format of the date is ISO8601, not human friendly
However is required if we want hcal functionality */
	border-bottom: none;
}
#events_wrap .largecalendar tbody td {  /* wordpress default too big */
	font-size: 10px;
}
#events_wrap  thead th {
	text-align: center;
}

#events_wrap  .largecalendar thead th,
#events_wrap  .largecalendar tbody td {
	padding: 3px 0 2px; /*  the 0 so that the multi-days line up */
}

#events_wrap  .largecalendar tbody td {
	/* padding: 3px 3px 2px; */ /*- no for multi day - need them next to each other */
}
#events_wrap  .largecalendar tbody td .day {
padding: 0 3px 0;
}
#events_wrap  .largecalendar tbody td .event {
padding: 0 3px;
}
/*----------------------------------------------- */

#events_wrap table.largecalendar td {
	width: 100px; /* the min width*/
}
#events_wrap table a { /* generally in the table , better notto have these */
	text-decoration: none;
}
/*-----------------------------------boxcalendar days------------ */

#events_wrap table.largecalendar {
	table-layout: fixed;
	width: 100%;
	/* width: 650px; */ /* if you wanted to fix to a certain size,  - or use margins instead*/
}

#events_wrap table td {
	vertical-align: top;
}

#events_wrap table td.day6,
 table.ical td.day7 { /* to style the weekend  */
	 /* background: #eee; */
}
#events_wrap table.largecalendar td.pad {
	background-color: transparent;
}
#events_wrap table.largecalendar td.today {
	background: #eae6ff;
}
#events_wrap table.largecalendar td.today a {
	color: #fff;
}
table.largecalendar td.today a {
	color: #111;
}
#events_wrap table.largecalendar tbody td {
	height:80px; /* it will expand if necessary */
	background-color: white;
}
#events_wrap table.largecalendar caption {
	font-weight: bold;
	margin-bottom: 20px;
	color: #6F5294;
}
#events_wrap  table tbody td .event { /* use something like this if you want to force each event to take one line only */
 /*     overflow: hidden;
	  height: 20px;  /* need a height for th eoverflow to work and still to keep table flexible ? */
	  }
#events_wrap  table tbody td .firstday,
#events_wrap  table tbody td .middleday,
#events_wrap  table tbody td .lastday { /* Multi day styling */
      background: #eee;
     }

#events_wrap  table tbody td.selected .firstday,
#events_wrap  table tbody td.selected .middleday,
#events_wrap  table tbody td.selected .lastday { /* to override Multi day styling */
    background: #777;
     }



/* unfortunately we need to use divs to hide the details if we want to allow html in details and keep html valid */
/* ------------------------------ In Box Calendar-- hide the details until we want them -----------*/
#events_wrap table.ical td .event div.details2{ /* hide column 2 */
	display: none;
}
#events_wrap table.ical .event:hover  div.details2 {
        color:#333333;
        background:#ffffff;
        display:block;
        position:absolute;
        margin-top: 12px;
		margin-left: 50px;
        padding:10px;
        width:200px;
        z-index:100;
		border: 1px solid #000000;
        }
#events_wrap table.ical .event:hover  div.details2 {
	display: block;
         }
#events_wrap table.ical .event:hover  div.details2 img {
	width: 200px;  /* make any images smaller */
         }
#events_wrap table.ical td.endweek .event:hover  div.details2 {  /* shift the last column right side over a bit so it fits on the page*/
		margin-left: -110px;
        }

/*-------------------------------------------calendar_navigation */

.calendar_navigation {
	clear: both;
	margin: 0;
	padding: 0;
	border: hidden;
}
.calendar_navigation .nextweek,
.calendar_navigation .nextmonth {
	text-align: right;
	float:right;
}
.calendar_navigation .prevweek,
.calendar_navigation .prevmonth {
	text-align: left;
	float: left;
}
.calendar_navigation .prevweek,
.calendar_navigation .nextweek {
	font-size: X-large;
}

.calendar_navigation form {
	display: none;

}
.calendar_navigation a {
	text-decoration: none;
}

/*-------------------------------------------calendar_views */

#calendar_views {
	float:right;
	padding-left: 5px;
}
#calendar_views a {
	text-decoration: none;
}




/*----------------------------------------ics calendar properties  */
.icalprop,
#events_wrap .icalprop {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 100%;
}
.icalprop td,
#events_wrap .icalprop td {
	border: 0;
	text-align: left;
	padding: 0;
}
/* ---------------------------------------------------OPTIONAL --------------*/


table.largecalendar tbody td div.day	    { /* use this if you want to force each box to be a fixed size - day div required becuase cannot force a td height  */
 /*     height: 66px;
	  overflow: hidden;	   */
 }
table.largecalendar tbody td:hover div.day { /* and then use this to see the day box on hover - confusing with too manu hover's though, so maybe do not use desc hover then */
/*	position: absolute;
	border: 1px solid #000000;
	padding: 10px;
	background: #eee;
	overflow: visible;
	z-index:100; */
}

#events_wrap .history {
	/* to style past events */
}


/* -------------------------------images can look strange in some themes -------------------------------*/
#events_wrap img {
	border: none !important;
	vertical-align: text-bottom;
	}
/* ------------------------------- the bling icons -------------------------------*/
.amr-bling { /* float our little icons to the right */
	float: right;
	padding:0;
	margin: 0;   /* required where sometimes they don't line up nicely if limited text */
	font-size: small;
}
.amr-bling img {
	/* padding: 0 0 0 0.5em; */
}

/* for semi paginate  ------------------------------------------------------- */

#icalnavs {
	width: 250px;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	font-size:small;
	}
.icalnav { vertical-align:middle;}
.icalnav a { text-decoration: none; color: 	#ADADAD;}
.icalnav a.symbol { font-size:large; }
.icalnavs:hover  { background-color: #ffffff;}
.icalnav a:hover  { color: #000000;}
.add-new-event {display: block; clear:both;}

/* for credits if shown - keep it low key  ------------------------------------------------------- */
.amrical_credit,.amrical_credit a,.amrical_credit a:visited {
	font-size:x-small;
	color: 	#ADADAD;
	font-style: italic;
	vertical-align: middle;
}
.amrical_credit a:hover  {
	font-size: x-small;
	font-style: italic;
	color: #000000;
}
/* ---- ----------------------------------------------  to make large images okay */
.eventinfo ul li {
	clear: both;
}