body {
	margin-top: 30px;
	margin-bottom: 30px;
 	padding: 0px;
 	background-color: #393c3e;
	color: #c3c4c4;
	font-family: Verdana;
	font-size: 11px;

 }

img {
	padding: 0px;
	spacing: 0px;
	border: 0px;
}


table {
	border: red solid 0px;
	border-collapse: separate;
	border-spacing: 0px;
}

td {
	padding: 0px;
	spacing: 0px;
	vertical-align: center;
}


#container, #content {
	width: 1010px;
	margin: 0px auto;
	margin-bottom: 30px;

}


#logo {
	float: left;
	width: 400px;
	height: 80px;

}

#desc {
	float: left;
	padding-top: 10px;
	width: 575px;
	height: 70px;
	font-size: 11px;
	color: #aaa;

}

#info {
	float: left;
	width: 25px;
	padding-top: 10px;
	height: 70px;
}

#header {
	height: 0px;
}


#bar1, #bar2, #bar3, #bar4, #bar5 {
	float: left;
	width: 200px;
}


.sfroms {
	float: left;
	margin-right: 2px;
	width: 198px;
	height: 64px;
}

.blanks {
	clear: both;
	width: 198px;
	margin-right: 2px;
	height: 1px;
}


.name {
	margin-top: 27px;
	clear: both;
	width: 198px;
	margin-right: 2px;
	height: 43px;
}

.portrait {
	clear: both;
	margin-right: 2px;
	width: 198px;
	height: 68px;
	background: #393c3e url('images/ground_portrait.gif') no-repeat;
	font-size: 9px;
}

.talent, .talent1, .talent2 {
	clear: both;
	margin-right: 2px;
	padding-left: 8px;
	width: 190px;
	height: 47px;
	background: #393c3e url('images/ground_talents.gif') no-repeat;
	color: #9d9e9f;
}

.talent1 {
	background: #393c3e url('images/ground_talents1.gif') no-repeat;
}

.talent2 {
	background: #393c3e url('images/ground_talents2.gif') no-repeat;
}



.profession {
	clear: both;
	margin-right: 2px;
	width: 190px;
	padding-left: 8px;
	height: 45px;
	background: #393c3e url('images/ground_bar_dark.gif') repeat-y;
	color: #9d9e9f;
}

.bars {
	clear: both;
	margin-right: 2px;
	width: 198px;
	height: 34px;
	margin-top: 2px;
}


.health {
	margin-right: 2px;
	width: 198px;
	height: 15px;
	background: #393c3e url('images/ground_health.gif') no-repeat;
	text-align: center;
	color: #fff;

}

.mana, .rage, .runic, .energy {
	margin-top: 2px;
	margin-right: 2px;
	width: 198px;
	height: 15px;
	background: #393c3e url('images/ground_mana.gif') no-repeat;
	text-align: center;
	color: #fff;
}

.rage {	background: #393c3e url('images/ground_rage.gif') no-repeat; }
.runic { background: #393c3e url('images/ground_runic.gif') no-repeat; }
.energy {	background: #393c3e url('images/ground_energy.gif') no-repeat; }



.achievement {
	clear: both;
	margin-right: 2px;
	width: 190px;
	padding-left: 8px;
	height: 46px;
	background: #393c3e url('images/ground_achiv.gif') repeat-y;
	color: #9d9e9f;
}

.stati {
	width: 198px;
	float: left;
	margin-right: 2px;
	background-color: red;

}


.stat_title {
	clear: both;
	height: 23px;
	padding-left: 8px;
	padding-top: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	background: #393c3e url('images/ground_cloud.gif') no-repeat;
}

.base, .melee, .spell, .ranged, .defense  {
	background: #393c3e url('images/ground_bar_light.gif') repeat-y;
	color: #9d9e9f;
}



.glyph {
	clear: both;
	margin-right: 2px;
	height: 138px;
	width: 190px;
	background: #393c3e url('images/ground_bar_dark.gif') repeat-y;
	color: #9d9e9f;
	font-size: 9px;
	padding-left: 8px;
}

.items {
	clear: both;
	margin-right: 2px;
	height: 361px;
	width: 182px;
	background: #393c3e url('images/ground_bar_light.gif') repeat-y;
	color: #9d9e9f;
	font-size: 9px;
	padding-left: 8px;
	padding-right: 8px;
}


.sites {
	clear: both;
	margin-right: 2px;
	width: 190px;
	height: 20px;
	padding-top: 3px;
	padding-left: 9px;
	background: #393c3e url('images/ground_bar_dark.gif') repeat-y;
	color: #9d9e9f;

}



#footer {
	clear: both;
	margin-top: 30px;
	font-size: 9px;
	color: #999;
}



.stat_row1 {
	padding-left: 8px;
	height: 19px;
	text-align: left;
	}

.stat_row2 {
	padding-right: 15px;
	height: 19px;
	text-align: right
	}


.char_name {
	color: #c4efff;
	font-size: 11px;
	font-weight: bold;
}

h2 {
	color: #C4EFFF;
	font-size: 11px;
	font-weight: bold;
  margin-bottom: 0;

}

.char_guild {
	color: #a3b0bb;
	font-size: 10px;
	font-weight: bold;
}


.char_level {
	color: #c4efff;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}



a {
	color: #ffde00;
	text-decoration: none

}


.char_guild a {
	color: #a3b0bb;
}

.char_guild a:hover {
	color: #b3c0cb;
}






.input_name {
	border: solid 0 #fff;
	width: 145px;
	height: 20px;
	padding: 2px 8px;
	background: url('images/input_name.gif') no-repeat;
	color: #c5c5c6;
	font-size: 11px;
}


.input_server {
	border: solid 0 #fff;
	width: 97px;
	height: 20px;
	padding: 2px 8px;
	background: url('images/input_server.gif') no-repeat;
	color: #c5c5c6;
	font-size: 11px;
}


.input_select {
	border: solid 0 #fff;
	width: 160px;
	height: 20px;
	padding: 2px 0px 2px 0px;
	background: #333 url('images/input_name.gif') no-repeat;
	color: #c5c5c6;
	font-size: 11px;
}

select {
	padding-left: 8px;
	background-color: #333
	color: #ddd;
	}


.input_world {
	border: solid 0 #fff;
	border: 0px;
	width: 39px;
	height: 20px;
	padding: 2px 12px;
	margin-left: 3px;
	background: url('images/input_world.gif') no-repeat;
	color: #c5c5c6;
	font-size: 11px;
}


.button {
	width: 103px;
	height: 20px;
	border: 0px solid #000;
	background: url('images/button.gif') no-repeat;
	text-align: center;
	padding: 0px;
	font-size: 10px;
	color: #ffde00;
}

.button:focus, .button:hover {
	background: url('images/button_on.gif') no-repeat;
}


.input_name:focus {
	background: url('images/input_name_on.gif') no-repeat;
}

.input_server:focus {
	background: url('images/input_server_on.gif') no-repeat;
}

.input_world:focus {
	background: url('images/input_world_on.gif') no-repeat;
}


.min {
	color: #ff693b;
}

.max {
	color: #9be300;
}


.character {
	font-size: 9px;
	color: #aaa;
	margin-bottom: 2px;
}