/*
	Stylesheet for: VILMA Adatnyilvántartó Rendszer
	Author: Csont Szabolcs - smartBrand -  http://smartbrand.hu/
	
	Colors:
	
	dark-green:			#027132
	mid-green:			#3dc077
	
	*/



/* ========================================================================== */
/*                                                                            */
/*		MAIN TAGS						      */
/*                                                                            */
/* -------------------------------------------------------------------------- */


body 
{	
	background-color: #fff;
	font-family:arial,tahoma,verdana,helvetica;
	font-size:14px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:100%;
	text-align: center;
	height: 100%;
	padding: 0px;
	margin: 0px;
	behavior: url(PIE.htc);
}


#login
{
	position: relative; /* Needed for Safari */
	margin: auto; /* Takes care of horizontal alignment in standards compliant browsers */
	padding-bottom:100px;
	text-align: center;
	width: 400px;
	height: 400px;
	background-color: transparent;
	border: 0px;
	line-height: 20px;
}




/* ===================================================== END OF MAIN TAGS === */
/*                                                                            */
/*		TEXTS		                                              */
/*                                                                            */
/* -------------------------------------------------------------------------- */


a {font-size:12px; font-weight:bold; text-decoration:none; color:#777;}

a:link {color: #777; text-decoration:none;} 
a:active {color: #777; text-decoration:none;} 
a:visited {color: #777; text-decoration:none;} 
a:hover {color: #999; text-decoration:none; border-bottom: solid 0px #999;}


h2 {color: #777; font-size:18px; font-weight: bold;}

/* ===================================================== END OF TEXTS ======= */
/*                                                                            */
/*		LOCAL TAGS		                                      */
/*                                                                            */
/* -------------------------------------------------------------------------- */

table {margin:5px 0 10px 0; border: 0px; color:#666; font-weight: bold; font-size: 13px;}
td {padding: 5px; border-color: #777;}

td.megnevez {background-color:#fff; width: 200px}
td.adat {background-color:#eaeaea; width: 300px; padding-left: 10px; color: #444;}

input {background-color: #fff; width: 250px; border: 1px solid #027132; padding: 2px;}


ul.index
{
	background-color: #f0f8f4;
	border: 2px solid #027132;
	list-style: none;
	padding: 15px;
	margin-bottom: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	behavior: url(PIE.htc);
}

ul.login { border: 0px; list-style: none; padding: 15px; padding-bottom: 0px;}
ul.login li{ margin-bottom:5px;}

li.only {font-size: 12px; margin-bottom: 20px;}
li.rossz 
{
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-shadow: 1px 1px 2px #222;
	padding: 10px;
	margin-left: 20px;
	width: 300px;
	background-size: 40px 40px;
	background-color: #ff4444;
	background-image: -webkit-linear-gradient(45deg, #cc1c1c 25%, transparent 25%,
					  transparent 50%, #cc1c1c 50%, #cc1c1c 75%,
					  transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, #cc1c1c 25%, transparent 25%,
					  transparent 50%, #cc1c1c 50%, #cc1c1c 75%,
					  transparent 75%, transparent);	
	background-image: -ms-linear-gradient(45deg, #cc1c1c 25%, transparent 25%,
					  transparent 50%, #cc1c1c 50%, #cc1c1c 75%,
					  transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, #cc1c1c 25%, transparent 25%,
					  transparent 50%, #cc1c1c 50%, #cc1c1c 75%,
					  transparent 75%, transparent);
	background-image: linear-gradient(45deg, #cc1c1c 25%, transparent 25%,
					  transparent 50%, #cc1c1c 50%, #cc1c1c 75%,
					  transparent 75%, transparent);
	border: 2px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	behavior: url(PIE.htc);
}

input.user, input.password 
{
	background-color: #fff;
	border: 2px solid #999; 
	width: 200px; 
	margin-bottom: 20px; 
	padding: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	behavior: url(PIE.htc);
}
input.user:focus, input.password:focus {border-color: #027132;}

input.login
{
	width: 150px;
	background-color: #5ba37b;
	border: 1px solid #999; 
	margin-bottom: 20px; 
	padding: 5px 20px 5px 20px;
	color: #fff;
	font-weight: bold;
	text-shadow: 0px -1px 1px #222;
	border-radius: 3px; 
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	behavior: url(PIE.htc);
}

input.login:hover
{
	background-color: #3dc077;
	border: 1px solid #006d2d; 
}



.hidden { display: none !important; visibility: hidden; }


/* =================================================== END OF LOCAL TAGS ==== */