/*#personPopupContainer, #popupContainer */
#personPopupContainer
{  
    position:absolute;  
    left:0;  
    top:0;  
    display:none;  
    z-index: 20000;
	min-width: 200px;
}  
  
.popupPopup  
{  
	border: none;
}  
.popupPopup td
{
	padding: 0px;
}
 
#personPopupContent, #popupContent, td.tooltipContent  
{  
    background-color: #FFF; 
	/*width: 350px;
	height: auto;
    min-width: 100px;  
	max-width: 300px;
    min-height: 30px;*/
}  

span.ttFixed {
	display: block;
	width:300px!important;
}
  
.popupPopup .personPopupImage  
{  
    margin: 5px;  
    margin-right: 15px;  
}  
  
.popupPopup .corner   
{  
    width: 19px;  
    height: 15px;  
}  
   
/* ttPerson */
.ttPerson .topLeft   
{  background: url(../images/balloon_topLeft.png) no-repeat;  }  
      
.ttPerson .bottomLeft   
{  background: url(../images/balloon_bottomLeft.png) no-repeat;  }  
      
.ttPerson .left   
{  background: url(../images/balloon_left.png) repeat-y; }  
      
.ttPerson .right   
{  background: url(../images/balloon_right.png) repeat-y;  }  
      
.ttPerson .topRight   
{  background: url(../images/balloon_topRight.png) no-repeat;  }  
      
.ttPerson .bottomRight   
{  background: url(../images/balloon_bottomRight.png) no-repeat;  }  
      
.ttPerson .top   
{  background: url(../images/balloon_top.png) repeat-x;  }  
      
.ttPerson .bottom   
{  background: url(../images/balloon_bottom.png) repeat-x;  
   text-align: center;  }  

/* ttPlace */
.ttPlace .topLeft   
{  background: url(../images/balloon_topLeft_place.png) no-repeat;  }  
      
.ttPlace .bottomLeft   
{  background: url(../images/balloon_bottomLeft_place.png) no-repeat;  }  
      
.ttPlace .left   
{  background: url(../images/balloon_left_place.png) repeat-y; }  
      
.ttPlace .right   
{  background: url(../images/balloon_right_place.png) repeat-y;  }  
      
.ttPlace .topRight   
{  background: url(../images/balloon_topRight_place.png) no-repeat;  }  
      
.ttPlace .bottomRight   
{  background: url(../images/balloon_bottomRight_place.png) no-repeat;  }  
      
.ttPlace .top   
{  background: url(../images/balloon_top_place.png) repeat-x;  }  
      
.ttPlace .bottom   
{  background: url(../images/balloon_bottom_place.png) repeat-x;  
   text-align: center;  } 


/* ttFoot */
.ttFoot .topLeft   
{  background: url(../images/balloon_topLeft_black.png) no-repeat;  }  
      
.ttFoot .bottomLeft   
{  background: url(../images/balloon_bottomLeft_black.png) no-repeat;  }  
      
.ttFoot .left   
{  background: url(../images/balloon_left_black.png) repeat-y; }  
      
.ttFoot .right   
{  background: url(../images/balloon_right_black.png) repeat-y;  }  
      
.ttFoot .topRight   
{  background: url(../images/balloon_topRight_black.png) no-repeat;  }  
      
.ttFoot .bottomRight   
{  background: url(../images/balloon_bottomRight_black.png) no-repeat;  }  
      
.ttFoot .top   
{  background: url(../images/balloon_top_black.png) repeat-x;  }  
      
.ttFoot .bottom   
{  background: url(../images/balloon_bottom_black.png) repeat-x;  
   text-align: center;  } 

/* ttEditor */
.ttEditor .topLeft, .ttMs .topLeft, .ttVariant .topLeft, .ttComment .topLeft, .ttMinusletter .topLeft, .ttRefVar .topLeft   
{  background: url(../images/balloon_topLeft_red.png) no-repeat;  }  
      
.ttEditor .bottomLeft, .ttMs .bottomLeft, .ttVariant .bottomLeft, .ttComment .bottomLeft, .ttMinusletter .bottomLeft, .ttRefVar .bottomLeft    
{  background: url(../images/balloon_bottomLeft_red.png) no-repeat;  }  
      
.ttEditor .left, .ttMs .left, .ttVariant .left, .ttComment .left, .ttMinusletter .left, .ttRefVar .left   
{  background: url(../images/balloon_left_red.png) repeat-y; }  
      
.ttEditor .right, .ttMs .right, .ttVariant .right, .ttComment .right, .ttMinusletter .right, .ttRefVar .right
{  background: url(../images/balloon_right_red.png) repeat-y;  }  
      
.ttEditor .topRight, .ttMs .topRight, .ttVariant .topRight, .ttComment .topRight, .ttMinusletter .topRight, .ttRefVar .topRight  
{  background: url(../images/balloon_topRight_red.png) no-repeat;  }  
      
.ttEditor .bottomRight, .ttMs .bottomRight, .ttVariant .bottomRight, .ttComment .bottomRight, .ttMinusletter .bottomRight, .ttRefVar .bottomRight    
{  background: url(../images/balloon_bottomRight_red.png) no-repeat;  }  
      
.ttEditor .top, .ttMs .top, .ttVariant .top, .ttComment .top, .ttMinusletter .top, .ttRefVar .top   
{  background: url(../images/balloon_top_red.png) repeat-x;  }  
      
.ttEditor .bottom, .ttMs .bottom, .ttVariant .bottom, .ttComment .bottom, .ttMinusletter .bottom, .ttRefVar .bottom    
{  background: url(../images/balloon_bottom_red.png) repeat-x;  
   text-align: center;  } 

/* ttLang */
.ttLang .topLeft   
{  background: url(../images/balloon_topLeft_green.png) no-repeat;  }  
      
.ttLang .bottomLeft   
{  background: url(../images/balloon_bottomLeft_green.png) no-repeat;  }  
      
.ttLang .left   
{  background: url(../images/balloon_left_green.png) repeat-y; }  
      
.ttLang .right   
{  background: url(../images/balloon_right_green.png) repeat-y;  }  
      
.ttLang .topRight   
{  background: url(../images/balloon_topRight_green.png) no-repeat;  }  
      
.ttLang .bottomRight   
{  background: url(../images/balloon_bottomRight_green.png) no-repeat;  }  
      
.ttLang .top   
{  background: url(../images/balloon_top_green.png) repeat-x;  }  
      
.ttLang .bottom   
{  background: url(../images/balloon_bottom_green.png) repeat-x;  
   text-align: center;  } 

/* ttChanges */
.ttChanges .topLeft, .ttNormalisations .topLeft   
{  background: url(../images/balloon_topLeft_grey.png) no-repeat;  }  
      
.ttChanges .bottomLeft, .ttNormalisations .bottomLeft   
{  background: url(../images/balloon_bottomLeft_grey.png) no-repeat;  }  
      
.ttChanges .left, .ttNormalisations .left   
{  background: url(../images/balloon_left_grey.png) repeat-y; }  
      
.ttChanges .right, .ttNormalisations .right   
{  background: url(../images/balloon_right_grey.png) repeat-y;  }  
      
.ttChanges .topRight, .ttNormalisations .topRight   
{  background: url(../images/balloon_topRight_grey.png) no-repeat;  }  
      
.ttChanges .bottomRight, .ttNormalisations .bottomRight   
{  background: url(../images/balloon_bottomRight_grey.png) no-repeat;  }  
      
.ttChanges .top, .ttNormalisations .top   
{  background: url(../images/balloon_top_grey.png) repeat-x;  }  
      
.ttChanges .bottom, .ttNormalisations .bottom   
{  background: url(../images/balloon_bottom_grey.png) repeat-x;  
   text-align: center;  } 

/* ttAbbreviations */
.ttAbbreviations .topLeft   
{  background: url(../images/balloon_topLeft_violet.png) no-repeat;  }  
      
.ttAbbreviations .bottomLeft   
{  background: url(../images/balloon_bottomLeft_violet.png) no-repeat;  }  
      
.ttAbbreviations .left   
{  background: url(../images/balloon_left_violet.png) repeat-y; }  
      
.ttAbbreviations .right   
{  background: url(../images/balloon_right_violet.png) repeat-y;  }  
      
.ttAbbreviations .topRight   
{  background: url(../images/balloon_topRight_violet.png) no-repeat;  }  
      
.ttAbbreviations .bottomRight   
{  background: url(../images/balloon_bottomRight_violet.png) no-repeat;  }  
      
.ttAbbreviations .top   
{  background: url(../images/balloon_top_violet.png) repeat-x;  }  
      
.ttAbbreviations .bottom   
{  background: url(../images/balloon_bottom_violet.png) repeat-x;  
   text-align: center;  } 

/* ttTitle */
.ttTitle .topLeft   
{  background: url(../images/balloon_topLeft_yellow.png) no-repeat;  }  
      
.ttTitle .bottomLeft   
{  background: url(../images/balloon_bottomLeft_yellow.png) no-repeat;  }  
      
.ttTitle .left   
{  background: url(../images/balloon_left_yellow.png) repeat-y; }  
      
.ttTitle .right   
{  background: url(../images/balloon_right_yellow.png) repeat-y;  }  
      
.ttTitle .topRight   
{  background: url(../images/balloon_topRight_yellow.png) no-repeat;  }  
      
.ttTitle .bottomRight   
{  background: url(../images/balloon_bottomRight_yellow.png) no-repeat;  }  
      
.ttTitle .top   
{  background: url(../images/balloon_top_yellow.png) repeat-x;  }  
      
.ttTitle .bottom   
{  background: url(../images/balloon_bottom_yellow.png) repeat-x;  
   text-align: center;  } 


/* NEW VERSION, MUCH SIMPLIFIED */
#popupContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	display:none; 
	background-color: white;
	border: 2px solid #b1010a;
	border-radius: 7px;
	padding: 10px;
	width: auto;
	/*box-shadow: 5px 5px 5px #BBBBBB;*/
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
	z-index: 20000;
}

div.ttPerson {
	border-color: #edae44 !important;
}
div.ttPlace {
	border-color: #88b891 !important;
}
div.ttFoot { 
	border-color: #212121 !important;
}
div.ttLang {
	border-color: #75aab2 !important;	
}
div.ttChanges, div.ttNormalisations {
	border-color: #b8b8b8 !important;
}
div.ttAbbreviations {
	border-color: #d5a2d5 !important;
}
div.ttTitle {
	border-color: #ecdf5e !important;
}