#ol { background-color: transparent; z-index: 9999; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; padding: 0px; margin: 0px; border: none;}
#fd { background-color: black; opacity: 0.5; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0px; border: none;}
#cl { background-color: transparent; opacity: 0.0; position: fixed; left: 0px; top: 0px; display: block; padding: 0px; margin: 0px; width: 34px; height: 34px; cursor: pointer;}
#tx { background-color: transparent; position: fixed; left: 40px; top: 0px; display: table; padding: 0px; margin: 0px; width: auto; height: 24px; vertical-align: bottom; overflow: hidden;}
#tl { display: table-cell; width: auto; height: 0.9em; text-shadow:black 0px 0px 4px; color: white; font: bold 0.9em Tahoma, Arial, Helvetica, sans-serif; vertical-align: bottom; }

.ol { background-color: transparent; position: absolute; left: 0px; top: 0px; padding: 0px; margin: 0px; border: none; width: 100%; height: 100%;}

.ol_t { background: url(t.png) repeat-x transparent; }
.ol_r { background: url(r.png) repeat-y transparent; }
.ol_b { background: url(b.png) repeat-x transparent; }
.ol_l { background: url(l.png) repeat-y transparent; }
.ol_rt { background: url(rt.png) transparent; }
.ol_rb { background: url(rb.png) transparent; }
.ol_lb { background: url(lb.png) transparent; }
.ol_lt { background: url(lt.png) transparent; }
.ol_cl { background: url(cl.png) transparent; }
.ol_ct { background: white url(indicato.gif) 50% 50% no-repeat; height:100%; padding: 0px; margin: 0px;}

.ex:link {color:white; text-decoration:none;} 
.ex:visited {color:white; text-decoration:none;} 
.ex:active {color:#fa0; text-decoration:none;} 
.ex:hover {color:#fa0; text-decoration:none;}