/* Stylesheet for Tangent elements */


/* Style for the links created by Tangent within your text. Generally
these seem to look best with a 1px dotted underline, with the line being
some color that goes with your design, and the text being the same color
as the rest of your body text. */

.tl, .tl:link, .tl:visited, .tl:active, .tl:hover {
	border-bottom: 1px #333399 dotted;
	text-decoration: none;
	color: #000000;
}


/* Style for the Tangent box, which is the box that appears when rolling
over a word that is linked to more than one URL. You probably only want
to change the first three properties, which is the background color,
border, and padding. */

#tangentbox {
	background-color: white;
	border: 1px black solid;
	padding: 8px;
	position: absolute; top: 0px; left: 0px; width: auto; height: auto; z-index: 99; visibility: hidden;
}


/* Style for the links that appear within the Tangent box. Set however
looks best. Leave the white-space one. */

.tangentlink, .tangentlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 13px;
	margin: 0px;
	font-weight: normal;
	color: black;
	white-space: nowrap;
}


/* Style for the Tangent word, which should be highlighted when someone
clicks a Tangent link that points to your content. Generally a nice
background-color should do the trick. */

.tw {
	background-color: #FF99FF;
}