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);
}

