/*
    Document   : Balloon
    Created on : Apr 8, 2009, 5:25:51 PM
    Author     : paul
    Description:
        Purpose of the stylesheet follows.

		Old class names: balloon
		New class names: balloon CalendarBalloon CalendarEventBalloon
*/

/* Balloon box (as seen in calendar event previews) */
.CalendarBalloon {
	position:absolute;
	overflow: hidden;
	z-index: 999;
}

/* TODO: the balloon should probably be themed, but we need to fix the graphics first
so that it can grow horizontally so we'll wait. */

.CalendarBalloon-Top{
	width:245px;
	background:url("../../images/eventBalloonTop.png") no-repeat top; /* TODO - should this be themed */
}

.CalendarBalloon-Bottom {
        width:245px;
        height:36px;
        background:url("../../images/eventBalloonBottom.png") no-repeat bottom; /* TODO - should this be themed */
        margin:0;
        padding:0;
}

.CalendarBalloon.opp .CalendarBalloon-Bottom {
        background:url("../../images/eventBalloonBottomOpp.png") no-repeat bottom; /* TODO - should this be themed */
}

.CalendarBalloon-Title {
        margin: 15px 20px 2px 20px;
        width: 210px;
        border-bottom: 1px solid #CCC; /* TODO - should this be themed */
}

.dj_ie .CalendarBalloon-Title {
        margin-top: 5px;
}

.CalendarBalloon h2 {
        font-size: 12px;
        float: left;
        margin: 5px 10px 2px 0;
}

.dj_ie .CalendarBalloon h2 {
        height: 16px;
}

.CalendarBalloon .dijitDialogCloseIcon {
        float:right;
        margin: 7px 0 0 0;
        padding: 16px 16px 0px 0px;
        cursor: pointer;
}

.dijitA11y .dijitDialogCloseIcon .span {
        display: block;
}

.CalendarBalloon-Content {
        margin: 5px 20px 0px 20px;
        padding: 10px 0 5px 0;
        width: 210px;
}

.CalendarEventTooltipBalloon .CalendarBalloon-Content {
        padding-bottom: 10px;
}

.CalendarBalloon-Hint {
        
}

.CalendarBalloon .link {
        margin: 5px 0;
}

.CalendarBalloon-Buttons {
        margin: 5px 20px 0px 20px;
        padding-bottom: 5px;
        width: 210px;
        text-align: right;
}


.CalendarBalloon-Title .visualcues {
	float: right;
        margin: 4px 0 0 0;
}

.CalendarBalloon-Title .visualcues span {
	margin: 1px;
        display: inline-block;
}

.CalendarBalloon .dropIcon{
        padding-left:25px;
        margin:10px 10px 0 0;
        overflow: hidden;
}