﻿#personPopupContainer
{
    position:absolute;
    left:0;
    top:0;
    display:none;
    z-index: 9999999;
}

.personPopupPopup
{
}

#personPopupContent
{
    background-color: #FFF;
    min-width: 175px;
    min-height: 110px;
}

.personPopupPopup .personPopupImage
{
    margin: 5px;
    /*margin-right: 15px;*/
}

.personPopupPopup .corner 
{
    width: 19px;
    height: 15px;
}
    
.personPopupPopup .topLeft 
{
    background: url(images/personpopup/balloon_topLeft.png) no-repeat;
}
    
.personPopupPopup .bottomLeft 
{
    background: url(images/personpopup/balloon_bottomLeft.png) no-repeat;
}
    
.personPopupPopup .left 
{
    background: url(images/personpopup/balloon_left.png) repeat-y;
    /*height: 110px;*/
    width: 19px;
	min-height: 110px;
	overflow:auto
}
    
.personPopupPopup .right 
{
    background: url(images/personpopup/balloon_right.png) repeat-y;
    /*height: 110px;*/
    width: 19px;
	min-height: 110px;
	overflow:auto
}
    
.personPopupPopup .topRight 
{
    background: url(images/personpopup/balloon_topRight.png) no-repeat;
}
    
.personPopupPopup .bottomRight 
{
    background: url(images/personpopup/balloon_bottomRight.png) no-repeat;
}
    
.personPopupPopup .top 
{
    background: url(images/personpopup/balloon_top.png) repeat-x;
	height: 15px;
}
    
.personPopupPopup .bottom 
{
    background: url(images/personpopup/balloon_bottom.png) repeat-x;
    text-align: center;
	height: 15px;
}

.personPopupTrigger 
{
	display: block;
	background: url("images/info.png") no-repeat center;
    height:16px;
	width: 16px;	
}