/* AmRiCal Default Style for first calendar on page - version 2.7.1

If you have multiple icals on a page (ie not multiple urls in a shortcode, but multiple instances of the shortcode,
then you will need to add css for any further calendars - simply copy the compprop0 to compprop1 */

.wical .alt,
.ical .alt { /* make  and alt look different. if your theme has an "alt" styling, then remove this for consistency with your theme's styling. */
 	background-color: #000; 
	}
.history
{ /* make  and alt look different. if your theme has an "alt" styling, then remove this for consistency with your theme's styling. */
	opacity: .7; /*  for all other browsers*/
	filter: alpha(opacity=70); /* for IE 5 to 7 */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* for IE8 */
	zoom:1 /* so the element "hasLayout"
    /* or, to trigger "hasLayout" set a width or height */
}
	} 
	
.wical,
.ical  {  
	border-collapse:collapse;  /* required to get the today rown border styling loooking good  */
	border: none;
}

.ical td {
	vertical-align: top;
}


.ical tr.today td {  /* style today's events differently perhaps? */
	border-top: 2px solid !important;
	border-bottom: 2px solid !important;
	border-left: 0px;
	border-right: 0px;
}

.ical tr.today td.amrcol1 {  /* style today's events differently perhaps? */
	border-left: 2px solid !important;
	border-right: 0px !important;
}
.ical tr.today td.lastcol {  /* style today's events differently perhaps? */
	border-right: 2px solid !important;
	border-left: 0px !important;
}
.ical tr.history td.amrcol1 ,
.ical tr.history td.lastcol,
.ical tr.history td {  /* un style today's historical  */
	border: 0 !important;
}
.wical  {  /* style recurring events differently perhaps? */
	border: 0;
}

.wical td.today {  /* style recurring events differently perhaps? */
	font-weight: bolder !important;
}	

.ical .group  {/* make groupings look different maybe */

	}
/* -------------------------------------------------------------------------------------*/
/* Table related definitions - delete these if your theme does tables nicely already  */
	.ical thead tr { /* Make the table heading row a bit bigger */
		font-size: larger;
		}

	.ical tfoot a,   /* make footer look subtle */
	.wical tfoot a {
		color: #AAA;
		}

	.icalprop th,
	.icalprop td,
	.ical th,
	.ical td { /* space the table elements out a bit */
		padding: 0.5em;
		text-align: left;
		}	

/*	td.amrcol1 {
/*		width: 20%; /* we want the first column to stay a certain width  for better presentation  */
/*		}	
/* end of table */	
/* -------------------------------------------------------------------------------------*/	

	
.ical li.summary h3{ /* make the summaries take on whatever the theme's h3 is, but not extra space above */
	padding-top: 0;
	margin-top: 0;
}

.ical,
.icalprop {	
	width: 100%;   /* force the calendar  to take as much space as it can so floated items don't force a wrap */
	margin: auto;
	/* table-layout:fixed; /* prevent the tabel from being too big */
	word-wrap:break-word; /* to make content wrap rather than overflowing */
	overflow:hidden; /* some browser don't support word -wrap */

	}
	
.icalprop li,
.ical li,	
.icalprop ul,
.ical ul {
	padding: 0; margin: 0;
}	

/* ---------------------------------------------------------------------------------*/
/* Do our very best to re move the list bullets where we do not want them.
   Themes  specify list bullet styling in many (okay maybe only 3 ) different ways and it is hard to force precdence sometimes! */
.wical ul li,
.wicalprop ul  li,
.icalprop ul  li,
.ical ul li {  /* remove list bullets */	
	list-style: none !important;
	text-indent: 0;
	padding: 0;
	margin: 0;
	background: none !important;
    }

.ical ul.amrcol  li:before,
.wcalprop ul.amrcol  li:before ,
.icalprop ul.amrcol  li:before  {  /* remove list bullets in the default theme and similar themes */
		content:"" !important; /* none should work, but chrome seems to ignore it */
}
#sidebar #wccalprop0  li:before,
#sidebar .wical  li:before {  /* remove list bullets in the default theme and similar themes , for all fields*/
		content:"" !important; 
}
/* Default Theme and similar only ---------------------------------------------------------------*/
/* add back list bullets for a field only  - see what your theme is using and put it in here */
#sidebar .wical  li {  

}

#sidebar .wical  li.eventdate:before {
/*  	content: "\00BB \0020" !important;  */

}

/* End list bullets---------------------------------------------------------------*/

#menu .wical  ul { /* to override classic theme where all appears greyed out */
	color: #EEE;
}

.ical img ,
.icalprop img {
	border: none !important;
	vertical-align: text-bottom;
	}


.icalprop ul li {  /* float calendar information onto one line */
	float: left;
	padding: 0 1em 0 0; 
}

.wcalprop , /* if someone wants the calendar level on the widget, then float them to the left */
.ical li.addevent,
.ical li.icsurl ,
.ical li.map,
.icalprop li.addtogoogle,
.icalprop li.icsurl ,
.icalprop li.icalrefresh ,
.icalprop li.x-wr-timezone { /* float our little icons to the right */
	float: right;
	padding: 0;
	margin-bottom: 0;   /* required where sometimes they don't line up nicely if limited text */
}


.ical li.icalnav,
.ical ul li.starttime,
.ical ul li.endtime,
.wical th,  /* for the widget only, float the headings to the left, especially for the groupings  */ 
.wical ul li.eventdate,
.wical ul li.starttime,
.wical ul li.enddate,
.wical ul li.endtime { /* Optional float these items up next to each other  - depends on type of data and space */
	float: left; 
	padding: 0 0.5em 0 0; 
	}

.wical li.summary { /* to get the summary on a new line after the floated times */
	clear: left;
}

.icalprop li,
.ical li	{
	padding: 0 1em 0 0 ;
	}

.wical td { /* for the widget only remove any additional table spacing, so that we are left with li spacing for consistency with other widgets */
    margin: 0;
	padding: 0;
}

/* css based description hide/display */

.wical tr .description  {display:none; z-index:-1;} 

.wical tr   { position:relative;}


.wical tr:hover .description
{	
	background:#CCC; 
	color: #FFF;
	opacity: 0.9;
	display:block; width: 90%;
	position:relative; 
	right:1px; top:10px;  
	z-index:100;
	margin:0 0 10px 0;  
	padding:2%; 
	overflow: none;
}
	

.ical tbody,
.wical tbody   { border:none;}

/* for semi paginate when it goes live ------------------------------------------------------- */	

.icalnav {vertical-align:middle;}
.icalnav a { text-decoration: none; padding-left: 1em; padding-right: 1em;}
.icalnav a span {font-size: 2em;}
.icalnav a:hover{ font-weight: bold; }