.head-logo {
	color : #222;
	margin :	8px 15px;
	height:80px;
	background: url("logonya.png") top left no-repeat;
	padding-left: 100px;
}
.head-title {
	padding-top:8px;
	font:26px Tahoma bold;
	text-transform:uppercase;
	color : #333;
}
.head-subtitle {
	font:20px Helvetica, Arial, sans-serif bold;
}
.head-xtitle {
	font:15px Helvetica, Arial, sans-serif bold;
}
#x-menu,#x-tool {
	padding: 0 8px;
	background:#ffffff;
}
#x-content{
	background:url('images/mail_watermark.png');
	background-position: 50% 50%;
	background-repeat: no-repeat no-repeat;
}
#x-status .left{

	float:left;
}
#x-status .right {
	float:right;
	padding:3px 6px;
	text-transform:capitalize;
}
.red {
	color:red;
}
li.user-edit
{
background-image: url(icons/user_edit.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
li.user-logout
{
background-image: url(icons/offline.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
li.user-pass
{
background-image: url(icons/key.png);
background-repeat: no-repeat;
background-position: 0 50%;
padding: 3px 0 3px 20px;
margin: .4em 0;
}
li.user-pass a,li.user-edit a,li.user-logout a {
	text-decoration:none;
	color:#15428b;
}
.offline
{
background-image: url(icons/offline.png);
background-repeat: no-repeat;
background-position: 0 50%;
margin: 1px 3px;
padding: 3px 0 3px 20px;
color:red;
}
.online
{
background-image: url(icons/accept.png);
background-repeat: no-repeat;
background-position: 0 50%;
margin: 1px 3px;
padding: 3px 0 3px 20px;
color:#222;
}
.td12 {
	padding : 5px 2px;
}