.metro div.background-fixe{
		position: fixed;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
	/*	background-color: rgb(51, 51, 51);*/
		background-color: #111111;
		z-index: 0;}
		
	.metro div.background-area{
		position: absolute;
		width: 1280px;
		height: 768px;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
		position-z : -9;}
		
	.metro div.background-area img.wallpaper{
		width: inherit;
		height: 768px;
		position-z : -8;}
		
	.metro div.content-area{
		position: absolute;
		width: 1280px;
		height: 768px;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
		position-z : 0;}
		
		.metro div.content-area div.content-area-header{
			position: relative;
			width: inherit;
			height: 120px;
			position-z : 1;}
	
			.metro div.content-area div.content-area-header div.content-area-header-left{
				float: left;
				width: 50%;
				height: 100%;}
				
				.content-area-title{
					position:relative;
					top:20px;
					left:80px}
					
			.metro div.content-area div.content-area-header div.content-area-header-right{
				float: right;
				width: 50%;
				height: 100%;}
				
				.metro div.content-area div.content-area-header div.content-area-header-right .user-id{
					float: right;
					margin-right:80px;
					margin-top: 40px;
					display: inline-block;
					padding: 8px;
					background-color: transparent;
					width: auto;
					color: #FFFFFF;
					cursor: default}
		
		.metro div.content-area div.content-area-header div.content-area-header-right  .user-id .user-id-image{
			width:40px;
			height:40px;
			float:right;
			margin-left:10px;
			color:inherit;
			background-color:#333333;
			text-align:center;
			vertical-align:middle}
			
			.metro div.content-area div.content-area-header div.content-area-header-right  .user-id .user-id-image img,.metro .tile-area .user-id .user-id-image [class*="icon-"]{
				color:inherit;
				font-size:16pt;
				line-height:16pt;
				width:100%;
				height:100%;
				text-align:center;
				vertical-align:middle}
			
			.metro div.content-area div.content-area-header div.content-area-header-right  .user-id .user-id-image [class*="icon-"]{
				padding:10px}
				
			.metro div.content-area div.content-area-header div.content-area-header-right  .user-id .user-id-name{
				float:right;
				text-align:right;
				margin:0;
				padding:0}
				
				.metro div.content-area div.content-area-header div.content-area-header-right  .user-id .user-id-name .first-name,.metro .tile-area .user-id .user-id-name .last-name{
					display:block;
					color:inherit;
					font-family:'Segoe UI Light_','Open Sans Light',Verdana,Arial,Helvetica,sans-serif;
					line-height:12pt}
					
					.metro div.content-area div.content-area-header div.content-area-header-right  .user-id .user-id-name .first-name{
						font-size:20pt;
						line-height:20pt}
						
						.metro div.content-area div.content-area-header div.content-area-header-right  .user-id .user-id-name .last-name{
							font-size:12pt}
							
			.metro div.content-area div.content-area-header div.content-area-header-right  .user-id:hover{
				background-color:#111111;}
				
				
		.metro div.content-area div.content-area-slide{
			position: relative;
			width: inherit;
			height: 582px;
			overflow: auto;
			/*background-color: #EEEEEE;*/}		
				
				
		.metro div.content-area-footer{
			position: relative;
			width: inherit;
			height: 20px;
			padding-right: 20px;
			font-size: 0.8em;
			color: #EEEEEE;
			text-align: right;
			overflow: auto;
			background-color: #000000;
			filter: alpha(opacity=75);
			-moz-opacity:0.75;
			opacity: 0.75;}