ul.quickbar { border: 1px solid black; background-color: #F1EBDD; border-spacing:1px; list-style-type:none; padding:0; margin:0 auto; } ul.quickbar li { padding:0px; padding-left: 4px; padding-right: 4px; white-space: nowrap; background-color: #F8F4E8; background-image:url(/graphic/background/grey.jpg); display:inline; } .icon { width: 18px; height: 18px; display:inline-block; margin: auto 2px auto 0; overflow: hidden; background-repeat: no-repeat; } body:empty .icon { display:block; } td .icon-box { width: 20px; height: 20px; text-align: center; vertical-align: middle; overflow: hidden; } .icon.header { background-image: url('/graphic/icons/header.png'); } .header.wood { background-position: -17px 0px; } .header.stone { background-position: -36px 0px; } .header.iron { background-position: -55px 0px; } .header.ressources { background-position: 0px 0px; } .header.population { background-position: -72px 0px; } .header.new_post { background-position: -93px -3px; width: 12px; height: 12px; } .header.new_report { background-position: -149px -3px; width: 17px; height: 12px; } .header.new_mail { background-position: -132px -3px; width: 17px; height: 12px; } .header.knight { background-position: -180px 0px; } .header.incomings { background-position: -198px 1px; } .header.arr_right { background-position: -118px -0.4px; height: 15px; width: 15px; } .header.arr_left { background-position: -105px -0.4px; height: 15px; width: 15px; } .header.arr_down { background-position: -166px -0.4px; width: 14px; } .icon.ally { background-image: url('/graphic/icons/ally_rights.png'); } .ally.founder { background-position: -75px 0px; } .ally.lead { background-position: -132px 0px; } .ally.invite { background-position: -113px 0px; } .ally.diplomacy { background-position: -37px 0px; } .ally.mass_mail { background-position: 0px 0px; } .ally.forum_mod { background-position: -56px 0px; } .ally.internal_forum { background-position: -94px 0px; } .ally.trusted_member { background-position: -18px 0px; } #tooltip { position: absolute; min-width: 100px; max-width: 300px; z-index: 30000; border:2px solid #804000; background-color:#F1EBDD; background-image:url("../graphic/background/content.jpg"); padding: 7px; opacity: 1.0; } #tooltip h3, #tooltip div { margin: 0; } #tooltip h3 { font-size: 12px; padding-bottom: 2px; }