#supernote-note-demo1,#supernote-note-demo2,#supernote-note-demo3,#supernote-note-demo4,supernote-note-demo5

{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	
}

div.smltooltips
{
	background: transparent url(../images/tooltip-bg-01.gif) no-repeat top left;
	width:98px;
	height:17px;
	z-index:3000;
}

.smltooltips-bottom
{
	display:block;
	background: transparent url(../images/tooltip-bg-01.gif) no-repeat bottom left;
	width:98px;
	height:8px;
}

 .smlttbody
{
	background:transparent url(../images/tooltips-bg.gif) repeat top left;
	width:85px;
	padding:5px 5px 5px 8px;
}


.smlttbody ul
{	
	
	list-style-position:inside;
	font-size:10px;
	color:#ccc;
}
.smlttbody ul li a
{	
	
	line-height:150%;
}


/* large tooltips*/


div.tooltips
{
	background: transparent url(../images/tooltip-bg-03.gif) no-repeat top left;
	width:120px;
	height:17px;
	z-index:3000;
}

.tooltips-bottom
{
	display:block;
	background: transparent url(../images/tooltip-bg-03.gif) no-repeat bottom left;
	width:120px;
	height:8px;
}

.ttbody
{
	background:transparent url(../images/tooltips-bg.gif) repeat top left;
	width:107px;
	padding:5px 5px 5px 8px;
}

.ttbody ul
{	
	
	list-style-position:inside;
	font-size:10px;
	color:#ccc;
}
.ttbody ul li a
{	
	
	line-height:150%;
}



/* "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: 11em;
 filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.notedefault {
 padding: 3px;
 /*border: 1px solid #369;
 background-color: #69C;
 color: white;*/
}
.notenested {
 width: 9em;
 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: 15px;
}

/* 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;
}