/* AmRiCal Default Style for first calendar on page 

DO NOT EDIT THIS FILE - It may be overwritten by an upgrade.  Rather copy over to your file,.
In the configuration, you can specify your own css file for the plugin to use (A copy may already have been created for you)
 
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 */


.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: #eee; 
	} 
.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 */
}
	} 
table#compprop0  {  
	border-collapse:collapse;  /* required to get the today rown border styling loooking good  */
}

#compprop0 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;
}

#compprop0 tr.today td.amrcol1 {  /* style today's events differently perhaps? */
	border-left: 2px solid !important;
	border-right: 0px !important;
}
#compprop0 tr.today td.lastcol {  /* style today's events differently perhaps? */
	border-right: 2px solid !important;
	border-left: 0px !important;
}



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

#compprop0 .group  {/* make groupings look different maybe */

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

	#compprop0 tfoot a,   /* make footer look subtle */
	#wcompprop0 tfoot a {
		color: #777;
		}

	#calprop0 th,
	#calprop0 td,
	#compprop0 th,
	#compprop0 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 */	
/* -------------------------------------------------------------------------------------*/	

	
#compprop0 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;
}

#compprop0,
#calprop0 {	
	width: 90%;   /* force the calendar  to take as much space as it can so floated items don't force a wrap */
	margin: auto;
	}
	
#calprop0 li,
#compprop0 li,	
#calprop0 ul,
#compprop0 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! */
#wcompprop0 ul li,
#wcalprop0 ul  li,
#calprop0 ul  li,
#compprop0 ul li {  /* remove list bullets */	
	list-style: none !important;
	text-indent: 0;
	padding: 0;
	margin: 0;
	background: none !important;
    }

#compprop0 ul.amrcol  li:before,
#wcalprop0 ul.amrcol  li:before ,
#calprop0 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 #wcompprop0  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 #wcompprop0  li {  

}

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

}

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

#menu #wcompprop0  ul { /* to override classic theme where all appears greyed out */
	color: #000;
}

#compprop0 img ,
#calprop0 img {
	border: none;
	vertical-align: text-bottom;
	}


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

#sidebar #wcalprop0 , /* if someone wants the calendar level on the widget, then float them to the left */
#compprop0 li.addevent,
#compprop0 li.icsurl ,
#compprop0 li.map,
#calprop0 li.addtogoogle,
#calprop0 li.icsurl ,
#calprop0 li.icalrefresh ,
#calprop0 li.x-wr-timezone { /* float our little icons to the right */
	float: right;
	padding: 0;
}

#compprop0 li.icalnav,
#compprop0 ul li.starttime,
#compprop0 ul li.endtime,
#wcompprop0 th,  /* for the widget only, float the headings to the left, especially for the groupings  */ 
#wcompprop0 ul li.eventdate,
#wcompprop0 ul li.starttime,
#wcompprop0 ul li.enddate,
#wcompprop0 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; 
	}

#wcompprop0 li.summary a{  /* for when there is no url to click on, but we want the title text anyway*/
	cursor: url("images/information.png"), help;
}	

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

#calprop0 li,
#compprop0 li	{
	padding: 0 1em 0 0 ;
	}

#wcompprop0 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;
}
/* 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; }