/***** tag *****/
html
{
	overflow-y:scroll;
}

body
{
	margin: 0;
	padding: 0 0 5em;
	font-family: Arial, sans-serif;
}

a
{
	color: #696;
}

	a:hover
	{
		color:#9d9;
	}

button
{
	cursor:pointer;
}





.uzenetKont
{
	overflow-y:	auto;
	text-align:	center;
	position:		fixed;
	top:			0;
	right:			0;
	bottom:		0;
	left:			0;
	width:			100%;
	height:		100%;
	background:	rgba(0, 0, 0, .2);
}



.uzenet
{
	display: inline-block;
	max-width: 90%;
	margin: 2em auto;
	padding:1em;
	background: white;
	border: 1px solid #ccc;
	text-align: center;
	box-shadow: 1em 1em 2em .5em rgba(0, 0, 0, .2);
}



.sor
{
	background:rgba(0, 0, 0, .05);
}

	.sor.paratlan
	{
		background:rgba(0,0,0,.03);
	}
	
	.sor.paros
	{
		background:rgba(0, 0, 0, .06);
	}
	
	.sor:hover
	{
		background: white;
		box-shadow: 0 0 20px rgba(0, 0, 0, .3);
	}
	
	.sorFejlec
	{
		background:gray;
		color:white;
	}
	
	.sorFejlec th,
	.sorFejlec td,
	.sor th,
	.sor td,
	th.sorFejlec,
	td.sorFejlec,
	th.sor,
	td.sor
	{
		vertical-align: top;
		padding:1em;
	}
	
	.sor th
	{
		font-family: 'Courier New', monospace;
		font-size:1.2em;
		font-weight:normal;
		color:gray;
	}

/***** class *****/
.tartalom
{
/*	min-width: 70%;*/
	margin-left: auto;
	margin-right: auto;
}

.margo
{
	margin:0 1em 1em;
}

/* mező */
.mezo
{
	width: 20em;
	background: white;
}

.mezo,
button
{
	padding:.5em;
	margin:0 .5em;
	border:2px solid #ccc;
	
	font-family:sans-serif;
	font-size:1em;
}

	/* mező - típus */
	.mezo.nev
	{
	}
	
	.mezo.kep
	{
		display:	inline-block;
		width:		auto;
	}
	
	.mezo.kep img
	{
		display:	block;
		height:	80px;
		width:		80px;
		cursor:	pointer;
	}
	
	.mezo.url
	{
		color:gray;
	}
	
	.mezo.egysoros
	{
	}
	
	.mezo.tobbsoros
	{
		display:block;
		height: 1em;
		resize: none;
		overflow: hidden;
	}
	
	.mezo.ora,
	.mezo.perc
	{
		width:2em;
		text-align:center;
	}
	
	.mezo.perc
	{
		color: #aaaaaa;
	}
	
	.mezo.egesz-szam
	{
		width: 3em;
		text-align: right;
		font-family: 'Andale Mono', monospace;
	}
	
	.mezo.pipa
	{
		display:	block;
		width:		auto;
		float:		left;
		overflow:	hidden;
		cursor:	pointer;
	}
	
		.mezo.pipa span
		{
			display:		block;
			width:			1em;
			height:		1em;
			float:			left;
			overflow:		hidden;
			background:	green;
		}
		
	/* mező - event */
	.mezo:focus,
	button:hover
	{
		border-color: #444444;
	}

	.mezo.toltes
	{
		border-color: orange;
		color: orange;
	}

	.mezo.hibas
	{
		border-color: red;
		color:red;
	}

.kepGomb
{
	margin: 0 1em 1em 0;
	display: inline-block;
	width: 120px;
	overflow: hidden;
	text-align: center;
	background: white;
}

	.kepGomb p
	{
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.kepGomb img
	{
		display: inline-block;
		width: 80px;
		height: 80px;
	}
	
	.kepGomb.tiltott
	{
		opacity:	.2;
		background:	#eee;
	}

.cimke
{
	position:		relative;
	display:		inline-block;
	padding:		.5em 1em;
	margin:		1em;
	background:	#eee;
}

.mezo.kep
{
	position:	relative;
}

	.mezo.kep .muvelet.torol,
	.cimke .muvelet.torol
	{
		font-size:		.5em;
		position:		absolute;
		top:			-1em;
		right:			-1.5em;
	}

.valtozatsor
{
	white-space: nowrap;
	padding-bottom: .5em;
}

.muvelet
{
	display: inline-block;
	font-size:1.2em;
	font-weight: bold;
	padding:.2em;
	text-align:center;
	cursor:pointer;
	border: 1px solid gray;
	background: linear-gradient(to bottom, #eee, #ccc, #ccc);
	background-size:100% 200%;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .3),
		0 1px 0 rgba(255, 255, 255, .3);
	
	transition: opacity .2s;
}

	.sor .muvelet
	{
		opacity: 0;
	}

	.sor:hover .muvelet
	{
		opacity: 1;
	}

	.muvelet:hover
	{
		background-position: 0 100%;
	}

	.muvelet.uj
	{
		background-image: linear-gradient(to bottom, #9EDF9E, #49B949, #49B949);
		border-color: #74C074;
		color: white;
	}
	
	.muvelet.torol
	{
		background-image: linear-gradient(to bottom, #eaa, #e44, #e44);
		border-color: #C36E6E;
		color: white;
	}
	
	.muvelet.torol:hover
	{
	}
	
	.muvelet.toltes,
	.gomb.toltes
	{
		background-image: linear-gradient(to bottom, #FFCE74, #F1A518, #F1A518);
		border-color: #D58A00;
		color: white;
		cursor: auto;
	}

	.muvelet.hiba,
	.gomb.hiba
	{
		background-image: none;
		background-color: red;
		border-color: #440000;
		color: white;
		cursor: pointer;
	}

.gomb
{
	display:inline-block;
	padding:.5em;
	color:white;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	
	border:1px solid gray;
	background: #eee;
	background: #eee linear-gradient(to bottom, #9d9, #696, #696);
	background-size:100% 200%;
	text-shadow:
		0 1px #ccc,
		0 -1px gray;
}

	.gomb:hover
	{
		background-position: 0 100%;
		color:white;
	}

.kepValaszto
{
	padding: 1em;
	text-align: left;
	box-shadow: 0 0 1em rgba(0, 0, 0, .2) inset;
}

.kepSzerkeszto
{
	text-align: center;
}

	.kepSzerkeszto .keret
	{
		display: inline-block;
		border: 1px dashed black;
	}
	
	.kepSzerkeszto .keret *
	{
		-khtml-user-select: none;
		-o-user-select: none;
		-moz-user-select: none;
		-webkit-user-select: none;
		user-select: none;
	}
	
	.vizjel .sarok
	{
		visibility:	hidden;
		width:			10px;
		height:		10px;
		border:		1px solid black;
		background:	white;
	}
	
	.vaszon:hover .sarok
	{
		visibility:	visible;
	}



/***** id *****/

#fejlec
{
	padding: 1em 0;
	text-align: center;
	background: #444;
	overflow:hidden;
	color:white;
}

	#fejlec a
	{
		display: inline-block;
		font-size: 1.2em;
		padding: .5em;
		
		text-decoration: none;
		color: inherit;
		text-transform: uppercase;
	}
	
		#fejlec a:hover,
		#fejlec a.aktiv
		{
			color: #aaa;
		}
	
	#fejlec .felhasznalo
	{
		float:right;
		font-size:.8em;
		text-align:right;
		padding:.2em;
	}
	
		#fejlec .felhasznalo a,
		#fejlec .felhasznalo noscript
		{
			padding:.2em 0;
			display:block;
		}
		
		#fejlec .felhasznalo a
		{
			text-transform: none;
		}

#torzs
{
}

	#torzs .tartalom
	{
		padding: 1em 0;
	}
	
	#torzs noscript
	{
		display: block;
		margin: 2em;
		padding: 1em;
		border: 1px solid #bb4444;
		color: #bb4444;
	}

#felulet
{
	clear:both;
}

	#felulet table
	{
		width:100%;
		margin:1em 0;
		border-collapse: collapse;
	}
	
	#felulet table,
	#felulet th,
	#felulet td
	{
		border: 1px solid #cccccc;
		border-color: rgba(0, 0, 0, .1);
	}