/* Text formatting */
p {
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
  color: #869927;
  font-weight: bold;
}

h1 
{
	font-size: 200%;

}

h2 
{
	font-size: 180%;

}

h3 
{
	font-size: 160%;

}

h4 
{
	font-size: 140%;

}

h5 
{
	font-size: 120%;

}

h6 
{
	font-size: 110%;
}

.bold 
{
	font-weight: bold;  
}

.underline 
{
  text-decoration: underline;  
}

.small 
{
	font-size: 11px;  
}

.smaller 
{
	font-size: 9px;  
}

.big {
  font-size: 12px;  
}


.centered {
  text-align: center;
}

.vcentered {
  vertical-align: middle;
}

.vspace10top {
  padding-top: 10px;
}

p.indented {
  padding-left: 10px;
}

.red {
  color: red;
}

.green {
  color: green;
}

.darkgreen {
  color: #869927;
}

a:hover span.darkgreen {
  color: black;
}

.faded {
  color: #777777;
}

.lightfaded {
  color: #999999;
}

ul.bullets {
  list-style: disc inside;
}

.radiospeak_group
{
	color: #0099FF;
}



.ach_name
{
	color: #EABD9D;
}


.ach_name a,
.ach_name a:visited
{
	color: #EABD9D;
}


.ach_name a:hover
{
	color: #FFFF00;
}


.ach_complete_box
{
	width: 420px;
	background: #000;
	border: 1px solid #869927;
	padding: 7px;
	display: table;
}


.ach_box
{
	width: 420px;
	background: #000;
	border: 1px solid #CCCCCC;
	padding: 7px;
	display: table;
}


.ach_box .pb_box
{
	margin-top: 10px;
	height: 12px;
	width: 280px;
	background: #9D9D9D;
	border: 1px solid #2c8251;
	overflow: hide;
}


.ach_box .description
{
	margin-top: 7px;

}



.ach_box .pb_outer
{
	width: 360px;
	display: table;
	
}



.pb_label
{
	float: right; 
	width: 70px;
	margin-top: 8px;
}


.pb_bar
{
	height: 100%;
	float: left;
	background: url( '/assets/achievements/bar_bg.png' );
	
}


.ach_icon
{
	float: left;
	margin: 4px;
}


/* Skills */

.skill_box
{
	width: 400px;
	height: 64px;
	border: 1px solid #666666;
	background: #000;
	display: table;
	padding: 3px;
	
}



.skill_box_purchased
{
	width: 400px;
	height: 64px;
	border: 1px solid #869927;
	background: #000;
	display: table;
	padding: 3px;	
}


.skill_box_purchased .icon
{
	float: left;
	margin: 5px;
	
}


.skill_box .icon
{
	float: left;
	margin: 5px;
	
}


.req_has
{
	color: #00FF33;
	font-weight: bold;

}



.req_missing
{
	color: #FF0000;
	font-weight: bold;
	
}



.skill_box .unlocks,
.skill_box_purchased .unlocks
{
	color: #00FF00;
	font-weight: bold;
}



.skill_box:hover
{
	/*background: #232323;*/
	border: 1px solid #869927;
}



.skill_box .description
{
	margin-top: 2px;
	margin-bottom: 2px;
	color: #999999;

}



.skill_box_purchased .description
{
	margin-top: 2px;
	margin-bottom: 2px;
	color: #fff;
}



.sk_lvl_box
{
	position: relative;
	right: -10px;
	
}



.skill_box img
{
	margin: 2px;
}



.skill_box .cant_buy
{
	color: #6A6A6A;
	font-weight: bold;
}



.skill_box .buy
{
	font-size: 18px;
	font-weight: bold;
	float: right;
	
}


h6
{
	margin: 2px;
}




.ep_bar
{
	background: url( '/assets/ep_bar.png' ); 
	height: 10px;
}


.hp_bar_zombie
{
	 background: url( '/assets/hp_bar_zombie.png' ); 
	 height: 10px;
	 border-right: 1px solid #00FF00;
	 
}



.hp_bar_human
{
	background: url( '/assets/hp_bar_human.png' );
	height: 10px;
	border-right: 1px solid #FF0000;
	
}


.bloodstain_fresh
{
	font-weight: bold;

		color: #990000;
}


.bloodstain_dried
{
	font-weight: bold;
	color: #FF0000;
	color: #CC0000;

}


.bloodstain_faded
{	
	font-weight: bold;
	color: #993333;
}


.mm_my_sq
{
	border: 2px solid #ff0000 !important;
	
}

.mm_sq
{
	width: 18px;
	height: 18px;
	border: 2px solid #fff;
	float: left;
	color: #000;
	font-weight: bold;
	background: #FFFFFF url( '/assets/icons/metamap/blank.jpg' );
	cursor: pointer;
	text-align: center;
}

.mm_sq_note
{
	border: 2px solid #FFFF00;
	
}

.mm_sq_selected
{
	border: 2px solid #000000;
}

.mm_sq:hover
{
	border: 2px solid #000000;
}

.mm_highlight
{
	border: 2px solid #FF00FF;
}

#mm_sq_details
{

	border: 1px solid #00CCCC;
	margin-left: 10px;

}

.mm_dbdr_right
{
	border-right: 2px solid #000;

}

.mm_dbdr_left
{
	border-left: 2px solid #000;
}

.mm_dbdr_bottom
{
	border-bottom: 2px solid #000;
}

.mm_dbdr_top
{
	border-top: 2px solid #000;
}


.loader_box
{
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}