/******************************************************************************
* INFOBOX
*******************************************************************************/

#infobox { position:absolute; top: 40px; right:20px; width: 180px; }
.infocontent { width:170px; background: #fff url(../images/centerbg.png) 0 top repeat-x; padding: 3px 5px;}
.tl, .tr, .bl, .br { width: 7px; height:7px; display:block; line-height:7px; font-size:7px; }
.tl { background: url(../images/tl.png) 0 bottom no-repeat; }
.tr { background: url(../images/tr.png) 0 bottom no-repeat; }
.bl { background: url(../images/bl.png) 0 0 no-repeat; }
.br { background: url(../images/br.png) 0 0 no-repeat; }
.t { height:7px; line-height:7px; font-size:7px; background: url(../images/t.png) 0 bottom repeat-x; }
.b { height: 7px; background: url(../images/b.png) 0 0 repeat-x; }
.l { width: 7px; background: url(../images/l.png) 0 0 repeat-y; }
.r { width: 7px; background: url(../images/r.png) 0 0 repeat-y; }

.boxarrow { height: 7px; line-height:7px; font-size:7px; width:100%; background: url(../images/b_arrow.gif) 50% top no-repeat; }
.infoheader { height: 17px; font-size: 11px; color:#000000; border-bottom: 1px solid #e4e4e4; line-height:17px; padding-bottom:2px; }
.infoheader span { color: #1daf62; }
.infofooter { height: 17px; font-size: 11px; border-top: 1px solid #e4e4e4; line-height: 17px; padding-top:3px;  }
.infofooter a { color:#6a6a6a; }
.infoq { line-height: 18px; font-size: 11px; padding: 8px 5px; }
.infoq a { color: #3399cc; display:block; }
.infoq a:hover { color:#6a6a6a; }

.infopic { width: 70px; height: 122px; display:block; background: url(../images/infobox.png) 0 top no-repeat; margin-left:56px; }

a.upload { background: url(../images/buttonmenu_bg.png) no-repeat right bottom; }
a.upload span { background: url(../images/buttonmenu_bg.png) no-repeat left bottom; }

a.hd { background: url(../images/buttonmenu_red_bg.png) no-repeat right bottom; }
a.hd span { background: url(../images/buttonmenu_red_bg.png) no-repeat left bottom; }