/* CSS Reset + Font */
body {
	font-family:Segoe UI;
}
img, a {
	border:none;
	outline:none;
}
/* Charms */
/* Hover areas */
#hoverarea {
	position:fixed;
	top:0px;
	right:0px;
	width:15px;
	height:15px;
}
#bottomhoverarea {
	position:fixed;
	bottom:0px;
	right:0px;
	width:15px;
	height:15px;
}
#starthoverarea {
	position:fixed;
	bottom:0px;
	left:0px;
	width:15px;
	height:15px;
}
/* Charms bar */
#charmsbar {
	z-index:2;
	display:none;
	background-color:#111111;
	position:fixed;
	padding:5% 0;
	top:0px;
	right:0px;
	height:100%;
	width: 86px;

}
/* Start button */
#startbutton {
	display:none;
	position:fixed;
	left:0px;
	bottom:0px;
	margin:0;
	padding:0;
}
/* Date and time on charms */
#datetime {
	display:none;
	position:fixed;
	left:50px;
	bottom:50px;
	width:490px;
	height:139px;
	background-color: rgba(17,17,17,0.96);
	color:#FFFFFF;
}
#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;
}
#iconnetwork {
	position:absolute;
	top:35px;
	left:25px;
}
#iconbattery {
	position:absolute;
	bottom:35px;
	left:32px;
}

/* Text styling on Settings, share charms */

.ch1 {
	font-family:Segoe UI Semilight;
	font-size:28px;
	margin-bottom:25px;
}
.ch2 {
	font-size:11pt;
	margin-bottom:25px;
} 
.ch2d {
	font-size:11pt;
	color:#A8A8A8;
	margin-bottom:25px;
} 
.sharing {
	font-size:14pt;
}
/* Close button on settings, share charms */
.closesettings {
	float:right;
	height:32px !important;
	width:32px !important;
	box-shadow:none !important;
	background-image: url(images/charmsbar/settings/close.png);
}
/*.closesettings:hover {
	background-image: url(images/charmsbar/settings/close-hover.png);
}*/
.closesettings:active {
	background-image: url(images/charmsbar/settings/close-active.png);
}
/* Charms */
.charms {
	z-index:2;
	background-color:#001E4E;
	padding : 40px;
	position:fixed;
	top:0px;
	right:0px;
	height:100%;
	width: 345px;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display:none;
	color:#FFF;
}
/* Settings charms */
#settingscharms {

}