#facebox .b { background: url('b.png'); }
#facebox .tl { background: url('tl.png'); }
#facebox .tr { background: url('tr.png'); }
#facebox .bl { background: url('bl.png'); }
#facebox .br { background: url('br.png'); }

#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }

#facebox .popup { position: relative; }

#facebox table { border-collapse: collapse; }
#facebox td { border-bottom: 0; padding: 0; }

#facebox .body { padding: 10px; background: #fff; width: 370px; }

#facebox .loading { text-align: center; }

#facebox .image { text-align: center; }

#facebox img { border: 0; margin: 0; }

#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }

#facebox .close { margin-left: auto; display: block; background: url('closelabel.gif') left top no-repeat; height: 22px; width: 66px; text-decoration: none; font-size: 0px; line-height: 0px; }

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br { height: 10px; width: 10px; overflow: hidden; padding: 0; }

#facebox_overlay { position: fixed; top: 0px; left: 0px; height: 100%; width: 100%; }

.facebox_hide { z-index: -100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }

* html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#facebox p { color: #333; font-size: 12px; font-family: verdana, arial, sans-serif; }
#facebox h1, #facebox h2, #facebox h3, #facebox h4, #facebox h5, #facebox h6 { color: #333; font-family: verdana, arial, sans-serif; }
#facebox h1 { font-size: 17px; }
#facebox h2 { font-size: 16px; }
#facebox h3 { font-size: 15px; }
#facebox h4 { font-size: 14px; }
#facebox h5 { font-size: 13px; }
#facebox h6 { font-size: 12px; }
