/* ----------------------------------------------------------------------------------------------------------------- */
/*                                      Content-Balloon                                                              */
/* ----------------------------------------------------------------------------------------------------------------- */

.contentBalloonContainer {
    position: relative;
    /*float:left;*/
    float: none;
    clear: both;
    display: block;
    height:auto !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

#content_area .contentBalloonContainer:first-child {
	margin-top: 0;
}

* html .contentBalloonContainer {
    margin-top: 0;
}

.contentBalloon {
    position: relative;
    float:left;
    clear: both;
    /*margin-top: 35px;*/
    /* min-height-hack */
    /*min-height:130px;*/
    /*height: 140px !important;*/
    height:auto !important;
    /*height:10px;*/
}

.contentBalloonContainer .balloonLeftImage {
    position: absolute;
    bottom: 8px;
    left: 0px;
    width: 93px;
    height: 119px;
    z-index: 100000;
}

.contentBalloonContainer .balloonContentArea {
    position: relative;
    margin-left: 27px;
    width: 386px;
    padding-bottom: 24px;
}

.contentBalloonContainer .balloonContentArea .blnContentDiv {
    position: relative;
    margin-left: 65px;
    width: 321px;
    top: 1px;
}

.contentBalloonContainer .balloonContentTop {
    position: relative;
    width: 321px;
    height: 10px;
}

.contentBalloonContainer .balloonContentBg {
    position: relative;
    width: 321px;
}

.contentBalloonContainer .balloonContentBg .balloonContent {
    position: relative;
    margin-left: 30px;
    margin-right: 10px;
}


#content #content_area .contentBalloonContainer .blnContentBg .balloonContent .csc-header,
#content #content_area .contentBalloonContainer .blnContentBg .balloonContent h1.csc-firstHeader,
#content #content_area .contentBalloonContainer .blnContentBg .balloonContent ul {
    padding-top:0;
    padding-bottom:0;

    margin-bottom: 0;
    color: #ffffff;
}

#content #content_area .contentBalloonContainer .balloonContent .csc-header h1
{
    color:#0067a1;
    font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    height:24px;
    letter-spacing:0.05em;
    line-height:24px;
    margin:0;
    padding:0;
    text-decoration:none;
    text-transform:uppercase;
    vertical-align:middle;
}

#content .contentBalloonContainer .blnContentDiv .blnContent ul {
    padding-left: 0;
    margin-left: 0;
}

#content .contentBalloonContainer .blnContentDiv .blnContent ul li {
    position: relative;
    margin-left: 0;
    padding-left: 18px;
    left: 0px;
    line-height:18px;
    list-style: none;
    list-style-image: none;
    /*background: url(../images/content/balloon/bullet.gif) left center no-repeat;*/
}


/* ------------------- */
/* neutraler-Balloon */
/* ------------------- */
#content .contentBalloonContainer .blnContent .csc-header h1,
#content .contentBalloonContainer .blnContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .balloonContentArea {
    background: url(../images/content/balloon/default/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .balloonContentTop {
    background: url(../images/content/balloon/default/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .balloonContentBg {
    background: url(../images/content/balloon/default/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .balloonContent ul li {
    background: url(../images/content/balloon/default/bullet.gif) left 3px no-repeat;
}


/* ------------------- */
/* ShopMonitor-Balloon */
/* ------------------- */
#content .contentBalloonContainer .contentBalloonShopMonitor .blnContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonShopMonitor .blnContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonShopMonitor .balloonContentArea {
    background: url(../images/content/balloon/shopMonitor/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonShopMonitor .balloonContentTop {
    background: url(../images/content/balloon/shopMonitor/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonShopMonitor .balloonContentBg {
    background: url(../images/content/balloon/shopMonitor/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonShopMonitor .balloonContent ul li {
    background: url(../images/content/balloon/shopMonitor/bullet.gif) left 3px no-repeat;
}


/* ------------------- */
/* SiteMonitor-Balloon */
/* ------------------- */
#content .contentBalloonContainer .contentBalloonSiteMonitor .balloonContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonSiteMonitor .balloonContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonSiteMonitor .balloonContentArea {
    background: url(../images/content/balloon/siteMonitor/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonSiteMonitor .balloonContentTop {
    background: url(../images/content/balloon/siteMonitor/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonSiteMonitor .balloonContentBg {
    background: url(../images/content/balloon/siteMonitor/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonSiteMonitor .balloonContent ul li {
    background: url(../images/content/balloon/siteMonitor/bullet.gif) left 3px no-repeat;
}


/* --------------------- */
/* AdPerformance-Balloon */
/* --------------------- */
#content .contentBalloonContainer .contentBalloonAdPerformance .balloonContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonAdPerformance .balloonContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonAdPerformance .balloonContentArea {
    background: url(../images/content/balloon/adPerformance/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonAdPerformance .balloonContentTop {
    background: url(../images/content/balloon/adPerformance/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonAdPerformance .balloonContentBg {
    background: url(../images/content/balloon/adPerformance/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonAdPerformance .balloonContent ul li {
    background: url(../images/content/balloon/adPerformance/bullet.gif) left 3px no-repeat;
}


/* --------------------- */
/* ClickMonitor-Balloon */
/* --------------------- */
#content .contentBalloonContainer .contentBalloonClickMonitor .balloonContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonClickMonitor .balloonContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonClickMonitor .balloonContentArea {
    background: url(../images/content/balloon/clickMonitor/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonClickMonitor .balloonContentTop {
    background: url(../images/content/balloon/clickMonitor/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonClickMonitor .balloonContentBg {
    background: url(../images/content/balloon/clickMonitor/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonClickMonitor .balloonContent ul li {
    background: url(../images/content/balloon/clickMonitor/bullet.gif) left 3px no-repeat;
}


/* --------------------- */
/* CrossSell-Balloon */
/* --------------------- */
#content .contentBalloonContainer .contentBalloonCrossSell .balloonContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonCrossSell .balloonContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonCrossSell .balloonContentArea {
    background: url(../images/content/balloon/crossSell/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonCrossSell .balloonContentTop {
    background: url(../images/content/balloon/crossSell/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonCrossSell .balloonContentBg {
    background: url(../images/content/balloon/crossSell/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonCrossSell .balloonContent ul li {
    background: url(../images/content/balloon/crossSell/bullet.gif) left 3px no-repeat;
}


/* --------------------- */
/* LiveTicker-Balloon */
/* --------------------- */
#content .contentBalloonContainer .contentBalloonLiveTicker .balloonContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonLiveTicker .balloonContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonLiveTicker .balloonContentArea {
    background: url(../images/content/balloon/liveTicker/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonLiveTicker .balloonContentTop {
    background: url(../images/content/balloon/liveTicker/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonLiveTicker .balloonContentBg {
    background: url(../images/content/balloon/liveTicker/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonLiveTicker .balloonContent ul li {
    background: url(../images/content/balloon/liveTicker/bullet.gif) left 3px no-repeat;
}


/* ------------------- */
/* OnlineOpinion-Balloon */
/* ------------------- */
#content .contentBalloonContainer .contentBalloonOnlineOpinion .blnContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonOnlineOpinion .blnContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonOnlineOpinion .balloonContentArea {
    background: url(../images/content/balloon/onlineOpinion/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonOnlineOpinion .balloonContentTop {
    background: url(../images/content/balloon/onlineOpinion/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonOnlineOpinion .balloonContentBg {
    background: url(../images/content/balloon/onlineOpinion/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonOnlineOpinion .balloonContent ul li {
    background: url(../images/content/balloon/onlineOpinion/bullet.gif) left 3px no-repeat;
}


/* ------------------- */
/* Service-Balloon */
/* ------------------- */
#content .contentBalloonContainer .contentBalloonServices .blnContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonServices .blnContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonServices .balloonContentArea {
    background: url(../images/content/balloon/services/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonServices .balloonContentTop {
    background: url(../images/content/balloon/services/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonServices .balloonContentBg {
    background: url(../images/content/balloon/services/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonServices .balloonContent ul li {
    background: url(../images/content/balloon/services/bullet.gif) left 3px no-repeat;
}


/* ------------------- */
/* TestSuite-Balloon */
/* ------------------- */
#content .contentBalloonContainer .contentBalloonTestSuite .blnContent .csc-header h1,
#content .contentBalloonContainer .contentBalloonTestSuite .blnContent ul li {
    color: #ffffff;
}

#content .contentBalloonContainer .contentBalloonTestSuite .balloonContentArea {
    background: url(../images/content/balloon/testSuite/bg_ft_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonTestSuite .balloonContentTop {
    background: url(../images/content/balloon/testSuite/bg_hd_balloon.gif) right bottom no-repeat;
}

#content .contentBalloonContainer .contentBalloonTestSuite .balloonContentBg {
    background: url(../images/content/balloon/testSuite/bg_cnt_balloon.gif) right top repeat-y;
}

#content .contentBalloonContainer .contentBalloonTestSuite .balloonContent ul li {
    background: url(../images/content/balloon/testSuite/bullet.gif) left 3px no-repeat;
}