@charset "utf-8";
/* CSS Document */

#roster {
	width: 100%;
	table-layout: fixed;
}

#roster .icons {
	width: 140px;
	text-align: left;
}
#roster .spec {
	width: 160px;
	text-align: right;
	padding-right: 10px;
}
#roster .level {
	width: 40px;
	text-align: center;
}
#roster .prof {
	text-align: left;
	padding-left: 10px;
}
#roster .rest {
	padding-right: 20px;
	text-align: right;
}

#roster th {
	padding: 3px 0;
	height: 24px;
	background-color: #3f4e63;
	color: #cfdce6;
}
#roster th.icons {
	padding-left: 58px;
}

#roster td {
	padding: 2px 0;
	height: 22px;
	border-top-color: #cfdce6;
	border-top-style: dashed;
	border-top-width: 1px;
	vertical-align: middle;
}

#roster td.icons img {
	margin-left: 2px;
	float: left;
}
#roster td.icons .name {
	margin-left: 15px;
	float: left;
	font-size: 12px;
	padding: 2px 0;
}

/* official class colors */
/* 
	druid #FF7D0A
	deathknight #C41F3B
	hunter #ABD473
	mage #69CCF0
	paladin #F58CBA
	priest #FFFFFF
	rogue #FFF569
	shaman #0070DE
	warlock #9482C9
	warrior #C79C6E
*/
.member-box {
	position: relative;
	width: 100px;
	height: 115px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	margin: 10px;
	
	background-repeat: no-repeat;
	background-position: top center;
}
.member-box .avatar {
	position: absolute;
	top: 8px;
	left: 8px;
	width: 84px;
	height: 84px;
}
.member-box .avatar img {
	width: 84px;
	height: 84px;
	border: none;
}
.member-box .box-name {
	position: absolute;
	bottom: 4px;
	left: 0px;
	width: 100px;
	text-align: center;
}
.member-box .box-icon1 {
	position: absolute;
	top: 0px;
	right: 0px;
}
.member-box .box-icon1 img {
	border: none;
}
.box-druid { color: #FF7D0A; background-image: url(/images/sts/backgrounds/images/box_druid.jpg); }
.box-warrior { color: #C79C6E; background-image: url(/images/sts/backgrounds/images/box_warrior.jpg); }
.box-hunter { color: #ABD473; background-image: url(/images/sts/backgrounds/images/box_hunter.jpg); }
.box-mage { color: #69CCF0; background-image: url(/images/sts/backgrounds/images/box_mage.jpg); }
.box-deathknight { color: #C41F3B; background-image: url(/images/sts/backgrounds/images/box_deathknight.jpg); }
.box-paladin { color: #F58CBA; background-image: url(/images/sts/backgrounds/images/box_paladin.jpg); }
.box-shaman { color: #0070DE; background-image: url(/images/sts/backgrounds/images/box_shaman.jpg); }
.box-warlock { color: #9482C9; background-image: url(/images/sts/backgrounds/images/box_warlock.jpg); }
.box-priest { color: #FFFFFF; background-image: url(/images/sts/backgrounds/images/box_priest.jpg); }
.box-rogue { color: #FFF569; background-image: url(/images/sts/backgrounds/images/box_rogue.jpg); }