/* tooltip styling */

/*** Big tooltip ***/

.newscalendarTooltip {
    display:none;
    background:url(../../../../typo3conf/ext/newscalendar/res/img_tooltip/white_arrow_big.png);
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#fff;
    z-index: 999;
}


/*** Small tooltip (default) ***/
/*
.newscalendarTooltip {
    display:none;
    background:transparent url(../../../../typo3conf/ext/newscalendar/res/img_tooltip/white_arrow.png);
    height:70px;
    width:160px;
    padding:25px;
    padding-top:20px;
    color:#fff;
    z-index: 999;
}
*/

/* override the arrow image of the tooltip */
.newscalendarTooltip.bottom {
	background:url(../../../../typo3conf/ext/newscalendar/res/img_tooltip/white_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.newscalendarTooltip.bottom {
	background:url(../../../../typo3conf/ext/newscalendar/res/img_tooltip/white_arrow_bottom.png);
}


.newscalendarTooltipItemContainer {
	overflow: auto;
	height:100px; /* switch to 100px when activating Big Tooltip or 50px for little one*/
}

.newscalendarTooltipItem {
}

.newscalendarTooltip .newscalendarTooltipHeader {
    font-weight:bold;
	padding-bottom: 3px;
	font-size:10px;
}

/* a .label element inside tooltip */
.newscalendarTooltip .label {
    color:#C7D5FE;
    width:35px;
}

.newscalendarTooltip a {
    color:#E3362E;
    font-size:9px;
    font-weight:bold;
    text-decoration:none;
}

.newscalendarTooltip a:hover {
	color: #CF1D1C;
    	text-decoration:underline;
}