/* 
	Hint div styles
*/

#HintDiv
{
	position: absolute;
	display: none;
	z-index: 10;
	padding: 0px;
	text-align: left;
}

.HintTable
{
	border: 0px;
	border-collapse: collapse;
	padding: 0px;
}

.HintTable td
{
	padding: 0;
	border: 0px;
	border-collapse: collapse;
}

#HintDivHeader
{
	padding: 5px;
	text-align: right;
}
 	
#HintDivText
{
	padding: 2px;
}

#HintContent
{
	width: 100%;
}

/* ---=== border code follows ===--- */
/*
	tlc = top left corner
	trc = top right corner
	blc = bottom left corner
	brc = bottom right corner
	lb = left border
	rb = right border
	tb = top border
	bb = bottom border 
*/

.Hint_tlc, .Hint_trc, .Hint_blc, .Hint_brc
{
	background-color: transparent;
	background-repeat: no-repeat;
	height: 17px;
	width: 6px;
}

.Hint_tlc
{
	background-image:url(../images/hintBoxCorner1.gif);
	background-position: 0% 0%;
}

.Hint_trc
{
	background-image:url(../images/hintBoxCorner2.gif);
	background-position: 100% 0%;
}
	
.Hint_blc
{
	background-image:url(../images/hintBoxCorner4.gif);
	background-position: 0% 100%;
}

.Hint_brc
{
	background-image:url(../images/hintBoxCorner3.gif);
	background-position: 100% 100%;
}

.Hint_tb, .Hint_bb
{
	background-color: transparent;
	background-repeat: repeat-x;
	height: 17px;
}
			
.Hint_tb
{
	background-image:url(../images/hintBoxTop.gif);
	background-position: 0% 0%;
}

.Hint_tbModLeft
{
	background-image:url(../images/hintBoxTopModLeft.gif);
	background-position: 0% 0%;
	background-color: transparent;
	background-repeat: no-repeat;
}

.Hint_tbModRight
{
	background-image:url(../images/hintBoxTopModRight.gif);
	background-position: 100% 0%;
	background-color: transparent;
	background-repeat: no-repeat;
}

.Hint_bb
{
	background-image:url(../images/hintBoxBottom.gif);
	background-position: 50% 100%;
}

.Hint_bbModLeft
{
	background-image:url(../images/hintBoxBottomModLeft.gif);
	background-position: 0% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
}

.Hint_bbModRight
{
	background-image:url(../images/hintBoxBottomModRight.gif);
	background-position: 100% 100%;
	background-color: transparent;
	background-repeat: no-repeat;
}
	
.Hint_rb
{
	background-image:url(../images/hintBoxRight.gif);
	background-position: 100% 0%;
	background-repeat: repeat-y;
	width: 6px;
}

.Hint_lb
{
	background-image:url(../images/hintBoxLeft.gif);
	background-position: 0% 100%;
	background-repeat: repeat-y;
	width: 6px;
}

.Hint_BG
{
	background-color: #FFFFCC;
}