.balloon {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.balloon ul {
	padding:0; 
	margin:0;
	border:0;
	list-style-type:square;
}
.balloon ul li {
	float:left;
}
.balloon ul li a, .balloon ul li a:visited {
	display:block;
	text-decoration:none;  
	color:#3366FF;
	width:125px;
	font-size:11px;
}

.balloon ul li dl {
	visibility:hidden;
	position:absolute;
}

table {
	border:0;
	padding:0;
	font-size:1em;
}

.balloon dl {
	padding:0;  
	height:auto;
}

.balloon dt {
	margin:0; 
	padding:25px 5px 0px 20px; 
	height:19px;
	width:220px;
	font-size:11px; 
	font-weight:bold; 
	color: #ff6600;
	background:url(images/balloon.gif) no-repeat top left; 
}

.balloon dd {
	margin:0;
	padding:5px 15px 5px 20px; 
	color:#000;
	font-size:10px;  
	width:205px;
	background:url(images/balloon_bottom.gif) no-repeat bottom left;
}

.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}
.balloon dd a, .balloon dd a:visited {font-size:10px; text-decoration:none; color:#3366FF;}
.balloon dd a:hover {text-decoration:underline; color:#3366FF;}

/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */
.balloon ul li:hover, .balloon ul li a:hover {
	color:#000; 
	position:relative;
	cursor: pointer;
	cursor:hand;
}

.balloon ul li:hover dl, .balloon ul li a:hover dl {
	visibility:visible;
	color:#000;
	top:10px;
	left:100px;
	cursor:default;
}

.balloon ul li:hover dl em, .balloon ul li a:hover dl em {
	display:block;
	position:absolute;
	left:-35px;
	top:75px;
	width:36px; 
	height:36px;
	background:transparent url(../sites/pointer.gif);
}

.balloon ul li:hover dl a, .balloon ul li a:hover dl a {
	height:0.8em;
	color:#606;
	background:transparent;
	text-decoration:underline;
}

.balloon ul li:hover dl a:hover, .balloon ul li a:hover dl a:hover {
	text-decoration:none;
	background:transparent;
}

/* "fallback" links for non-CSS supporting browsers. */
.fallback {
 display: none;
}

/* Here's our default note styles. */
.notedefault, .notenested {
 position: absolute;
 visibility: hidden;
 top: 1.5em;
 left: 2em; 
 width: 240px;
}
.notedefault {
 padding: 0px;
 color: #000;
}
.notenested {
 width: 240px;
 padding: 3px;
 border: 1px solid #963;
 background-color: #C96;
 color: white;
}

/* Some position-type-specific offset information. Tweak as needed! */
.snp-mouseoffset, .snp-triggeroffset, .snp-mousetrack {
 margin-left: 5px;
 margin-top: 0px;
}

/* Headings within notes */
.notedefault h5 {
 margin: 0 0 5px 0;
 padding: 2px;
 background-color: white;
 color: black;
}

/* Note close marker is only shown within pinned notes. */
.note-close {
 float: right;
 margin-top: 2px;
 width: 14px;
 height: 14px;
 line-height: 14px;
 color: black;
 text-decoration: none;
 visibility: hidden
}
.snb-pinned .note-close {
 visibility: inherit;
}

.balloon-heading {
	background:url(images/balloon.gif) no-repeat left top; 
	padding:25px 5px 0px 25px; 
	font:12px; 
	font-weight:bold; 
	color:#ff6600;
}

.balloon-bground {
	background:url(images/balloon_bottom.gif) no-repeat left bottom; 
	padding:5px 10px 10px 25px; 
	font-size:11px;
	line-height:14px;
}

.balloon-bground a {
	font-size:11px;
}