* {
		padding: 0;
		margin: 0;
	}

	*:focus {
    	outline: none;
	}

	/* ---------------------------------------------------------------- */
	/* ------------------------>>> Structure <<<----------------------- */
	/* ---------------------------------------------------------------- */

	@font-face {
		font-family: Seven Monkey Fury BB;
		src: url("../fonttype/SEVEMFBR.ttf");  
	}

	body {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		src: url("../fonttype/SEVEMFBR.ttf");
		background: #5FBDCE;
		margin:auto;
		text-decoration: none;
	}

	#page-container {
		width: 1024px;
		background-color: #5FBDCE;
		margin: auto;
	}
	
	#container {
		width: 1024px;
		margin: 5px 0px 0px 0px;
	}

	#header {
		background: url("../img/banner2.png") no-repeat 0% 70%;
		margin-top: 10px;
		width: 1024px;
		height: 180px;
		cursor: pointer;
		border-radius: 10px;
	}

	#content {
		padding-top: 50px;
		width: 800px;
		height: auto;
		text-align: justify;
		margin-left: auto;
	}

	a, a:focus, a:visited {
    	text-decoration: none;
	}

	p {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		line-height: 1.4;
		padding-bottom: 5px;
	}
	
	h1 {
		font-family: Seven Monkey Fury BB;
		padding-top: 10px;
		padding-bottom: 20px;
	}
	h3 {
		font-family: Seven Monkey Fury BB;
		padding-bottom: 10px;
	}

	/* ---------------------------------------------------------------- */
	/* ---------------------->>> Bejelentkezés <<<--------------------- */
	/* ---------------------------------------------------------------- */
	
	#sign {
		background: url('../img/sign_bg.png') repeat-x #37B6CE 0% 50% !important;
		margin-top: 5px;
		padding: 10px 10px 20px 10px;
		float: left;
		border: 2px solid #5FBDCE;
		border-radius: 10px;
		border-style: outset;
		width: 185px;
		height: 100px;
	}

	#signed {
		background: url('../img/sign_bg.png') repeat-x #37B6CE 0% 50% !important;
		margin-top: 5px;
		padding: 10px 10px 20px 10px;
		float: left;
		border: 2px solid #5FBDCE;
		border-radius: 10px;
		border-style: outset;
		width: 185px;
		height: 60px;
	}

	/* ---------------------------------------------------------------- */
	/* --------------------------->>> Menü <<<------------------------- */
	/* ---------------------------------------------------------------- */
	
	#menu {
		font-size: 18px;
		padding: 5px 0px 0px 0px;
		text-align: center;
		height: 100px;
		width: auto;
	}

	ul#menu {
		height: 45px;
		float: right;
	}
	
	ul#menu a {
		font-size: 18px;
		color: #000;
		padding: 10px 0px 10px 0px;
	}
	
	ul#menu li {
		background: url('../img/menu_bg2.png') repeat-x #04859D !important;
		list-style: none;
		text-align: center;
		width: 247px;
		padding: 10px 10px;
		display: inline;
		float: left;
		border: 1px solid #37B6CE;
		border-style: outset;
		cursor: pointer;
		border-radius: 10px;
	}

	ul#menu li#left {
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
	}

	ul#menu li#mid {
		border-radius: 0px;
	}

	ul#menu li#right {
		border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	
	ul#menu li:hover {
		background: url('../img/btn_gradient2.png') repeat-x !important;
		cursor: pointer;
		color: #fff;
	}

	/*  ----------------- Kék ----------------- */
	/*  04859D	015666		 37B6CE		5FBDCE  */ 
	/* 	gomb-bg				 sign-bg 	body-bg */

	/*  --------------- Narancs --------------- */
	/*  FF7C00	A65100	 	FF9D40		FFB773  */ 
	/* 	gomb:hover 					input:focus */

	/* ---------------------------------------------------------------- */
	/* ----------------------->>> Level Menü <<<----------------------- */
	/* ---------------------------------------------------------------- */

	#level {
		width: 185px;
	}
	
	ul#levelmenu div,
	ul#levelmenu a {
		font-size: 18px;
		text-decoration: none;
		padding: 10px 30px;
		display: block;
		cursor: pointer;
		color: #000;
	}
	
	ul#levelmenu li {

		background: url('../img/menu_bg2.png') repeat-x #04859D;
		float: left;
		list-style: none;
		margin: 5px 0px 0px 0px;
		text-align: center;
		width: 208px;
		border: 1px solid #37B6CE;
		border-style: outset;
		border-radius: 10px;
	}

	ul#levelmenu a:hover {
		color: #fff;
	}

	ul#levelmenu li ul {
		display: none;
		position: absolute;
	}

	ul#levelmenu li ul li {
		float: none;
		border-radius: 10px;
		font-size: 16px;
		border-style: outset;
	}

	#easy {
		background: url('../img/btn_gradient1.png') repeat-x !important;
	}

	#med {
		background: url('../img/btn_gradient2.png') repeat-x !important;
	}

	#hard {
		background: url('../img/btn_gradient3.png') repeat-x !important;
	}


	/* ---------------------------------------------------------------- */
	/* ----------------------->>> Input mezők <<<---------------------- */
	/* ---------------------------------------------------------------- */

	input[type=text], input[type=password] {
		padding: 2px;
		border: 1px solid #000;
		border-radius: 5px;
		background-color: #fff;
		width: 178px;
		height: 20px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	#time {
		background-color: #5FBDCE;
		border: 0px;
		padding-left: 5px;
		padding-right: 5px;
		width: 70px;
		color: #fff;
	}

	#start:hover, #end:hover {
		background-color: #04859D;
		color: #767;
	}

	input[type=button], input[type=submit] {
		background-color: #04859D;
		border-radius: 5px;
		border: 1px solid #37B6CE;
		border-style: outset;
		width: 183px;
		height: 22px;
		margin-top: 2px;
		margin-bottom: 2px;
	}

	input[type=button]:hover, input[type=submit]:hover {
		cursor: pointer;
		color: #fff;
		background-color: #FF7C00;
	}

	#regform input[type=text]:focus, input[type=password]:focus {
		background-color: #FFB773;
		box-shadow: 3px 3px 6px #015666;
	}

	#sign input[type=text]:focus, input[type=password]:focus {
		background-color: #FFB773;
		box-shadow: 3px 3px 6px #015666;
	}

	/* ---------------------------------------------------------------- */
	/* ---------------------->>> Sudoku Tábla <<<---------------------- */
	/* ---------------------------------------------------------------- */


	#outset {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		border: 10px;
		border-style: outset;
		border-color: #04859D;
		width: 522px;
		margin-top: 10px;
	}

	#check {
		width: 230px;
		float: right;
	}

	table.sudoku {
		padding: 0px 0px 0px 0px;
		border-width: 3px;
		border-collapse: collapse;
		border-color: #000000;
		border-style: solid;
		text-align: center;
		background-color: #fff;
		height: auto;
		width: auto;
	}
	
	table.sudoku td {
		border-width: 1px;
		border-color:#000000;
		border-style: solid;
		height: 50px;
		width: 50px;
	}

	table.sudoku td input {
		height: 100%;
		font-size: 20;
		text-align: center;
		border: 1px solid transparent;
		width: 50px;
		cursor: pointer;
		position: relative;
		border-radius: 0px;
		margin: 0px !important;
	}

	table.sudoku td input:focus {
		background-color: none;
	}

	table tr.bot td {
		border-bottom-width: 3px; 
	}
	
	table td.right {
		border-right-width: 3px;
	}

	#nums {
		position: absolute;
		border: 1px solid black;
		visibility: hidden;
		width:90px;
		height:90px;
		box-shadow:         3px 5px 14px rgba(9, 9, 9, 0.69);
	}

	#nums input.numButton {
		background-color: #5FBDCE;
		margin: 0px !important;
		font-size: 15px;
		border: 1px solid black;
		border-radius: 0px !important;
		text-align: center;
		width: 30px;
		height: 30px;
		font-size: 25px;
	}

	#nums .numButton:hover {
		background: #FF7C00 !important;
		color: #fff;
		cursor: pointer;

	}

	#missclick {
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		visibility: hidden;

	}

	/* ---------------------------------------------------------------- */
	/* -------------------------->>> Note <<<-------------------------- */
	/* ---------------------------------------------------------------- */
	
	#note {
		font-family: Arial, Verdana, Helvetica, sans-serif;
        position: absolute;
        z-index: 6001px;
        top: 0px;
        left: 0px;
        right: 0px;
        background: #3df; /*#fde073*/
        text-align: center;
        line-height: 2.5;
        overflow: hidden; 
        box-shadow: 0px 0px 5px black;
    }
    .cssanimations.csstransforms #note {
        -webkit-transform: translateY(-50px);
        -webkit-animation: slideDown 2.5s 0.5s 1 ease forwards;
        -moz-transform:    translateY(-50px);
        -moz-animation:    slideDown 2.5s 0.5s 1 ease forwards;
    }

    #close {
      position: absolute;
      right: 10px;
      top: 9px;
      text-indent: -9999px;
      background: url(images/close.png);
      height: 16px;
      width: 16px;
      cursor: pointer;
    }
    .cssanimations.csstransforms #close {
      display: none;
    }
    
    @-webkit-keyframes slideDown {
        0%, 100% { -webkit-transform: translateY(-50px); }
        10%, 90% { -webkit-transform: translateY(0px); }
    }
    @-moz-keyframes slideDown {
        0%, 100% { -moz-transform: translateY(-50px); }
        10%, 90% { -moz-transform: translateY(0px); }
    }

	/* ---------------------------------------------------------------- */
	/* ------------------------>>> Reg. form <<<----------------------- */
	/* ---------------------------------------------------------------- */

	#regform {
		margin: auto;
		width: 310px;
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}

	/* ---------------------------------------------------------------- */
	/* ------------------------->>> Toplista <<<----------------------- */
	/* ---------------------------------------------------------------- */

	#toplista {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		margin: 0px auto;
		width: 780px;
		border: 1px solid #fff;
		border-radius: 5px;
	}

	#toplista td {
		background-color: white;
		border-radius: 5px;
		border: 1px solid orange;
		text-align: center;
	}