My cBox Style

<style type="text/css">
#gb{
position:fixed;
top:55px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZp4NVGLP6ItC6vNFAnVg7zP7iMhm8Bsc29aZgV9_G5MxjODc2TwnEPewHwYHI-GR9u1vrmLNM5wOQQ470mYrfgXGd_3_j9AJa_ecR-UGdf1T2RPl2rRx-zEXGJiL0rb9n1BsLfRSzr-g/s1600/a29.us.to.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #ffffff;
-moz-border-radius-bottomleft:2px;
-webkit-border-radius-bottomleft:2px;
-o-border-radius-bottomleft:2px;
-khtml-border-radius-bottomleft:2px;
-moz-border-radius-topright: 2px;
-moz-border-radius-topleft: 2px;
background: #00786c  url(http://a6.sphotos.ak.fbcdn.net/hphotos-ak-snc6/180032_1284137480000_1727032703_516145_1943800_n.jpg)  no-repeat bottom;
padding:10px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="200" height="128" src="http://www4.cbox.ws/box/?boxid=3732167&amp;boxtag=z9h58r&amp;sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border: 0px solid;border-bottom:0px" id="cboxform"></iframe></div>
<div><iframe frameborder="0" width="200" height="252" src="http://www4.cbox.ws/box/?boxid=3732167&amp;boxtag=z9h58r&amp;sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border: 0px solid;" id="cboxmain"></iframe></div>
</div>
<!-- END CBOX -->
<div style="text-align:left">
<a href="javascript:showHideGB()" title="Tutup!">
<b style="color: #009e87;">[</b><span style="color: white;">x</span><b style="color: #009e87;">]</b>
</a>

</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>