#tooltip {
	position: absolute;
	z-index: 3000;
	border: none;
	width: 290px;
}
#tooltip div.header {
	height: 34px;
	width: 290px;
	background: url(/images/common/tooltip/tooltipTopOL.png) no-repeat left top;
}
#tooltip.viewport-right div.header {
	height: 32px;
	background: url(/images/common/tooltip/tooltipTopOR.png) no-repeat left top;
}
#tooltip.viewport-bottom div.header {
	height: 15px;
	background: url(/images/common/tooltip/tooltipTop.png) no-repeat left top;
}
#tooltip div.content {
	width: 290px;
	background-color:#FF0000;
	background: url(/images/common/tooltip/tooltipMiddle.png) repeat left top;
}
#tooltip div.bottom {
	height: 21px;
	width: 290px;
	background: url(/images/common/tooltip/tooltipBottom.png) no-repeat left top;
}
#tooltip.viewport-bottom div.bottom {
	height: 40px;
	background: url(/images/common/tooltip/tooltipBottomUL.png) no-repeat left top;
}
#tooltip.viewport-bottom.viewport-right div.bottom {
	height: 40px;
	background: url(/images/common/tooltip/tooltipBottomUR.png) no-repeat left top;
}
#tooltip h3 {
	margin: 0px 10px 0px 20px;
	font-size:12px;
	text-decoration:none;
	text-align:center;
	color:#FF0000;	
}
#tooltip div.body {
	margin: 0px 5px 0px 20px;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	color:#000000;	
}
#tooltip div.url {
	margin: 0px 5px 0px 20px;
	font-size:10px;
	text-decoration:none;
	text-align:left;
	color:#CCCCCC;	
}
/* Style for invalid input */
.invalidInput{
	border:1px dotted #F00;
	background-color: #FFECE6;
	font-size:12px;
}
/* Style for valid input */
.validInput{
	border: 1px dotted #FF0000;
}