.customInfoBox-noBeak, .customInfoBox-with-rightBeak, .customInfoBox-with-leftBeak 
{
    border:0px;
    border-style:solid;
    border-color:#FFF;
    display:block;
    font-size:10px;
    position:absolute;
    z-index:1003 !important;
    background:transparent;
    padding:0px;
    color:#000;   
}

.customInfoBox-with-rightBeak 
{
    padding:0px 21px 0px 0px;
}

.customInfoBox-with-leftBeak 
{
    padding:0px 0px 0px 21px;
}

.customInfoBox-noBeak 
{
    padding:0px 4px;
}

.customInfoBox-body 
{
    border:1px;
    border-style:solid;
    border-color:#999 !important;
    left:-3px;
    overflow:hidden;
    position:relative;
    top:-3px;
    /*width:255px;*/
    background-color:#fff !important;
    padding:15px 10px 15px 10px !important;
    text-align:left; 
}

.customInfoBox-previewArea 
{
/*       width:100%; */
    background:#fff; 
}

/* Title */
.customInfoBox-previewArea .title 
{
    color:#000; 
    font-weight:bold;
    margin:0px !important;
    padding:0px !important;
    text-align:left;
    
}

/* p */
.customInfoBox-previewArea p 
{
    margin:0px !important;
    padding:0px !important;
}

/* Description */
.customInfoBox-previewArea div.firstChild 
{
    margin:0px; 
    overflow:hidden;
}


/* Beak */
.customInfoBox-beak 
{
    height:34px;
    position:absolute;
    top:10px;
    width:19px;
    z-index:1005 !important;
}

.customInfoBox-with-leftBeak .customInfoBox-beak 
{
    background:transparent url(../pic/beakLeft.gif) no-repeat scroll 0;
    left:0px;
}

.customInfoBox-with-rightBeak .customInfoBox-beak 
{
    background:transparent url(../pic/beakRight.gif) no-repeat scroll 0;
    right:8px;
}

.customInfoBox-noBeak .customInfoBox-beak {display:none;}

/* ProgressAnimation */
.customInfoBox-progressAnimation 
{
    font-size:0px;
    height:3px;
    overflow:hidden;
    position:absolute;
    width:13px;
    z-index:500;
}

.customInfoBox-progressAnimation div 
{
    font-size:0px;
    height:100%;
    position:absolute;
    width:3px;
    background-color:Gray;
}

.customInfoBox-progressAnimation div.frame0 {left:-3px}
.customInfoBox-progressAnimation div.frame1 {left:0px}
.customInfoBox-progressAnimation div.frame2 {left:5px}
.customInfoBox-progressAnimation div.frame3 {left:10px}

.customInfoBox-beak,
.customInfoBox-progressAnimation
{
    visibility:inherit !important;
}

/* Shadow */
.customInfoBox-shadow 
{
    float:left;
    position:relative;
    background:#BFBFBF;
}