@charset "utf-8";
/* CSS Document */

.description {
	background-image: url('../style/images/des.gif');
}

.bubbleInfo {
    position: relative;
}

.trigger {
    position: relative;
}

.popup {
    width:200px;
	position: relative;
	display: none;
	z-index: 50;
}

.gallery {
   margin-align: 0px;
   border: 0px solid #ccc;
   width: 280px;
   min-height: 200px;
   padding: 0;
   margin: 0px 0;
}

* html .gallery {
	height: 150px;
}

.gallery.active {
 /*  	background: #ABCDEF;  */
}

.gallery liB {
	float: left;
	width: 160px;
	padding: 0 25px;
	margin: 0 0 8px;
}

.gallery div {
}

.gallery span {
	
}

.galleryB span {
	display: block;
	padding: 1px;
	border: 1px solid #ccc;
	background: #fff;
}

.items {
	border: 1px solid #ccc;
	display: block;
	width:100px;
}

/* bubble
.tooltip{
width: 200px;
color:#000;
text-decoration:none;
text-align:center;
}

.tooltip span.top{padding: 10px 8px 0;
width:200px;
height:10px;
border: 0px solid #abcdef; 
background: url(./images/bt.gif) no-repeat top;
   }

.tooltip b.bottom{padding:1px 8px 10px;color: #548912;
background: url(./images/bt.gif) no-repeat bottom;
   }
*/
  
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 40px 8px 0;border: 0px solid #ccc;
    background: url('../style/images/bt.gif') no-repeat top}

.tooltip b.bottom{padding:3px 8px 5px;color: #548912;border: 0px solid #FF0000;
    background: url('../style/images/bt.gif') no-repeat bottom}   
   
