div.usercp_nav_item {display: inline-block;
color: #5c453e;
background-color: rgb(167 166 163);
width: 131px;
height: 65px;
text-align: center;
margin: 4px 1px;
padding: 10px 14px 0px 10px;
font-size: 10pt;}

div.usercp_nav_item:hover {
	background-color: rgb(161 158 155);
	-webkit-transition: all ease 0.8s;
	-moz-transition: all ease 0.8s;
	-o-transition: all ease 0.8s;
	transition: all ease 0.8s;

}

div.usercp_nav_item a:link,
div.usercp_nav_item a:visited,
div.usercp_nav_item a:active {
	color: #80493c;
}

div.usercp_nav_item a:hover{
color: #5c453e;	
	text-decoration: none;
}

div.usercp_nav_item i {
	font-size: 30px;
	width: 131px;
	margin-bottom: 3px;
}

.usercp_notepad {
	width: 99%;
}

.usercp_container {
	margin: 5px;
	padding: 8px;
	border:1px solid #96948f;
}

.pmspace {
	float: right;
	margin: -3px 5px;
}

.pmspace_container {
	background: rgba(0,0,0,0.2);
	border: 1px solid #a54620;
	width: 100px;
	display: inline-block;
}

.pmspace_used {
	display: inline-block;
	color: #5c453e;
	margin: -1px;
}

.pmspace_used.low {
	border: 1px solid #0c5a01;
	background: #167203;
}

.pmspace_used.medium {
	background: #ff862b;
	border: 1px solid #d7611e;
}

.pmspace_used.high {
	background: #e73c3c;
	border: 1px solid #c00;
}

.pmspace_unused {
	display: inline-block;
}

.pmspace_text {
	padding: 1px 5px;
	display: inline-block;
}

.new_pm {
	font-weight: bold;
}