/**
 * 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 li.EC-tt-widget-day-event-title {
	padding-top: 30px;
}
.EC-tt-widget-day-event li.EC-tt-widget-day-event-title:first-child {
	padding-top: 0;
}*/


.EC-tt-widget-day-event-title {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.EC-tt-widget-day-event-detail {}

.EC-tt-widget-clickdate {
	font-size: 12px;
	font-weight: bold;
	color: #f2b249;
	margin-top: 10px;
	display: block;
}

/**
 * Management form
 */
.ec-mgmt-ttip {
	font-weight: bold;
}



ul.EC-tt-widget-day-event {
	margin: 0;
	padding: 0;	
}
ul.EC-tt-widget-day-event li {
	list-style-type: none;
	margin: 0 !important;
	padding: 15px 0 0 0 !important;
	font-size: 12px;
}
ul.EC-tt-widget-day-event li:first-child {
	padding: 0 !important;
}
ul.EC-tt-widget-day-event dd {
	margin: 0;
	padding: 0;	
	font-size: 11px;
}

/* Speech bubble with a border */
#tooltip {
	/*width: 230px !important;*/
	min-height: 100px;
    background: #FFF !important;
    border: 1px solid #bfbfbf !important;
    /*border-radius: 5px;*/
    /*color: #333;*/
    display: inline-block;
    /*font: 16px/24px sans-serif;*/
    padding: 12px 15px !important;
    /*position: relative;*/

    -webkit-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5);
       -moz-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5);
    	-ms-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5);
    	 -o-box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5);
			box-shadow: 0 4px 10px 0 rgba(0,0,0,0.5);

	/*overflow: hidden;*/
	
}
#tooltip:after,
#tooltip:before {
	border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #FFF;
 
    left: -10px;
    content: '';
    top: 10px;
    /*margin-left: -10px;*/
    position: absolute;
}

/* Styling for second triangle (border) */

#tooltip:before {
    border-bottom: 11px solid transparent;
    border-right: 11px solid;
    border-top: 11px solid transparent;
	border-right-color: inherit;
    top: 9px;
    left: -11px;
}