/* CSS Document */
.bubblewrap{
overflow:hidden;
list-style-type:none;
margin:0;
padding:0px;
margin-left:10px;
width:300px;
}

.bubblewrap li{
display:inline-block;
display:inline; /*For IE7 and less*/
position:relative;
width:55px;
height:50px;
float:left;
}

.bubblewrap li img{
position:absolute;
width: 45px; /*default width of each image.*/
height: 50px; /*default height of each image.*/
left:0;
top:0;
border:0;
}

.bubblewrap .tooltip{ /*CSS for image tooltip (alt attribute of image)*/
position:absolute;
font:bold 12px Arial;
padding:2px;
width:100px;
text-align:center;
background:white;
}





#orbs li{
width: 65px; /*width of image container. Should be wider than contained images (before bubbling) */
height:60px; /*height of image container. Should be taller than contained images (before bubbling) */
}

#orbs li img{
width: 55px; /*width of each image before bubbling*/
height: 60px; /*height of each image*/
}

#squares li{
width: 47px; /*width of image container. Must be wider than contained images (before bubbling) */
/*height:40px;*/ /*height of image container. Must be taller than contained images (before bubbling) */
margin-top:15px;
}

#squares li img{
width: 31px; /*width of each image before bubbling*/
height: 31px; /*height of each image*/
}