/**
 * Stylesheet for the WP Events Calendar
 * Some overrides for thickbox and tooltip
 * and calendar formatting
 */

 /*
 FROM CALENDAR COINTROL PANEL
 CSS for today date : background-color:#4F2F60;font-weight: bold;
 CSS for day with events : color:#FF862F;font-weight:bold;font-style:underline;
 */
 
/* import the tooltips stylesheet classes for EC */
@import url(ec-tooltips.css);

/* * Thickbox CSS */
div#TB_title {
	/*background-color: #105681;
*/
	background-color: #4F2F60;
	color: #fff;
}
div#TB_title a, div#TB_title a:visited {
	color: #cfcfcf;
}
/* * JQuery Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 1;
	width: 225px;
	word-wrap: break-word;
}
#tooltip h3, #tooltip div {
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}
#tooltip ul {
	padding: 0;
}
#tooltip li {
	margin: 0 10px;
	width: auto;
}

/** Large Calendar */
/** Calendar formatting */
#wp-calendarLarge {
	border: thin solid #666666;
	background-color: #222222;
	border-collapse: collapse;
	margin-left: 15px;
	text-align: center;
	width: 641px;
}
#calendar_wrapLarge img {
	border: none;
	padding: 0;
	margin: 0;
}

#calendar_wrapLarge h2{
	border: thin solid #666666;
	background-color: #222222;
	border-collapse: collapse;
	color: white;
	/* padding: 7px 0 7px 0; */
	-moz-border-radius: 6px 6px 0 0;
 	/* margin-bottom: 10px; */ 
	/* margin: 0 1px 0 -1px */
	margin-left:14px;
	/* padding: 7px 0 0 0; */
	width: 640px;
	height: 20px;
	/* margin: 0 1px -10px -1px; */
	color: white;
	font-size: 100%;
	background-color: #222222;
	/* background-image:url('http://extratime.keymedia.info/wp-content/themes/extratime/images/wide_head_purple.gif'); */
	/* background-repeat: no-repeat; */
}

/* OVER RIDING EC_CALENDAR.CLASS.PHP */
#CalendarLarge-Header{
	width:100%;
	border:0;
	margin-top:-4px;
}

#EC_previousMonthLarge{
	margin-left:10px;
}

#EC_nextMonthLarge{
	margin-right:10px;
}
/* ################################## */
#calendar_wrapLarge{
	margin-top: -12px;
	margin-left: -14px;
	width: 640px;
	/* margin-bottom: 20px;
	margin-left: 20px; */
}

#calendar_wrap{
	/* margin-top: -9px; */
	margin-left: 20px;;
	width: 174px;
	/* margin-bottom: 20px;
	margin-left: 20px; */
}


#calendar_wrapLarge .pad {
	background-color: #222;
	font-weight: bold;
}
#wp-calendarLarge td {
	border: thin solid #666666;
	background-color: #fff;
	width: 14%;
	height: 100px;
	padding: 0;
	vertical-align: top;
}

.event-block a:link, .event-block a:visited, .event-block a:hover, .event-block a:active {
	text-decoration: bold;
	border: none;
	color:black;
}
#wp-calendarLarge .event-block {
	border-top: 1px solid #444;
	display: block;
	padding: 2px 0 0 2px;
	line-height: 11pt;
	color: black;
	font-weight: bold;
}

#todayLarge .event-block a { /* just the title of an event if today's date */
	color:black;
}

#wp-calendarLarge .dayHead {
	background-color: #222222;
	color: white;
	font-weight: bold;
	z-index: 1000;
}
#todayLarge {
	background-color: #fff;
	color: #000;
/* 	background-color: #9BA9CF;
	color: #FFF; */
}
/* * Days events calendar POPUP *********************************************/
#EC_daysEvents {
	font-size: 14px;
}
.EC_title {
	background: #725382;
	color:white;
}
.EC_location {
	background: #725382
	color:white;
}
.EC_time {
	background: #725382;
	color:white;
}
.EC_date {
	background: #725382;
	color:white;
}
.EC_linkout_and_postid {
	background: #725382;
	color:white;
}
#EC_current-month {
	position: relative;
}
#EC_ajaxLoader {
	display: none;
	margin-top: -15px;
}

/* * Widget Calendar formatting OPTIONAL *********************************************/
.EC_Widget_display {
	text-align: center;
}
.widgettitle {
	text-align: left;
	/* margin: 0 0 1em;
*/
}
#wp-calendar caption {
	margin: 10px 0 0 0;
	width: auto;
	text-align: center;
	font-weight: bold;
	background-color: #725382;
	border: thin solid #725382;
	-moz-border-radius: 3px 3px 0 0;
}
#wp-calendar  .event-block a{
	color:black;
}

#wp-calendar {
	margin: 0 auto;
	border-collapse: collapse;
	border-color: #725382;
	width: 174px;
}
/* why this *+html stuff? */
*+html #wp-calendar #today{
	border: 2px solid #A986BB; !important;
	font-weight: bold;
}
#wp-calendar #today {
	/* display: block; */
	font-weight: bold;
	background-color: #dd761b; /*comment this out if not using own css */
	/* -moz-border-radius: 50%; */
	/* -webkit-border-radius: 50%;
	border: 2px solid blue;
*/
	z-index: 1;
}
#wp-calendar #todayWidget {
	border: 2px solid #A986BB; !important; /*comment this out if not using own css */
	font-weight: bold;
}

#wp-calendar #todayWidget {
	display: block; /*comment this out if not using own css */
	font-weight: bold;
	color:black;
	background-color: #a8c3d6; /*comment this out if not using own css */
	-moz-border-radius: 50%; /*comment this out if not using own css */
	/* -webkit-border-radius: 50%;
	border: 2px solid blue;
*/
	z-index: 1;
}
#wp-calendar .pad {
	font-weight: bold;
}

#wp-calendar .padcent {
	background-color: white;
	border: thin solid #725382;
}
#wp-calendar .padday {
	background-color: #9069a4;
}
#wp-calendar th {
	width: 11%;
	color: white;
	background-color: #4f2f60;
	text-align:center;
}
#wp-calendar td { /* causing left hand side to have extra pixel of border */
	border-bottom: thin solid #a986bb;
	border-right: thin solid #a986bb;
	border-top:thin solid #a986bb;
	background-color: #725382;
	text-align: center;
}

/* * Widget List Calendar OPTIONAL **********************************************/
#events-calendar-list li {
	font-family: Arial, Tahoma, Script;
	font-size: small;
	font-stretch: condensed;
	list-style-image: url(../images/list.gif);
	line-height: normal;
	text-align: left;
}
#events-calendar-list li a:link, #events-calendar-list li a:visited, #events-calendar-list li a:hover, #events-calendar-list li a:active {
	background: none;
	text-decoration: none;
	border: none;
	color: dimgray;
}
#events-calendar-list li:hover {
	background-color: gainsboro;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
}
#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding: 20px;
	height: 160px;
	opacity: 0.95;
	background: url('../images/shadow3.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12px;
	width: 220px;
}
#tooltip.pretty div {
	width: 220px;
	text-align: left;
}
#tooltip.fancy {
	background: url('../images/shadow2.png');
	padding-top: 5em;
	height: 100px;
}