/*
	HírlevélManager sablon | Űrlapelemek CSS
	Készítette: Albert Zsolt Ádám
	Email: azs@outlook.com
	Verzió: 1.0
	Dátum: 2014.08.28.
*/

/*--Hagyományos form (világos alapú)===============================================================================================================*/

input {
    -webkit-appearance: none;
    border-radius: 0;
}
form input[type=checkbox] {
    -webkit-appearance: auto;
}
form label,
form p,
form a {
	color: #636363;
}

form input[type=text],
form input[type=password],
form select,
form textarea {
	outline: none;
	border:2px solid #636363;
	background-color: #FFF;
	color: #000;
	padding: 3px 8px;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	color: #636363;
}

form p {
	margin-bottom: 5px;
}

form input[type=text]:focus,
form input[type=password]:focus,
form textarea:focus {
	background-color: #eee;
}

form.blueform input::-webkit-input-placeholder {
   color: #ccc;
}

/*--Sötét form (kék alapú)=========================================================================================================================*/

form.blueform label,
form.blueform p,
form.blueform a {
	color: #FFF;
}

form.blueform input[type=text],
form.blueform input[type=password],
form.blueform select,
form.blueform textarea {
	border:2px solid #FFF;
	background-color: #005299;
	color: #FFF;
}

form.blueform input::-webkit-input-placeholder {
   color: #8ab0cb;
}

/*--Átlátszó form (modal ablak)====================================================================================================================*/

form.transpform label,
form.transpform p,
form.transpform a {
	color: #FFF;
}

form.transpform input[type=text],
form.transpform input[type=password],
form.transpform select,
form.transpform textarea {
	border:2px solid #FFF;
	background-color: transparent;
	color: #FFF;
}

form.transpform input[type=text]:focus,
form.transpform input[type=password]:focus,
form.transpform textarea:focus {
	background-color: rgba(255, 255, 255, 0.2);
}

/*Checkboxok és rádiógombok========================================================================================================================*/

/*input[type=checkbox] {
	display:none;
}*/
/*
input[type=checkbox] + label {
	padding-left:20px;
	height:14px; 
	display:inline-block;
	line-height:14px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

input[type=checkbox]:checked + label {
	background-position: 0 -14px !important;
}
*/
/*Sötét alapon-------------------------------------------------------------------------------------------------------------------------------------*/
/*
form.transpform input[type=checkbox] + label,
form.blueform input[type=checkbox] + label {
	background-image:url('../images/cboxdark.png');
}
*/
/*Világos alapon-----------------------------------------------------------------------------------------------------------------------------------*/
/*
input[type=checkbox] + label {
	background-image:url('../images/cboxlight.png');
}
*/
/*Nyomógombok======================================================================================================================================*/

/*--Világos felületek------------------------------------------------------------------------------------------------------------------------------*/

a.button {display: inline-block;}

a.button,
input[type=button],
input[type=submit] {
	background-color: transparent;
	border:2px solid #636363;
	color:#636363;
	font-weight: bold;
	font-size: .8em;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	padding: 5px 20px;
	margin:0;
	outline: none;
	transition:all .5s;
}

a.button:active,
input[type=button]:active,
input[type=submit]:active {
	border-color: #005299;
	color: #005299;
}

a.button:hover,
input[type=button]:hover,
input[type=submit]:hover {
	background-color: #eee;
}

/*--Sötét felületek--------------------------------------------------------------------------------------------------------------------------------*/

a.light-button {
	border-color: #FFF;
	color: #FFF;
}

a.light-button:hover {
	background-color: #636363;
}

a.light-button:active {
	border-color: #ccc;
	color:#ccc;
}

form.transpform input[type=button],
form.transpform input[type=submit],
form.blueform input[type=button],
form.blueform input[type=submit]{
	border-color: #FFF;
	color: #FFF;
}

form.transpform input[type=button]:active,
form.transpform input[type=submit]:active,
form.blueform input[type=button]:active,
form.blueform input[type=submit]:active {
	border-color: #ccc;
	color: #ccc;
}

form.transpform input[type=button]:hover,
form.transpform input[type=submit]:hover {
	background-color: rgba(255,255,255,0.2);
}

form.blueform input[type=button]:hover,
form.blueform input[type=submit]:hover {
	background-color: #005299;
}