/* CSS Document */

.anim
{
	display:none;
	position:relative;
	text-align: justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
#animLinks
{
	position:absolute;
	z-index:100;
	top:220px;
	left:0px;
	width:380px;
	height:20px;
	text-align:right;
	color:#fff;
}
#animLinks a{color:#cfcecc; margin-left:10px}

#animLinks a:hover{color:#524949}
#animWrapper
{
	overflow:auto; 
	left:430px;
	top:20px; 
	width:385px; 
	height:240px;
	position: absolute;
	font-size:10px;
}
#animWrapper p, .anim p
{color:inherit !important;}

#animWrapper .centerAlign
{text-align:center}

#animWrapper.opacity0
{opacity: 0; filter:alpha (opacity=0); background:#fff}
#animWrapper.opacity10
{opacity: .1; filter:alpha (opacity=10); background:#fff}
#animWrapper.opacity20
{opacity: .2; filter:alpha (opacity=20); background:#fff}
#animWrapper.opacity30
{opacity: .3; filter:alpha (opacity=30); background:#fff}
#animWrapper.opacity40
{opacity: .4; filter:alpha (opacity=40); background:#fff}
#animWrapper.opacity50
{opacity: .5; filter:alpha (opacity=50); background:#fff}
#animWrapper.opacity60
{opacity: .6; filter:alpha (opacity=60); background:#fff}
#animWrapper.opacity70
{opacity: .7; filter:alpha (opacity=70); background:#fff}
#animWrapper.opacity80
{opacity: .8; filter:alpha (opacity=80); background:#fff}
#animWrapper.opacity90
{opacity: .9; filter:alpha (opacity=90); background:#fff}
#animWrapper.opacity100
{opacity: 1; filter:alpha (opacity=100); background:#fff}

#toolTipper
{background:#ffffe1; color:#000; border:1px solid #000; padding:2px 4px;
    font-size:10px; display:none; float:left; position:absolute}