﻿body {
	font-family: Arial, Verdana;
	font-size: 12px;
}

/************* hover pop up box with arrow ***************/
.popUpArrowPanel {
	display: none;	
}

.popUpArrowBoxTable{
	width: 380px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.popUpArrowBoxTdTopLeft {
	width: 75px; 
	height: 28px; 
	background-image: url('../Images/tooltip/BoxTopLeft.png'); 
	background-repeat: no-repeat;	
}

.popUpArrowBoxTdTopSide {
	background-image: url('../Images/tooltip/BoxSideTop.png'); 
	background-repeat: repeat-x; 
	width: 160px;	
}

.popUpArrowBoxTdTopRight {
	width: 28px; 
	height: 28px; 
	background-image: url('../Images/tooltip/BoxTopRight.png'); 
	background-repeat: no-repeat;	
}
/*For Arrow*/
.popUpArrowBoxTdTopArrow {
	vertical-align: top; 
	background-image: url('../Images/tooltip/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('../Images/tooltip/BoxSideLeft.png'); 
	background-repeat: repeat-y;	
}

.popUpArrowBoxTdContent {
	vertical-align: top; 
	background: url('../Images/tooltip/SpacerWhite.gif');
}

.popUpArrowBoxTdSideRight {
	width: 28px; 
	height: 120px; 
	background-image: url('../Images/tooltip/BoxSideRight.png'); 
	background-repeat: repeat-y;
}

.popUpArrowBoxTdBottomLeft {
	width: 75px; 
	height: 28px; 
	background-image: url('../Images/tooltip/BoxBottomLeft.png'); 
	background-repeat: no-repeat;
}

.popUpArrowBoxTdBottomSide {
	background-image: url('../Images/tooltip/BoxSideBottom.png'); 
	background-repeat: repeat-x; 
	width: 160px;	
}

.popUpArrowBoxTdBottomRight {
	width: 28px; 
	height: 28px; 
	background-image: url('../Images/tooltip/BoxBottomRight.png'); 
	background-repeat: no-repeat;	
}
