﻿div.floatingWhite, div.bubbleBlue
{
    text-align: left;
    position: relative;
    margin: 0px auto;
    min-width: 8em;
    max-width: 920px; /* based on image dimensions - not quite consistent with drip styles yet */
    color: #fff;
    z-index: 1;
    margin-left: 12px; /* default, width of left corner */
    margin-bottom: 0.5em; /* spacing under dialog */
}

div.floatingWhite, div.floatingWhite th, div.floatingWhite td
{
    color: #000000; /* black */
}

div.bubbleBlue, div.bubbleBlue th, div.bubbleBlue rd
{
    color: #FFFFFF; /* white */
}


div.floatingWhite div.fw_content, div.floatingWhite div.fw_top, div.floatingWhite div.fw_bottom, div.floatingWhite div.fw_bottom div
{
    background-color: Transparent;
    /* background-image: url(http://optimumspring.com/_css/round_drop_shadow_transparent_920_bw2.png); */
    /*background-image: url(http://optimumspring.com/_css/round_drop_shadow_transparent_920_bw2.gif);*/
    background-position: top right;
    background-repeat: no-repeat;
}


div.bubbleBlue div.bb_content, div.bubbleBlue div.bb_top, div.bubbleBlue div.bb_bottom, div.bubbleBlue div.bb_bottom div
{
    background-color: Transparent;
    /*background-image: url(http://optimumspring.com/_css/dialog2-blue_light.gif);*/
    background-image: url(dialog2-blue_light.gif);
    background-position: top right;
    background-repeat: no-repeat;
}

div.floatingWhite div.fw_content, div.bubbleBlue div.bb_content
{
    position: relative;
    _overflow-y: hidden;
    padding-right: 12px; 
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 5px;
    background-position: top right;
}

div.floatingWhite div.fw_top, div.bubbleBlue div.bb_top
{
    /* top+left vertical slice */
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12px; /* top slice width */
    margin-left: -12px;
    height: 100%;
    _height: 1600px; /* arbitrary long height, IE 6 */
    background-position: top left;
}

div.floatingWhite div.fw_bottom, div.bubbleBlue div.bb_bottom
{
    /* bottom */
    position: relative;
    width: 100%;
}

div.floatingWhite div.fw_bottom, div.bubbleBlue div.bb_bottom, div.floatingWhite div.fw_bottom div, div.bubbleBlue div.bb_bottom div
{
    height: 30px; /* height of bottom cap/shade */
    font-size: 1px;
}

div.floatingWhite div.fw_bottom, div.bubbleBlue div.bb_bottom
{
    background-position: bottom right;
}

div.floatingWhite div.fw_bottom div, div.bubbleBlue div.bb_bottom div
{
    position: relative;
    width: 12px; /* bottom corner width */
    margin-left: -12px;
    background-position: bottom left;
}

div.floatingWhite h1, div.bubbleBlue h1, div.floatingWhite p, div.bubbleBlue p
{
    margin: 0px; /* margins will blow out backgrounds, leaving whitespace. */
    padding: 0.5em 0px 0.5em 0px;
}

div.floatingWhite div.fw_content h1, div.bubbleBlue div.bb_content h1
{
    padding-bottom: 0px;
}



