body{
	/*background-color	: #474747;*/
	background-image	: url(body_bg.jpg);
	text-align			: center;
	margin-left			: auto;
	margin-right		: auto;
	margin-top			: 0px;
	margin-bottom		: 0px;
	font				: normal 12px Arial, Verdana;
	color				: #505152;
	padding-bottom		: 30px;
	font-size			: 14px;
	font-weight			: bold;
}
.very_long input{
	width				: 400px;
}
.long input{
	width				: 300px;
}
.mid_small input{
	width:40px;
}
.small input{
	width				: 20px;
}

.container{
	width				: 890px;
	margin-left			: auto;
	margin-right		: auto;
	text-align			: auto;
	background			: #e4f2fd;
	padding-top			: 20px;
	padding-bottom		: 20px;
}

/*Calendar */

.calendar, .calendarList {
	border-top			: 1px solid black;
	border-right		: 2px solid black;
	border-bottom		: 2px solid black;
	border-left			: 1px solid black;
	padding				: 1px 0px 0px 1px;
	font-family			: tahoma, verdana, sans-serif;
	font-size			: 12px;
	color				: black;
	background			: #f8f8f8;
	display				: none;
	position			: absolute;
	z-index				: 9;
}
 
.calendar .button {
	text-align			: center;
	padding				: 1px;
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
}

.calendar thead .hover {
	border				: 2px solid;
	border-color		: #fff #000 #000 #fff;
	padding				: 0px;
	background-color	: #d8e0e4;
}

.calendar .title, .calendar .title input, .calendar .title select, .calendar tfoot {
	font-weight			: bold;
	padding				: 1px;
	border				: 1px solid #000;
	color				: #000;
	text-align			: center;
	background-color	: #f8f8f8;
	background-image	: url(titleBackground.png);
}

.calendar .title input {
	width				: 4em;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	background			: #f8f8f8;
}

.date tfoot {
	display				: none;
}

.calendar tfoot input {
	width				: 2em;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	text-align			: center;
	background			: #f0f0f0;
}

.calendar .names {
	background-image	: url(thBackground.png);
}

.calendar .name {
	border-bottom		: 1px solid #000;
	padding				: 2px;
	text-align			: center;
}

.calendar .day {
	width				: 2em;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	text-align			: right;
	padding				: 2px 4px 2px 2px;
}

.calendar tbody .hover {
	padding				: 1px 3px 1px 1px;
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
	background-color	: #dddddd;
	cursor				: pointer;
}

.calendar .today {
	font-weight			: bold;
	color				: #00f;
}

.calendar .selected {
	font-weight			: bold;
	padding				: 2px 2px 0px 2px;
	border				: 1px solid;
	border-color		: #000 #fff #fff #000;
	background			: #cccccc;
}

.calendar .weekend {
	color				: #f00;
}

.calendarList {
	padding				: 0;
	margin				: 0;
	width				: 55px;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

.calendarList li {
	list-style-type		: none;
	text-align			: center;
	padding				: 1px;
}

.calendarList li.hover {
	border				: 1px solid;
	border-color		: #fff #000 #000 #fff;
	padding				: 0px;
	background-color	: #dddddd;
	width				: 100%;
}

label.xforms-label{
	display				: block;
	width				: 300px;
	margin-bottom		: 10px;
}

/* texts */
.header{
	font-weight		: bold;
	text-align		: center;
	font-size		: 16px;
	display			: block;
	margin-top		: 20px;
	margin-bottom	: 20px;
	width			: 730px;
	margin-left		: auto;
	margin-right	: auto;
}
label.header{
		width			: 730px;
}
.title{
	/*color			: #ff0000;*/
	margin-right	: 20px;
}

.title_padding{
	padding-left	: 25px;
	font-size		: 12px;
	padding-right	: 20px;
	width			: 730px;
	/*background			: url(bg_line.jpg) repeat-x top left;
	border				: 1px solid #cfd6db;*/
}

.subtitle{
	/*color			: #ff0000;*/
	margin-left		: 30px;
	font-size		: 12px;
}

.text{
	font-weight		: 100;
	margin-left		: 20px;
	font-size		: 12px;
	/*display			: inline-block;*/
	/*color			: #ff0000;*/
}

.boldtext{
	padding-left	: 45px;
	padding-right	: 45px;
	display			: block;
	font-weight		: bold;
	font-size		: 12px;
}

.comment{
	font-weight		: 100;
	font-size		: 11px;
	padding-left	: 25px;
	margin-bottom	: 10px;
}


.xforms-group-content{
	margin-bottom		: 25px;
	background			: url(bg_line.jpg) repeat-x top left;
	/*width				: 780px;*/
	padding-top			: 20px;
	padding-bottom		: 10px;
	border				: 1px solid #cfd6db;
	margin-left			: 10px;
	margin-right		: 10px;
}

.xforms-case{
	
}

/*ul.xforms-repeat{
	margin-bottom		: 25px;
	background			: url(bg_line.jpg) repeat-x top left;
	padding-top			: 20px;
	padding-bottom		: 10px;
	border				: 1px solid #cfd6db;
	margin-left			: 10px;
	margin-right		: 10px;
}*/

.xforms-repeat li{
	margin-bottom		: 25px;
	background			: url(bg_line.jpg) repeat-x top left;
	/*width				: 780px;*/
	padding-top			: 20px;
	padding-bottom		: 10px;
	border				: 1px solid #cfd6db;
	margin-left			: 10px;
	margin-right		: 10px;
}

/*.xforms-repeat-item{
	margin-bottom		: 25px;
	background			: url(bg_line.jpg) repeat-x top left;*/
	/*width				: 780px;*/
	/*padding-top			: 20px;
	padding-bottom		: 10px;
	border				: 1px solid #cfd6db;
	margin-left			: 10px;
	margin-right		: 10px;
}*/


li{
	padding-left		: 0px;
	margin-left			: 0px;
}

td{
	font-size			: 12px;
	font-weight			: bold;
	vertical-align		: top;
	margin-top			: 10px;
	/*width				: 350px;*/
}

button{
	border				: 1px solid #b4b4b4;
	padding-top			: 0;
	padding-bottom		: 0;
	padding-left		: 8px;
	padding-right		: 8px;
	margin-top			: 0;
	margin-left			: 15px;
	cursor				: pointer;
	background-image	: url(btn_bg.jpg);
	height				: 25px;
	color				: #ffffff;
	font-size			: 11px;
	
}
.up button{
	border: 0;
	padding-top			: 0;
	padding-bottom		: 0;
	padding-left		: 8px;
	padding-right		: 8px;
	margin-top			: 0;
	margin-left			: 15px;
	cursor				: pointer;
	color				: #ffffff;
	font-size			: 11px;
	width:25px;
	height:25px;
	background-image:url("up.png");
	background-repeat:no-repeat;
	}
	.down button{
		border: 0;
	padding-top			: 0;
	padding-bottom		: 0;
	padding-left		: 8px;
	padding-right		: 8px;
	margin-top			: 0;
	margin-left			: 15px;
	cursor				: pointer;
	color				: #ffffff;
	font-size			: 11px;
	width:25px;
	height:25px;
	background-image:url("down.png");
	background-repeat:no-repeat;
	}
.aid-button{
	background-image	: url(calendar.jpg);
	width:20;
	height:25;
}

td.focus{
	width				: 15px;
}

/* just the width of input texts*/
input[type=text] {  
   width				: 300px; 
}  

/* just the width of input texts for ie #&@!%*/
.text {  
   width				: 300px; 
} 

h2{
	font-size			: 0px;
	width				: 890px;
	margin-left			: auto;
	margin-right		: auto;
	margin-top			: 0px;
	padding-top			: 0px;
	margin-bottom		: 0px;
	padding-bottom		: 0px;
	text-align			: auto;
	background			: url(header_bg.jpg) repeat-x top left;
	padding-bottom		: 0px;
	margin-bottom		: 0px;
	text-indent			: -9999px;
}



/* Control */


table.xforms-control.xforms-appearance-minimal {
	display				: inline;
	text-align			: left;
}

span.xforms-label{
	display				: inline-block;
}

/* Opera */
@media all and (min-width: 0px) {
	table.xforms-control.xforms-appearance-minimal {
		display				: inline-block;
	}
}

td.focus {
	width				: 18px;
	height				: 15px;
	vertical-align		: top;
}

table.xforms-focus td.focus {
	background			: transparent url(focus.gif) no-repeat left 4px;
}

.xforms-readonly input, .xforms-readonly textarea, .xforms-readonly select, .xforms-readonly option {
	background-color	: #f8f8f8;
	color				: #333333;
}

.xforms-disabled, table.xforms-control.xforms-appearance-minimal.xforms-disabled {
	display				: none;
}

span.xforms-message {
	display				: none;
}

.ajx-tab{
	text-align			: left;
	padding-left		: 50px;
	padding-right		: 50px;
	margin-top			: 0px;
	padding-top			: 0px;
}

div.ajx-tabs {
	width				: 890px;
	margin-left			: auto;
	margin-right		: auto;
	/*background-color	: #e4f2fd;*/
	margin-top			: 0px;
	padding-top			: 0px;
}

.ajx-tabs ul{
	margin-left			: 0px;
	padding-left		: 0px;
	text-align			: left;
	list-style-type		: none;
}

.xforms-required-icon {
    display				: none;
    color				: red;
	width				: 15px;
}

ul.ajx-tabs-list {
	margin-left			: 0px;
	padding-left		: 0px;
	text-align			: left;
	list-style-type		: none;
	padding-top			: 10px;
	padding-left		: 10px;
	margin-top			: 0px;
}


#console {
	font-size			: 0.8em;
	color				: #888888;
	display				: none;
}
div#statusPanel {
	/*display				: none;*/
	position			: absolute;
	/*background			: url(resources/loading.gif) no-repeat middle middle;*/
	width				: 200px;
	height				: 200px;
	padding-top			: 85px;
	text-align			: center;
	background-color	: #FFFFFF;
	opacity				: 0.85;
	filter				: alpha(opacity=85);
	border				: 1px solid #474747;
	font				: bold 20px Arial, Verdana;
	z-index				: 11;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	/*text-indent			: -9999px;*/
}


.xforms-item-label{
	font-size			: 12px;
	text-align			: left;
	padding-left		: 0px;
	margin-left			: 0px;
	font-weight			: 100;
	/*padding-bottom		: 15px;*/
	margin-bottom		: 10px;
	vertical-align		: bottom;
}

.xforms-case{
	/*border				: 1px solid #ff0000;*/
}

.xforms-control-xforms-submit-xforms-appearance-minimal{
	width				: 890px;
	/*background-color	: #e4f2fd;*/
	margin-left			: auto;
	margin-right		: auto;
	text-align			: center;
	height				: 100px;
	margin-bottom		: 30px;
	color				: #000000;
}
.xforms-label-save{
	width				: 72px;
	height				: 22px;
	font-weight			: bold;
	cursor				: pointer;
	overflow			: hidden;
	border				: none;
	color				: #000000;
}

#v_slideout, #v_slidein, #v_hide, #v_show{
	display				: none;
}

#vertical_slide{
	background			: url(header_bg.jpg) repeat-x top left;
	margin-bottom		: 0px;
	padding-bottom		: 0px;
}

.ajx-tab-selected{
	padding-top			: 0px;
	margin-top			: 0px;
}

/*menu*/

.menu_container{
	margin-left			: auto;
	margin-right		: auto;
	text-align			: center;
	width				: 890px;
	/*background			: url(menu_bg.jpg) no-repeat top left;*/
	height				: 40px;
}

.head_menu{
	/*width				: 460px;*/
	margin-left			: auto;
	margin-right		: auto;
	text-align			: center;
	/*padding-top			: 5px;*/
}


.menu_1{
	display				: block;
	background			: url(1_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
	
}
.menu_1:hover{
	background			: url(1_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}
.menu_2{
	display				: block;
	background			: url(2_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_2:hover{
	background			: url(2_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}
.menu_3{
	display				: block;
	background			: url(3_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_3:hover{
	background			: url(3_oldal_hover.jpg) no-repeat top;
}
.menu_4{
	display				: block;
	background			: url(4_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_4:hover{
	background			: url(4_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}
.menu_5{
	display				: block;
	background			: url(5_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_5:hover{
	background			: url(5_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}
.menu_6{
	display				: block;
	background			: url(6_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_6:hover{
	background			: url(6_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}
.menu_7{
	display				: block;
	background			: url(7_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_7:hover{
	background			: url(7_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}
.menu_8{
	display				: block;
	background			: url(8_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_8:hover{
	background			: url(8_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}
.menu_9{
	display				: block;
	background			: url(9_oldal.jpg) no-repeat top;
	width				: 50px;
	height				: 20px;
	text-indent			: -9999px;
	outline				: none;
	float				: left;
	cursor				: pointer;
}
.menu_9:hover{
	background			: url(9_oldal_hover.jpg) no-repeat top;
	cursor				: pointer;
}

.toggle{
	width				: 890px;
	background			: url(close_bg.jpg) no-repeat top left;
	margin-left			: auto;
	margin-right		: auto;
	height				: 21px;
}

/* ICONOS */

span.xforms-required-icon, span.xforms-alert, span.xforms-help, span.xforms-hint {
	vertical-align		: top;
}

.xforms-required-icon {
    display				: none;
    color				: red;
}

.xforms-required .xforms-required-icon {
    display				: inline;
    margin-left			: 3px;
}

div.xforms-help-value, div.xforms-alert-value, div.xforms-hint-value { 
	display				: none;
	background-color	: #ffffee;
	position			: absolute;
	border				: black 1px solid; 
	width				: 200px;
	margin-top			: 16px;
	margin-left			: -16px;
	padding				: 5px;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

span.xforms-alert {
	display				: none;
}

.xforms-invalid span.xforms-alert {
	display				: inline;
}

div.xforms-alert-value {
	background-color	: #ffeeee;
}

span.xforms-alert-icon, span.xforms-help-icon, span.xforms-hint-icon {
	cursor				: help;
	padding-left		: 16px;
	width				: 16px;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}

span.xforms-alert-icon {
	background-image	: url(icon_error.gif);
}

span.xforms-help-icon {
	background-image	: url(icon_help.gif); 
}

span.xforms-hint-icon {
	background-image	: url(icon_hint.gif); 
	background-repeat : no-repeat;
}
div.ajx-dialog {
	display				: none;
	position			: absolute;
	width				: 400px;
	height				: 300px;
	background-color	: white;
	border-top			: 1px solid black;
	border-left			: 1px solid black;
	border-bottom		: 3px solid black;
	border-right		: 3px solid black;
	padding				: 10px;
	z-index				: 10;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
}
div.ajx-dialog input[type=text]{
	width			: 50;
}
div.ajx-dialog label.xforms-label{
	width			: 150;
}
div.ajx-dialog td{
	padding-left:0;
	/*border:1px solid black;*/
}

/*div.ajx-dialog .xforms-select1{
	float:right;
}*/
.repeat-div div{
	margin-left:25px;
	/*border:1px dotted #c1c1c1;*/
}