@charset "utf-8";
body {
	padding: 0;
	margin: 0;
	font: normal 14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #003;
	background: url(/img/body_bg.png) center repeat-y;
}
ul, li {
	list-style-type: none;
	margin:0; padding: 0;
	}
table {
	margin: 0; padding: 0;
	border-collapse: collapse;
	}
div {
	margin:0; padding:0;
	}
a {
	outline: none;
	}
p {
	width: auto;
	text-align: right;
	}
	
/*layout*/
#left, #right {
	float: left;
	width: 50%;
	position: relative;
	}
#left {
	background: url(/img/left_bg.png) 0 50px repeat-x;
	height: 600px;
	}
	
h1 {
	background: url(/img/idi_logo.png);
	width: 197px;
	height: 65px;
	overflow: hidden;
	text-indent: -666em;
	position: absolute;
	margin: 0;
	padding: 0;
	top: 2px;
	right: 288px;
	}
h2 {
	position: absolute;
	right: 24px;
	top: 24px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #72c4e7;
	}
	
/*formok*/

#login, #register {
	display: block;
	width: 398px;
	background: url(/img/dobozok.png) 0 0;
	float: right;
	margin-top: 50px;
	padding: 66px 0 24px 19px;
	position: relative;
	clear: both;
	}
#register {
	margin-top: -196px;
	background: url(/img/dobozok.png) 0 -196px;
	display: none;
	}
#loggedin {
	display: block;
	float: right;
	clear: both;
	margin: 94px 24px 0 0;
	}
#login label, #register label {
	float: left;
	clear: both;	
	}
#login input, #register input {
	width: 100% !important;
	}
.jqTransformInputWrapper {
	float: left;
	clear: both;
	width: 288px !important;
	}
#login button, #register button {
	border: 0;
	background: transparent;
	width: 55px;
	height: 55px;
	position: absolute;
	top: 135px;
	right: 45px;
	overflow: hidden;
	cursor: pointer;
	text-indent: -666em;
	}
#login button:hover {
	background: url(/img/dobozok.png) top right;
	}
#register button {
	right: 31px;
	top: 399px;
	}
#register button:hover {
	background: url(/img/dobozok.png) right -55px;
	}
#login .switcher, #register .switcher {
	display: block;
	text-indent: -666em;
	height: 40px;
	width: 144px;
	position: absolute;
	top: 21px;
	right: 31px;
	}
#register .switcher {
	width: 98px;
	left: 18px;
	}
#login .switcher:hover {
	background: url(/img/dobozok.png) left bottom;
	}
#register .switcher:hover {
	background: url(/img/dobozok.png) right bottom;
	}
.name {
	font-size: 24px;
	color: #48d;
	}
#logout {
	display: block;
	width: 55px;
	height: 57px;
	overflow: hidden;
	text-indent: -666em;
	background: url(/img/dobozok.png) right -110px;
	float: right;
	}
#logout:hover {
	background: url(/img/dobozok.png) right -167px;
	}
	
label img {
	vertical-align: bottom;
	}
	
/* rest */
#message {
	background: #ff8 url(/img/warning.png) 4px 6px no-repeat;
	width: 343px;
	padding: 4px 2px 4px 41px;
	margin: 12px 24px 0 0;
	float: right;
	border: 3px solid #d55;
	clear: both;
	}
#portaljaink {
	float: right;
	width: 328px;
	clear: both;
	margin: 12px -9px 0 0;
	}
#portaljaink p.desc {
	text-align: left;
	margin: 0;
	padding-right: 11px;
	display: none;
	}
	
#konyvjelzo, #portal, #hirgyujto, #mahu {
    display: block;
    height: 72px;
    overflow: hidden;
    text-indent: -666em;
    margin-top: 12px;
    }
#konyvjelzo {background: url(/img/portaljaink.png) left 0px;} 
#konyvjelzo:hover {background-position: right 0px;} 
#portal {background: url(/img/portaljaink.png) left -90px;} 
#portal:hover {background-position: right -90px;} 
#hirgyujto {background: url(/img/portaljaink.png) left -170px;} 
#hirgyujto:hover {background-position: right -170px;} 
#mahu {background: url(/img/portaljaink.png) left -245px;} 
#mahu:hover {background-position: right -245px;}

/*modify form*/
a.modify {
	display: block;
	text-align: right;
	margin-top: -1em;
	color: #6bd;
	text-decoration: none;
}
a.modify:hover {
	color: #48d;
}
#modify {
	display: block;
	width: 288px;
	position: relative;
	overflow: auto;
	margin-bottom: 1em;
	display: none;
	}
#modify label {
	float: left;
	clear: both;	
	}
#modify input {
	width: 100% !important;
	}
#modify button {
	margin-top: 1em;
	padding: 4px;
	border: 2px ridge #ebf5fb;
	background: #ebf5fb;
	cursor: pointer;
	float: right;
	color: #666;
	}
#modify button:hover {
	border: 2px ridge #048;
	color: #006;
	}

#reminder {
	float: right;
	clear: both;
	margin-right: 24px;
	width: 392px;
	text-align: center;
	background: #d55;
	padding-bottom: 4px
}

#reminder a {
	text-decoration: none;
	color: #ff8;
	font-weight: bold;
}