/************* hover pop up box with arrow ******
Inner areaa is 200 + box area 180 = 380
if width is 580 then inner width is 580-180
*********/
.popUpArrowPanel {
	display: none;	
}

.popUpArrowBoxTable{
	width: 480px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.popUpArrowBoxTdTopLeft {
	width: 75px; 
	height: 28px; 
	background-image: url('popupbox_img/BoxTopLeft.png'); 
	background-repeat: no-repeat;	
}

.popUpArrowBoxTdTopSide {
	background-image: url('popupbox_img/BoxSideTop.png'); 
	background-repeat: repeat-x; 
	width: 160px;	
}

.popUpArrowBoxTdTopRight {
	width: 28px; 
	height: 28px; 
	background-image: url('popupbox_img/BoxTopRight.png'); 
	background-repeat: no-repeat;	
}

.popUpArrowBoxTdTopArrow {
	vertical-align: top; 
	background-image: url('popupbox_img/BoxTopLeftArrow.png'); 
	background-repeat: no-repeat; 
	position: relative; 
	left: 75px; 
	top: -28px; 
	height: 94px; 
	width:75px;
}

.popUpArrowBoxTdSideLeft {
	vertical-align: top; 
	width: 75px; 
	height: 120px; 
	background-image: url('popupbox_img/BoxSideLeft.png'); 
	background-repeat: repeat-y;	
}

.popUpArrowBoxTdContent {
	vertical-align: top; 
	background: url('popupbox_img/SpacerWhite.gif');
}

.popUpArrowBoxTdSideRight {
	width: 28px; 
	height: 120px; 
	background-image: url('popupbox_img/BoxSideRight.png'); 
	background-repeat: repeat-y;
}

.popUpArrowBoxTdBottomLeft {
	width: 75px; 
	height: 28px; 
	background-image: url('popupbox_img/BoxBottomLeft.png'); 
	background-repeat: no-repeat;
}

.popUpArrowBoxTdBottomSide {
	background-image: url('popupbox_img/BoxSideBottom.png'); 
	background-repeat: repeat-x; 
	width: 160px;	
}

.popUpArrowBoxTdBottomRight {
	width: 28px; 
	height: 28px; 
	background-image: url('popupbox_img/BoxBottomRight.png'); 
	background-repeat: no-repeat;	
}