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

/* import the tooltips stylesheet classes for EC */
/**
 * Classes used by EC for tooltips
 * This is kind of primitive. We'll do better in a next 7.x release.
 */

/** TOOLTIPS FOR THE LARGE CALENDAR */

/** labels and data */
.EC-tt-label {
	font-weight: bold;
	text-align: left;
}
.EC-tt-data {}

/** tooltip titles */
.EC-tt-title {
	text-align: center;
}
.EC-tt-title-data {
	font-weight: bold;
	margin: 1px;
	padding: 1px;
}

/** location div */
.EC-tt-location {}
.EC-tt-location-label {}
.EC-tt-location-data {}

.EC-tt-description {}
.EC-tt-description-label {}
.EC-tt-description-data {}

.EC-tt-linkout {}
.EC-tt-linkout-label {}
.EC-tt-linkout-data {}

.EC-tt-startdate {}
.EC-tt-startdate-label {}
.EC-tt-startdate-data {}

.EC-tt-starttime {}
.EC-tt-starttime-label {}
.EC-tt-starttime-data {}

.EC-tt-enddate {}
.EC-tt-enddate-label {}
.EC-tt-enddate-data {}

.EC-tt-endtime {}
.EC-tt-endtime-label {}
.EC-tt-endtime-data {}

/** title links */
.EC-tt-title-link {}
.EC-tt-title-no-link {}
.EC-tt-user-link {}
.EC-tt-post-link {}

/* Depending on the description length, one of
 * these class will be used
 */
.EC-tt-25 {
	top: 0;
	width: 25% !important;
}
.EC-tt-50 {
	top: 0;
	width: 50% !important;
}
.EC-tt-75 {
	top: 0;
	width: 75% !important;
}
.EC-tt-100 {
	top: 0;
	width: 100% !important;
}

/**
 * TOOLTIPS FOR THE WIDGET
 */

.EC-tt-widget-day-event {}
.EC-tt-widget-day-event-title {
	font-weight: bold;
}
.EC-tt-widget-day-event-detail {}
.EC-tt-widget-clickdate {
	font-size: 10px;
	font-weight:normal;
}

/**
 * Management form
 */
.ec-mgmt-ttip {
	font-weight: bold;
}
@font-face {font-family: "dindin";
src: url(DINEngschriftStd.otf)
}
/* * Thickbox CSS */
div#TB_title {
	/*background-color: #105681;
*/
	background-color: #000000;
	color: #FFFFFF;
}
div#TB_title a, div#TB_title a:visited {
	color: #cfcfcf;
}
/* * JQuery Tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	background-color: #56c8ea;
	padding: 5px;
	opacity: 1;
	width: 225px;
	word-wrap: break-word;
	text-align:left;
	color:#FFF;
}
#tooltip h3, #tooltip div {
	margin: 0;
	font-size: 22px;
	font-weight: normal;
	color: #fff;
}
#tooltip ul {
	padding: 0;
	margin-top:-2px;
	font-size: 13px;
	color: #000;
}
#tooltip li {
	margin: 0 18px;
	width: auto;
}

/** Large Calendar */
/** Calendar formatting */
#wp-calendarLarge {
	border-collapse: collapse;
	margin: auto;
}
#calendar_wrapLarge img {
	border: none;
	padding: 0;
	margin: 0;
}
#wp-calendarLarge td {
	border: thin solid black;
	width: 150px;
	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: none;
	border: none;
}
#wp-calendarLarge .event-block {
	border-top: 1px solid #444;
	display: block;
	padding: 2px 0 0 2px;
	line-height: 11pt;
	color: navy;
}
#wp-calendarLarge .dayHead {
	/* background-color: #333333;
*/
	background-color: #173b6d;
	color: white;
	font-weight: bold;
	z-index: 1000;
}
#todayLarge {
	background-color: #9BA9CF;
	color: #FFF;
}
/* * Days events calendar */
#EC_daysEvents {
	font-size: 14px;
	font-family:dindin;
}
.EC_indv {
	background: #FFF;
	float:left;
	width:310px;
	margin-bottom:10px;
}
.EC_title {
	background: #FFF;
	float:left;
	width:200px;
	color: #66cce2;
	font-size: 27px;
	margin-top:5px;
}
.EC_location {
	margin-top:-8px;
	background: #FFF;
	float:left;
	width:200px;
	color: #66cce2;
	font-size: 15px;
}
.EC_description {
	background: #FFF;
	float:left;
	width:100px;
	margin-right:10px;
}
.EC_time {
	background: #FFF;
	float:left;
	width:200px;
}
.EC_date {
	background: #FFF;
	float:left;
	width:200px;
}
.EC_linkout_and_postid {
	margin-top:15px;
	background: #FFF;
	float:left;
	width:200px;
	color: #66cce2;
	font-size: 14px;
}
.EC_linkout_and_postid a{
	text-decoration:none;
	color: #6c6c6c;
	font: 12px 'Open Sans', sans-serif;
}
#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;
*/
}
#calendar_wrap{
	width:180px;
	margin-left:25px;
	margin-top:10px;
	}

#wp-calendar caption {
	margin: 10px 0 0 0;
	width: auto;
	text-align: center;
	font-weight: bold;
	background-color: #ededed;
	-moz-border-radius: 3px 3px 0 0;
	color: #66cce2;
}
#wp-calendar {
	margin: 0 1px 0 2px;
	border-collapse: collapse;
}
/* why this *+html stuff? */
*+html #wp-calendar #today {
	border: 3px solid blue !important;
}
#wp-calendar #today {
	display: block;
	font-weight: bold;
	background-color: #a8c3d6;
	-moz-border-radius: 50%;
	/* -webkit-border-radius: 50%;
	border: 2px solid blue;
*/
	z-index: 1;
}
#wp-calendar #todayWidget {
	border: 2px solid #66cce2 !important;
}
#wp-calendar #todayWidget {
	display: block;
	font-weight: bold;
	background-color: #bebdc2;
	-moz-border-radius: 50%;
	/* -webkit-border-radius: 50%;
	border: 2px solid blue;
*/
	z-index: 1;
}
#wp-calendar .pad {
	font-weight: bold;
	background-color:#ededed;
	color:#66cce2;
}
#wp-calendar .padcent {
	background-color: white;
	border: thin solid darkgray;
}
#wp-calendar .padday {
	background-color: #ededed;
}
#wp-calendar th {
	width: 11%;
	height:30px;
	border: 1px solid #ededed;
	color: white;
	text-align:center;
	background-color: #66cce2;
}
#wp-calendar td {
	border: 1px solid #ededed;
	background-color: #bebdc2;
	color:white;
	height:30px;
	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;
}