/*******************************************************************************
    Help Bubble CSS --
    Added By ZURB on 1/26/07
    to be integrated by Photobucket.com
*********************************************************************************/


div.bubbble,
div.bubble_left,
div.errorbubble,
div.errorbubble_left,
div.bubble_bottom {
    position: absolute;
    z-index: 100;
    margin: 0;
    border-bottom: 1px solid #333333;
    color:    #000000;
    width: 211px;
}

div.bubbble,
div.errorbubble,
div.bubble_bottom
{
    border-right: 1px solid #333333;
}

div.bubble_content {
    padding: 14px 20px 8px 10px;
    z-index: 2;
}

div.bubbble div.bubble_content,
div.bubble_left div.bubble_content,
div.bubble_bottom div.bubble_content
{
    background: #fff8ab url("http://pic.pbsrc.com/bubbles/bubble_bg.gif") repeat-x 0 top;
    border: 1px solid gray;
}

div.errorbubble div.bubble_content,
div.errorbubble_left div.bubble_content {
    background: #fcf1ec url("http://pic.pbsrc.com/bubbles/errorbubble_bg.gif") repeat-x 0 bottom;
    border: 1px solid #d53d04;
}

div.bubbble div.arrow {
    height: 18px;
    width: 10px;
    position: absolute;
    left: -9px;
    top: 14px;
    background: url("http://pic.pbsrc.com/bubbles/bubble_arrow.gif") no-repeat 0 0;
}
.is_ie6 div.bubbble div.arrow {
    left: -20px;
}

div.bubble_left div.arrow{
    height: 18px;
    width: 10px;
    position: absolute;
    right: -9px;
    top: 14px;
    background: url("http://pic.pbsrc.com/bubbles/bubble_arrow_r.gif") no-repeat 0 0;
}

div.bubble_bottom div.arrow{
    width: 18px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 14px;
    background: url("http://pic.pbsrc.com/bubbles/bubble_arrow_up.gif") no-repeat 0 0;
}

div.bubble_bottom div.arrow-left{
    width: 18px;
    height: 10px;
    position: absolute;
    top: -9px;
    right: 180px;
    background: url("http://pic.pbsrc.com/bubbles/bubble_arrow_up.gif") no-repeat 0 0;
}
div.errorbubble div.arrow{
    height: 18px;
    width: 9px;
    position: absolute;
    left: -8px;
    top: 14px;
    background: url("http://pic.pbsrc.com/bubbles/errorbubble_arrow.gif") no-repeat 0 0;
}

div.errorbubble_left div.arrow {
    height: 18px;
    width: 9px;
    position: absolute;
    right: -8px;
    top: 14px;
    background: url("http://pic.pbsrc.com/bubbles/errorbubble_arrow_r.gif") no-repeat 0 0;
}

div.bubbble h3,
div.errorbubble h3,
div.bubble_left h3,
div.bubble_bottom h3,
div.errorbubble_left h3 {
    margin: 0 0 4px 0;
/*    font-family: "Myriad Pro", Arial, Verdana, sans_serif;*/
    font-size: 14px;
    font-weight: bold;
}
div.underlineHeader{
    margin: 0 0 4px 0;
    border-bottom: 1px dotted #000;
    padding-bottom: 3px;
    position: relative;
    top: -4px;
}
div.underlineHeader span#text{
/*    font-family: "Myriad Pro", Arial, Verdana, sans_serif; */
    font-size: 14px;
    font-weight: normal;
    vertical-align: text-top;
}
div.underlineHeader img#new{
    margin: 0 5px -3px 0;
}
div.underlineHeader em{
    font-style: normal;
    background: red;
    color: #fefedc;
    font-size: 10px;
    padding: 5px 5px 5px 5px;
    font-weight: bold;
    position: relative;
    top: -3px;
    padding: 3px;
}

div.errorbubble h3,
div.errorbubble_left h3 {
    text-indent: 22px;
    background: url("http://pic.pbsrc.com/bubbles/errorbubble_icon.gif") no-repeat top left;
    color: #d53d04;
}

div.bubbble h4 {
    margin-bottom: 4px;
    margin-top: 0;
/*    font-family: "Myriad Pro", Arial, Verdana, sans_serif; */
    font-size: 12px;
    font-weight: bold;
    color: #767676;
}

div.bubbble p,
div.errorbubble p,
div.bubble_left p,
div.bubble_bottom p,
div.errorbubble_left p {
/*    font-family: Arial, Verdana, sans_serif;*/
    font-size: 11px;
    line-height: 11px;
    margin: 0 0 5px 0;
}

div.bubbble p
div.bubble_left p,
div.bubble_bottom p
{
    color: #666666;
}

div.errorbubble p,
div.errorbubble_left p {
    color: #000000;
}

div.errorbubble a.closebox,
div.errorbubble_left a.closebox,
div.bubbble a.closebox,
div.bubble_left a.closebox,
div.bubble_bottom a.closebox
{
    display: block;
    float:right;
    height: 11px;
    width: 11px;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 100;
}
div.errorbubble a.closebox,
div.errorbubble_left a.closebox {
    background: transparent url("http://pic.pbsrc.com/bubbles/errorbubble_close.gif") no-repeat 0 0;
}

div.bubbble a.closebox,
div.bubble_left a.closebox,
div.bubble_bottom a.closebox
{
    background: transparent url("http://pic.pbsrc.com/bubbles/bubble_close.gif") no-repeat 0 0;
}

div.bubbble .PBLayeredPanelIFrame,
div.bubble_left .PBLayeredPanelIFrame,
div.bubble_bottom .PBLayeredPanelIFrame,
div.bubbble .iframe
{
    z-index: 1;
    position: absolute;
    top:1px;
    left:1px;
    border: none;
    background: transparent;
}

div.bubbble div.bubble_content.withIframe,
.withIframe div.bubble_content {
    position: relative;
}