/* CSS Document */
<!--
body {font-family:arial, geneva, verdana; font-size: 12px; color:black; scrollbar-track-color: #536C79}
.button       { border: 1 solid #FFFF33 }
.button-Over { background-color: #A3A3D6; border: 1 solid #FFFFFF }
.navsilver {color : silver }
td { font-family:arial, geneva, verdana; font-size:12px}
H2
{font-family:Verdana, Arial, Helvetica;
   color : #CC0066
}
H3
{font-family:Verdana, Arial, Helvetica; font-size: 20px;
    color : #CC0066;
    MARGIN-TOP: 3px;
    MARGIN-BOTTOM: 3px

}
ol { font-family:arial, geneva, verdana; MARGIN-TOP: 3px; MARGIN-BOTTOM: 3px }
A
{
    FONT-SIZE: 10px;
	FONT-FAMILY: Arial, Verdana, Helvetica;
	COLOR: blue;
    TEXT-DECORATION: underline
}
A:visited
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 10px; 
	COLOR: #009933; 
	FONT-FAMILY: Verdana, Arial, Helvetica; 
	TEXT-DECORATION: none
}
A:hover
{
	background:#FFFF00;
	color: #a3a3d6;
	TEXT-DECORATION:none
}

#navsilver {
    FONT-SIZE: 10px;
	FONT-FAMILY: Arial, Verdana, Helvetica;
	COLOR: silver;
    TEXT-DECORATION: underline
}

.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: monospace; font-weight: bold; font-size: 16pt}
.tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial, geneva, verdana; font-size: 10pt}
#ToolTip{position:absolute; width: 100px; top: 0px; left: 0px; z-index:4; visibility:hidden;}

    .TA {scrollbar-base-color: white;
         scrollbar-face-color: white;
         scrollbar-highlight-color: white;
         scrollbar-arrow-color: chartreuse;
         scrollbar-3dlight-color: white;
         scrollbar-darkshadow-color: white;
		 scrollbar-track-color: white;
         scrollbar-shadow-color: white}


a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
	font-size:12px;
    text-align: left}
	.box {
	BORDER-RIGHT: #000000 2px solid; PADDING-RIGHT: 10px; BORDER-TOP: #000000 2px solid; PADDING-LEFT: 10px; BACKGROUND: #ffffff; PADDING-BOTTOM: 5px; MARGIN-LEFT: 10px; BORDER-LEFT: #000000 2px solid; MARGIN-RIGHT: 10px; PADDING-TOP: 5px; BORDER-BOTTOM: #000000 2px solid
}
.new {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 1px; FONT-SIZE: 80%; PADDING-BOTTOM: 1px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #000000 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #ffff00
}

-->

