/* common styling */

.balloon {

font-family: verdana, sans-serif; 

width:500px;

height:160px;

margin:10px 0px;

padding-left:40px;

}

.balloon ul {

padding:0; 

margin:0;

border:0;

list-style-type: none;

}

.balloon ul li {

float:left;

margin:5px;

width:80px;

height:150px;

}

.balloon ul li a, .balloon ul li a:visited {

display:block;

text-decoration:none; 

color:#000000; 

/*height:150px;*/

background:#ffffff;

}

.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:200px; padding:0 0 20px 0; background:transparent url(/images/bottom.gif) no-repeat bottom left; height:auto;}*/

/*.balloon dt {margin:0; padding:5px; font-size:1.4em; font-weight:bold; color: #000000; background:transparent url(/images/top.gif) no-repeat top left; text-align:center;}*/

.balloon dd {text-align:center; width:200px; margin:0; padding:5px 15px; color:#000000; font-size:1em; border:3px solid #999999; border-width:1px; background:#ffffff;}

.balloon dd p {padding:0; margin:10px 0; line-height:1.5em;}



/* specific to non IE browsers and IE7 first with IE5.5 and IE6 second */

.balloon ul li:hover,

.balloon ul li a:hover {

color:#000000;

position:relative;

cursor: pointer;

cursor:hand;

}



.balloon ul li:hover dl,

.balloon ul li a:hover dl {

visibility:visible;

color:#000000;

top:30px;

left:70px;

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:#000066;

background:transparent;

text-decoration:none;

display:inline;

}



.balloon ul li:hover dl a:hover,

.balloon ul li a:hover dl a:hover {

text-decoration:none;

background:transparent;

}