@charset "utf-8";

/******************************************************
 * project   ppke alumni
 * date      17-1-2011
 * author    netpositive[worbyd], tekda
 ******************************************************/

html, body { width: 100%; }

body {
  margin-top: 0;
  margin-left: 0;
  top: 0;
  left: 0;
  background: #fff3dd;
  color: #636363;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}

h1 {
  line-height: 21px;
  color: #ad281e;
  font-size: 17px;
  font-weight: bold;
  text-transform: uppercase;
}
h1 a { color: #ad281e; }

h2 {
  line-height: 17px;
  color: #ad281e;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}
h2 a { color: #ad281e; }

h2.small {
  color: #939393;
  font-size: 11px;
  font-weight: normal;
  text-transform: none;
}
h2.small a { color: #939393; }

a {
  cursor: pointer;
  text-decoration: none;
}

.clear {
  display: block;
  clear: both;
}

.invisible { display: none; }



label, input, select, textarea {
  color: #636363;
  font-family: Arial;
  font-size: 12px;
}
/*select {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;

  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 200px;
}
*/


/* wrap head
 ******************************************************/
#wrap_head {
  width: 100%;
  height: 165px;
  margin-top: 0;
  margin-left: 0;
  background: url(images/wrap_head.jpg) repeat-x 0 0;
}

.header {
  position: relative;
  margin: 0 auto;
  width: 990px;
  height: 100%;
  z-index: 9990;
  background: url(images/380-eves-pazmany.png) no-repeat 610px -10px;
}

.header .logo {
  position: absolute;
  top: 0;
  left: -108px;
  width: 765px;
  height: 119px;
  background: url(images/logo_header.png) no-repeat 0 0;
}
.header .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.header .logo a span {
  display: block;
  text-indent: -9999px;
}


.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:40%;
	padding:14px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:14px;
		font-weight:bold;
		padding:4px 6px;
	}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #b7ddf2;
		background:white;
		width:70%;

	}
	#stylized h1 {
		font-size:18pt;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:16px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		font-size:16px;
		text-align:right;
		width:210px;
		float:left;
	}

	#stylized .small{
		color:#666666;
		display:block;
		font-size:12px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:16px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:400px;
		margin:2px 0 20px 10px;
	}
	#stylized select{
		float:left;
		font-size:16px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:400px;
		margin:2px 0 20px 10px;
	}
	#stylized radio{
		float:left;
		font-size:16px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:400px;
		margin:2px 0 20px 10px;
	}
	#stylized textarea{
		float:left;
		font-size:16px;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:400px;
		margin:2px 0 20px 10px;
	}
	#stylized button{
		clear:both;
		margin-left:40%;
		width:140px;
		height:31px;
		background:#ad281e;
		line-height:31px;
		color:black;
		font-size:11px;

	}


#wrapper {
    margin-left:auto;
    margin-right:auto;
    width:960px;
}

label {
    text-overflow:ellipsis;
    overflow:hidden;
    display:inline-block;
    white-space:nowrap;
    width:100px;
}