/* Anything within transparent will be affected */
.transparent {
width:80%;
font-face: verdana,arial,helvetica;
background-color: #ffffff;
border-width: 1px;
border-style: solid;
border-color: #000000;
padding: 8px;
color: #ff0000;
font-size: 48px;
filter:alpha(opacity=30);
-moz-opacity:0.3;
}
/* A background image on which to place the element*/
.background {
background: url(graphics/tile_marble.jpg);
background-repeat: repeat;
border-width: 1px;
border-style: solid;
border-color: #000000;
padding: 16px;
}
.text_box {
position: relative;
background-color: #cccccc;
bottom: 2px;
right: 2px;
}
.shadow {
position: relative;
background-color: #cccccc;
bottom: 2px;
right: 2px;
}
.shadow_edge {
position: relative;
background-color: #dddddd;
bottom: 4px;
right: 4px;
}
.text_box {
background-color: #ffffff;
color: #000000;
border: 1px solid #000000;
padding: 4px;
}
.b5, .b6, .b7, .b8{
font-size:1px; 
overflow:hidden; 
display:block;
}
.b5 {
height:1px; 
background:#bbbbbb; 
margin:0 5px;
}
.b6 {
height:1px; 
background:#c6ffe7; 
border-right:2px solid #bbbbbb;
border-left:2px solid #bbbbbb; margin:0 3px;
}
.b7 {
height:1px; 
background:#c6ffe7; 
border-right:1px solid #bbbbbb;
border-left:1px solid #bbbbbb; margin:0 2px;
}
.b8 {
height:2px; 
background:#c6ffe7; 
border-right:1px solid #bbbbbb;
border-left:1px solid #bbbbbb; margin:0 1px;
}
.bubble {
background: #c6ffe7; 
border-right:1px solid #bbbbbb;
border-left:1px solid #bbbbbb;
}
.bubble div {
margin-left: 5px; 
margin-right: 5px; 
color: #000000; text-align: left; 
font-size: 1em;
}