windows8online/iframeapps/common.css

body {
	font-family:Segoe UI;
	color:#FFFFFF;
	margin:0px;
	padding:0px;
}
iframe {
	display:block;
	border:none;
	position:absolute;
	z-index:-1;
}
object {
	position:absolute;
	z-index:-1;
}
img, a {
	outline:none;
	border:none;
}
@keyframes splash {
	from {
		opacity: 1;
	}
	to {
		opacity:0;
		display:none;
	}
}
@-ms-keyframes splash {
	from {
		opacity: 1;
	}
	to {
		opacity:0;
		display:none;
	}
}
@-webkit-keyframes splash {
	from {
		opacity: 1;
	}
	to {
		opacity:0;
		display:none;
	}
}
@-o-keyframes splash {
	from {
		opacity: 1;
	}
	to {
		opacity:0;
		display:none;
	}
}
#splashscreen {
	position:fixed;
	width:100%;
	height:100%;
	color:#FFFFFF;
	z-index:1;
}
#hoverarea {
	position:fixed;
	top:0px;
	right:0px;
	width:15px;
	height:15px;
	z-index:999;
}
#bottomhoverarea {
	position:fixed;
	bottom:0px;
	right:0px;
	width:15px;
	height:15px;
	z-index:999;
}
#starthoverarea {
	position:fixed;
	bottom:0px;
	left:0px;
	width:15px;
	height:15px;
	z-index:999;
}
#charmsbar {
	display:none;
	background-color:#111111;
	position:fixed;
	padding:5% 0;
	top:0px;
	right:0px;
	height:100%;
	width: 86px;

}
#settingscharms {
	padding : 40px;
	display:none;
	background-color:#3B66AD;
	position:fixed;
	top:0px;
	right:0px;
	height:100%;
	width: 345px;

}
#startbutton {
	display:none;
	position:fixed;
	left:0px;
	bottom:0px;
	z-index:999;
}
#iconnetwork {
	position:absolute;
	top:35px;
	left:25px;
}
#iconbattery {
	position:absolute;
	bottom:35px;
	left:32px;
}
#datetime {
	display:none;
	position:fixed;
	left:50px;
	bottom:50px;
	width:490px;
	height:139px;
	background-color: rgba(17,17,17,1);
}
#time {
	position:absolute;
	left:70px;
	bottom:19px;
	font-family: Segoe UI Light;
	font-size: 64pt;
}
#date {
	margin-top:20px;
	margin-right:20px;
	float:right;
	font-size:24pt;
	font-family: Segoe UI;
	color:#FFFFFF;
}