/*  hotbox css  */
body { margin: 0px; font-family: Verdana, arial, helvetica, sans-serif; color: #666666; background-color: #EEEEEE; font-size: x-small; }

a.hblink { color: #333333; font-weight: bold; font-style: italic; text-decoration: none; }
a.hblink:hover { text-decoration: underline; }
a.hbposter { color: #333333; font-weight: bold; text-decoration: none; }
a.hbposter:hover { text-decoration: underline; }

.post1 { background: #F9F9F9; color: #666666; padding: 3px 5px; font-size: x-small; z-index: 99; line-height: 1.3; }
.post0 { background: #EFEFEF; color: #666666; padding: 3px 5px; font-size: x-small; line-height: 1.3; }

a.ismynick { color: #6F1300; font-weight: bold; text-decoration: none; }
a.ismynick:hover { text-decoration: underline; }

#hbtop { position: relative; border-color: #CCCCCC; border-style: solid; border-width: 0px 0px 1px 0px; }
#hbtop .superscript { font-size: 10px; font-family: American Typewriter, Courier, Arial; margin: 0px; padding: 0px; font-weight: 400; }
#hbtop h3.hbhead { margin: 0px; padding: 0px; width: 220px; height: 40px; text-indent: -9999px; display: block; background: #EFEFEF url(/images/head_hotbox.gif) no-repeat bottom; }
.smilieslink { position: absolute; bottom: 3px; right: 10px; font-size: xx-small; }
.smilieslink a { color: #999999; text-decoration: none; }
.smilieslink a:hover { text-decoration: underline; }

#hbform { position: relative; background: #EFEFEF; border-color: #CCCCCC; border-style: solid; border-width: 0px 0px 1px 0px; padding: 5px; height: 24px; }

#hbinput { position: absolute; left: 10px; top: 7px; width: 150px; border: 1px solid #CCCCCC; }
#submitdot { position: absolute; right: 42px; bottom: 13px; }
#refreshdot { position: absolute; right: 10px; bottom: 7px; }