/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menu/balloons.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 
 /* common styling */
.balloon {}
.balloon ul{padding:0;margin:0;border:0;list-style-type:none;}
.balloon ul li {margin-top:5px;margin-bottom:5px;list-style-type:none;}
.balloon ul li a, .balloon ul li a:visited {text-decoration:none;color:#000;background:#fff;}
.balloon ul li a img, .balloon ul li a:visited img {border:0;}
.balloon ul li dl {visibility:hidden;position:absolute;}
table {margin:-2px;border:0;padding:0;border-collapse:collapse;font-size:1em;}
.balloon dl {width:500px; padding:0 0 20px 0;height:auto;background:#fff;}
.balloon dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000;text-align:center;}
.balloon dd {margin:0; padding:5px 15px; color:#000; font-size:1em; border:1px solid #000; border-width:1px;}
.balloon dd p {padding:0; margin:10px;line-height:1.5em;}
.balloon dl#web1 {background:#ffffff; height:auto;}

/* 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:-75px;left:120px;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;}
.balloon ul li:hover dl a,.balloon ul li a:hover dl a {height:0.8em;color:#606;background:transparent;text-decoration:underline;display:inline;}
.balloon ul li:hover dl a:hover,.balloon ul li a:hover dl a:hover {text-decoration:none;background:transparent;}

/* the style starts here */
a.tooltip {color:#3B5A6F;font-weight:bold;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:0; font-weight:bold;}
a.tooltip:hover b {display:block; position:absolute; top:0px; left:150px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#fff; width:450px;font-size:77%;text-decoration:none;}
a.tooltip:hover b em {position:absolute; left:-6px; top:10px; width:6px; height:11px; background:#fff url(../images/tooltip2.gif) 0 0; display:block; font-size:1px;}

a.tooltip2 {color:#3B5A6F;font-weight:bold;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:0; font-weight:bold;}
a.tooltip2:hover b {display:block; position:absolute; top:0px; left:150px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#fff; width:350px;font-size:77%;text-decoration:none;}
a.tooltip2:hover b em {position:absolute; left:-6px; top:10px; width:6px; height:11px; background:#fff url(../images/tooltip2.gif) 0 0; display:block; font-size:1px;}