@font-face {
  font-family: Lato-Light;

  src: url(../res/Lato-Light.ttf);
}

@font-face {
  font-family: Lato-Medium;
  src: url(../res/Lato-Medium.ttf);
}

@font-face {
  font-family: Lato-Bold;
  src: url(../res/Lato-Heavy.ttf);
}

@font-face {
	font-family: Segoe UI Light;
	src: url(../res/segoeuil.ttf);
}

@font-face {
	font-family: Segoe UI Semilight;
	src: url(../res/segoeuisl.ttf);
}

@font-face {
	font-family: Segoe UI Semibold;
	src: url(../res/segoeuisb.ttf);
}

/* Hides whatever it is applied to */
.hidden{
	opacity: 0 !important;
}

.notShown{
	display: none !important;
}

/* Makes anything with this class unselectable */
.unselectable{
	-webkit-user-select: none;  /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	-o-user-select: none;
	user-select: none;
	cursor: default;
}

body{
	background-repeat: repeat-x;
}

/** Changes the colors of links */
a{
	color:#444;
}

.taskBody{
	width:70%;
	left:15%;
	top: 80px;
	position:absolute;
	z-index: 0;
	padding-bottom: 45px;
}

.bottom + .header + .taskBody{
	top: 40px;
}