/**
 * Styles & Themes für "SweetBubble"
 *
 * $Id$
 * @version $Revision: 1.2 $
 * @see DL.Widgets.SweetBubble
 */

.SweetBubble
{
	position: absolute;
	left: -1000px;
	top: -1000px;
    z-index: 1;
}


/*/////////////////////////////////////////////////////////////////////////////
// DEFAULT
/////////////////////////////////////////////////////////////////////////////*/
.SweetBubble.ThemeDefault
{
	position: absolute;
	color: #FFF;
	background-color: #000;
	padding: 10px;
	opacity: 0.0;
	/*filter: alpha(opacity: 0);*/
	width: auto !important;
}

.SweetBubble.ThemeDefault .Content
{
	overflow: hidden;
	text-align: center;
}

.SweetBubble.ThemeDefault.AnimationShow
{
	opacity: 0.95;
}

.SweetBubble.ThemeDefault.AnimationHide
{
	opacity: 0.0;
}


/*/////////////////////////////////////////////////////////////////////////////
// SMOKE
/////////////////////////////////////////////////////////////////////////////*/
table.SweetBubble.ThemeSmoke
{
	position: absolute;
	color: #FFF;
	font-family: Arial;
	font-size: 14px;
	width: auto !important;
}

.SweetBubble.ThemeSmoke.AnimationShow
{
	color: #FFF;
	filter: alpha(opacity: 95);
	opacity: 0.95;
}

.SweetBubble.ThemeSmoke.AnimationHide
{
	color: #444;
	filter: alpha(opacity: 0);
	opacity: 0.0;
}

.SweetBubble.ThemeSmoke .Border.Edge
{
	height: 8px;
	width: 8px;
}

.SweetBubble.ThemeSmoke .Border.NE
{
	background: url('/se_data/global/gfx/gui/widgets/sweetbubble/theme-default/ne.png') no-repeat;
}

.SweetBubble.ThemeSmoke .Border.NW
{
	background: url('/se_data/global/gfx/gui/widgets/sweetbubble/theme-default/nw.png') no-repeat;
}

.SweetBubble.ThemeSmoke .Border.SE
{
	background: url('/se_data/global/gfx/gui/widgets/sweetbubble/theme-default/se.png') no-repeat;
}

.SweetBubble.ThemeSmoke .Border.SW
{
	background: url('/se_data/global/gfx/gui/widgets/sweetbubble/theme-default/sw.png') no-repeat;
}

.SweetBubble.ThemeSmoke .Border.N,
.SweetBubble.ThemeSmoke .Border.S,
.SweetBubble.ThemeSmoke .Border.E,
.SweetBubble.ThemeSmoke .Border.W,
.SweetBubble.ThemeSmoke .Middle
{
	background: url('/se_data/global/gfx/gui/widgets/sweetbubble/theme-default/m.png');
	overflow: hidden;
}


/*/////////////////////////////////////////////////////////////////////////////
// EXAMPLES
/////////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////////
// ROLLING
/////////////////////////////////////////////////////////////////////////////*/

.SweetBubble.ThemeRolling
{
	position: absolute;
	color: #FFF;
	background-color: #FF3333;
	padding: 10px;
}

.SweetBubble.ThemeRolling .Content
{
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}

.SweetBubble.ThemeRolling.AnimationShow
{
	width: 200px;
	opacity: 0.95;
}

.SweetBubble.ThemeRolling.AnimationHide
{
	width: 0px;
	opacity: 0.0;
}


/*/////////////////////////////////////////////////////////////////////////////
// BLINK
/////////////////////////////////////////////////////////////////////////////*/
.SweetBubble.ThemeBlink
{
	position: absolute;
	background-color: #FFF;
	border: 2px solid #600;
	padding: 10px;
	width: auto !important;
	color: #600;
}

.SweetBubble.ThemeBlink .Content
{
	overflow: hidden;
	text-align: center;
	white-space: nowrap;
}

.SweetBubble.ThemeBlink.AnimationShow
{
	opacity: 1.0;
}

.SweetBubble.ThemeBlink.AnimationHide
{
	opacity: 0.0;
}