@charset "utf-8";
/* CSS Document */
  /*
        =================================
        start of Tooltip css code here
        ================================= */

        a.info{
        position:relative;           /*this is the key*/
        z-index:24;
        background-color:#ffffff;    /* background colour of display text */
        color:#000000;               /* colour of display text */
        border:0;   /* border colour */
        text-decoration:none;
/*        font-style:italic;*/
        }

        a.info:hover {
        z-index:25;
        background-color:#ffffff;

        }

        a.info span{
        display: none;  /* hide the span text using this css */
		
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: 1.5em;
        left: 3em;
        width:10em;
        border:1px solid #000000; /* border colour */
        background-color:#ffffff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: 10px;
		font-family:Arial, Helvetica, sans-serif;
/*        font-style:italic;*/
        z-index:30;
        }

        .images {
        vertical-align:bottom;
		text-align:center;
		
        }


        /*]]>*/
        </style>
<!--[if lte IE 6]>
<style type="text/css">
#wrapper {
height: 100%;
}
</style>
<!--[endif]-->