/**
 * styling for tip content
 * mostly for example
 * note: canvas (the tip itself) cannot be styled here. use javascript options for that.
*/

.newscalendar-tip {
    margin-top: -8px;
}

.bt-content {
    font-size: small;
    color: #000;
    line-height: normal;
    margin-bottom: 10px !important;
}

/* styling for active target elements - usually for background hilighting */
.bt-active {
    /* example:
    background-color: yellow !important;
    */
}

/*canvas * {
    width: 400px!important;
    z-index: 9998;
}*/


/**
 * Content related
*/



.newscalendarTooltip {
    display: none;
}
.newscalendarTooltipHeader {display:none;}

.newscalendarTooltipItemContainer {
    font-size: 11px;
    padding:0px;
    margin:0px;
}

.newscalendar-tip {
    /* for IE */
    filter:alpha(opacity=100);
    /* CSS3 standard */
    opacity:1.0;
}

.newscalendar-tip-selector {
    background-color:#efe2a9;
    border:1px solid #ce9d3a;
}

/*
 * Render item related
*/

.newscalendarTooltipItemContainer .oftenEvent {
    font-size: 1.6em;
    font-weight: normal;
    border-bottom: 1px solid #cacaca;
    display:none;

}

.newscalendarTooltipHeader,
.newscalendarTooltipItemContainer {
    padding: 0 18px;
}

.newsCalendar_calendarItem{
    display: block;
    clear:both;
    float:left;
    font-size: 1.1em;
    border-bottom: 1px solid #cacaca;
    padding: 10px 0;
    width: 330px;
}


.newsCalendar_calendarItem_datetime {
    width: 75px;
    float:left;
    display:block;
}
.newsCalendar_calendarItem_datetime strong { font-weight:bold;}

.newsCalendar_calendarItem_info {
    width: 215px;
    float:left;
    display:block;
}

.newsCalendar_calendarItem_info .info-title {
    clear:both;
    display:block;
}
.newsCalendar_calendarItem_info .info-short {
    clear:both;
    display:block;
    padding-right: 10px;
}

.newsCalendar_calendarItem_more {
    width: 330px;
    height: 1px;
    float:left;
    display:block;
    text-align:right;
    margin-top: -5px;
}
.newsCalendar_calendarItem_more a {
    text-transform:uppercase;
    background-image:url(../../spoog_template/icons/icon-more-green.gif);
    background-repeat:no-repeat;
    background-position: left 5px;
    padding-left: 10px;
    font-weight:bold;
    text-decoration:none;
}
.newsCalendar_calendarItem_more a:hover,
.newsCalendar_calendarItem_more a:focus {
    background-image:url(../../spoog_template/icons/icon-more-yello.gif);
    color:#EED43B;
}


.newsCalendar_calendarItem_info .info-title { font-weight:bold;}