div.darkmain { background: #000000 url(../art/rostbg.png) repeat-x; } div.darkmain h1 { color: #b0bb2e; } div.darkmain h4 class="youreeka" { background-color: #111; color: #bbb; } div.roster { height: 420px; padding: 20px 45px 20px 45px; position: relative; } div.rosterinfo { display: none; } div.roster div.infobox { position: absolute; width: 438px; height: 360px; background-repeat: no-repeat; color: #ddd; z-index: 30; } div.roster div.infobox span.name { font-size: 18px; color: #b0bb2e; font-family: "Droid Sans", myriad, helvetica, verdana; display: block; } div.roster div.infobox span.age, div.roster div.infobox span.hometown, div.roster div.infobox span.rank, div.roster div.infobox span.discharge { font-size: 13px; } div.roster div.infobox span.rd { color: #b0bb2e; } div.roster div.infobox div.bodytext { margin-top: 8px; font-size: 12px; overflow: auto; padding: 4px; background-color: #c4c1b5; color: #333; } div.roster div.infobox div.bodytext img { border: 1px solid #948c71; width: 180px; float: left; margin: 0 8px 8px 0; } table.roster { width: 100%; border-collapse: collapse; } table.roster td { background-color: #333; vertical-align: center; padding: 0; margin: 0; } table.roster td:hover { background-color: #b0bb2e; } table.roster td span.ros, table.roster td span.rosinactive { background-position: center; border: 3px solid #333; display: block; height: 120px; background-repeat: no-repeat; } table.roster td span.ros { cursor: pointer; } table.roster td:hover span.ros { border: 3px solid #b0bb2e; } table.roster td span.r1 { background-image: url(../art/r1.jpg); } table.roster td span.r2 { background-image: url(../art/r2.jpg); } table.roster td span.r3 { background-image: url(../art/r3.jpg); } table.roster td span.r4 { background-image: url(../art/r4.jpg); } table.roster td span.r5 { background-image: url(../art/r5.jpg); } table.roster td span.r6 { background-image: url(../art/r6.jpg); } table.roster td span.r7 { background-image: url(../art/r7.jpg); } table.roster td span.r8 { background-image: url(../art/r8.jpg); } table.roster td span.r9 { background-image: url(../art/r9.jpg); } table.roster td span.r10 { background-image: url(../art/r10.jpg); } table.roster td span.r11 { background-image: url(../art/r11.jpg); } table.roster td span.r12 { background-image: url(../art/r12.jpg); } table.roster td span.r13 { background-image: url(../art/r13.jpg); } table.roster td span.r14 { background-image: url(../art/r14.jpg); } table.roster td span.r15 { background-image: url(../art/r15.jpg); } table.roster td span.r16 { background-image: url(../art/r16.jpg); } table.roster td span.r17 { background-image: url(../art/r17.jpg); } table.roster td span.r18 { background-image: url(../art/r18.jpg); } table.roster td span.r19 { background-image: url(../art/r19.jpg); } table.roster td span.r20 { background-image: url(../art/r20.jpg); } table.roster td span.r21 { background-image: url(../art/r21.jpg); } table.roster td span.r22 { background-image: url(../art/r22.jpg); } table.roster td span.r23 { background-image: url(../art/r23.jpg); } table.roster td span.r24 { background-image: url(../art/r24.jpg); } table.roster td span.r25 { background-image: url(../art/r25.jpg); } table.roster td span.r26 { background-image: url(../art/r26.jpg); } table.roster td span.r27 { background-image: url(../art/r27.jpg); } table.roster td span.r28 { background-image: url(../art/r28.jpg); } table.roster td span.r29 { background-image: url(../art/r29.jpg); } table.roster td span.r30 { background-image: url(../art/r30.jpg); } table.roster td span.r31 { background-image: url(../art/r31.jpg); } table.roster td span.r32 { background-image: url(../art/r32.jpg); } table.roster td span.r33 { background-image: url(../art/r33.jpg); } table.roster td span.r34 { background-image: url(../art/r34.jpg); } table.roster td span.r35 { background-image: url(../art/r35.jpg); } table.roster td span.r36 { background-image: url(../art/r36.jpg); } table.roster td span.r37 { background-image: url(../art/r37.jpg); } table.roster td span.r38 { background-image: url(../art/r38.jpg); } table.roster td span.r39 { background-image: url(../art/r39.jpg); } table.roster td span.r40 { background-image: url(../art/r40.jpg); } table.roster td span.r41 { background-image: url(../art/r41.jpg); } table.roster td span.r42 { background-image: url(../art/r42.jpg); }