@font-face
		{
			font-family: DJB;
			src: url('../res/font/DJB_Chalk_It_Up.ttf');
		}
		
		@font-face{ 
			font-family: DJB_IE;
			src: url('../res/font/DJB_Chalk_It_Up.eot');
		}
		
		p, div, a, span{
			font-family: DJB, DJB_IE, "Comic Sans MS";
			font-size: 24px;
			color:white;
			-moz-user-select: -moz-none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
		
		input:focus, button:focus {
			outline: none;
		}
		
		button {
			background-color:#dddddd;
			display:block;
			border: 0px solid black;
			font-size: 24px;
			font-weight: bold;
			font-family: Helvetica, Arial, Sans-Serif;
			cursor: pointer;
			height: 42px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			margin:auto;
			-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
			-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
			box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.4);
			color: #000000;
		}
		
		button:hover{
			background-color: #ffffff;
		}

		button[disabled]{
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			opacity: 0.7;
			background-color: #ffffff;
			cursor: not-allowed;
		}

		input{
			color:#b8b8b8;
			font-family: Consolas;
			font-size: 18px;
			text-align: center;
			background-color: rgba(0, 0, 0, 0);
			border: 0px solid white;
			border-bottom: 1px solid white;
			width:50%;
			-moz-user-select: -moz-auto;
			-khtml-user-select: auto;
			-webkit-user-select: auto;
			-ms-user-select: auto;
			user-select: auto;
			text-shadow: 5px 5px 3px rgba(0,0,0,0.4)
		}
		
		input::-moz-selection
		{
			background-color: rgba(255, 255, 255, 0.2);
			color: black;
		}
		
		input::selection {
			background-color: rgba(255, 255, 255, 0.2);
			color: black;
		}
		
		a{
			cursor: pointer;
			text-decoration:underline;
		}
		
		a:hover{
			color: #cccccc;
		}
		
		[draggable=true] {
			-khtml-user-drag: element;
			-webkit-user-drag: element;
		}

		.footer {
			font-family: "Times New Roman", serif;
			font-size: 16px;
			color: #808080;
			position: absolute;
			bottom: 10px;
		}

		.row {
			display: flex;
			width: 100%;
			max-width: 100%;
			height: 100%;
		}

		.full {
			flex: 1 0 auto;
			padding: 0 15px;
			width: 100%;
			max-width: 100%;
			box-sizing: border-box;
		}

		.half {
			flex: 1 0 auto;
			padding: 0 15px;
			width: 50%;
			max-width: 50%;
			box-sizing: border-box;
		}
		#main{
			margin: auto;
			width: 1000px;
			height: 750px;
			background-image: url('../res/img/blackboard.jpg');
			background-color: #333333;
			background-repeat: no-repeat;
			background-size: 1000px 750px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}

		.header{
			font-family: DJB, DJB_IE, "Comic Sans MS";
			font-size: 30px;
			color:white;
			cursor: pointer;
			text-align: center;
			text-shadow: 5px 5px 3px rgba(0,0,0,0.4);
			width: 25%;
			-moz-user-select: -moz-none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}

		.week
		{
			font-size: 40px;
			display: inline-block;
			cursor: pointer;
			text-shadow: 5px 5px 3px rgba(0,0,0,0.4);
			width: 5.55%;
			text-align:center;
		}

		.header:hover
		{
			background-color: rgba(0,0,0,0.4);
		}

		.week:hover
		{
			background-color: rgba(0,0,0,0.4);
		}

		.week.week-playoff
		{
			font-size: 30px;
			width: 20%;
		}

		.week.week-playoff-back{
			opacity: 0.7;
		}

		.chosen
		{
			border-top: 5px solid white;
			background-color: rgba(0,0,0,0.2);
		}

		.fb{
			background-color: #3b5998;
			background-image: url('../res/logo/fb-logo.png');
			background-repeat: no-repeat;
			background-size: 38px 34px;
			background-position: center left;
			color: #ffffff;
			padding-left: 42px;
		}

		.fb:hover{
			background-color: #4264aa;
		}

		.fk {
			background-color: #1f2024;
			background-image: url('../res/logo/fk-logo-small.png');
			color: #ffffff;
			background-repeat: no-repeat;
			background-size: 30px 26px;
			background-position-x: left 4px;
			background-position-y: center;
            padding: 4px;
			padding-left: 42px;
            border: 2px solid #c0c0c0;
            line-height: 34px;
		}

		.fk:hover {
			background-color: #3a3c44;
		}

		#weekheader{
			margin: auto;
		}

		#save{
			position:absolute;
			right: 30px;
			bottom: 20px;
		}

		#save-notification {
			position: absolute;
			right: 150px;
			bottom: 20px;
			font-size: 90%;
			line-height: 42px;
		}

		#save-notification.success {
			color: #00c000;
		}

		#save-notification.error {
			color: #ff0000;
		}

		.cover{
			font-family: DJB, DJB_IE, "Comic Sans MS";
			font-size: 25px;
			color:white;
			padding-top: 200px;
			text-align:center
		}

		.cover34{
			font-family: DJB, DJB_IE, "Comic Sans MS";
			font-size: 25px;
			color:white;
			margin-top: 100px;
			text-align:center
		}

		.help{
			position:absolute;
			left: 30px;
			bottom: 20px;
			width: 42px;
		}

		.alertbox
		{
			position:relative;
			top: -750px;
			margin: auto;
			width: 1000px;
			height: 750px;
			background-color: rgba(0,0,0,0.7);
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
		}

		.alert{
			position: relative;
			top: 300px;
			background-color: black;
			border: 5px solid white;
			width: 300px;
			height: 150px;
			margin: 0px auto 0px auto;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}

		.footer{
			font-family: "Times New Roman", serif;
			font-size: 16px;
			color: #808080;
			position: absolute;
			bottom: 10px;
		}

		a[href^="mailto:"]
		{
			font-family: 'Times New Roman', serif;
			font-size: 16px;
			color: #808080;
			-moz-user-select: -moz-text;
			-khtml-user-select: text;
			-webkit-user-select: text;
			-ms-user-select: text;
			user-select: auto;
		}

		a[href^="mailto:"]:hover
		{
			color: #a0a0a0;
		}

		a[href^="mailto:"]::-moz-selection
		{
			background-color: rgba(255, 255, 255, 0.2);
			color: black;
		}

		a[href^="mailto:"]::selection {
			background-color: rgba(255, 255, 255, 0.2);
			color: black;
		}

		.footer a
		{
			font-family: 'Times New Roman', serif;
			font-size: 16px;
			color: #808080;
			-moz-user-select: -moz-text;
			-khtml-user-select: text;
			-webkit-user-select: text;
			-ms-user-select: text;
			user-select: auto;
		}

		.footer a:hover
		{
			color: #a0a0a0;
		}

		.footer a::-moz-selection
		{
			background-color: rgba(255, 255, 255, 0.2);
			color: black;
		}

		.footer a::selection {
			background-color: rgba(255, 255, 255, 0.2);
			color: black;
		}

		button.unstyled,
		button.unstyled:hover {
			background: none;
			color: inherit;
			border: none;
			padding: 0;
			font: inherit;
			cursor: pointer;
			outline: inherit;
			box-shadow: none;
		}