@font-face {font-family: 'Argumentum-Regular';src: url('fonts/Argumentum-Regular.otf') format('opentype'), url('fonts/21AF26_3_0.eot?#iefix')  format('embedded-opentype');}
@font-face {font-family: 'Argumentum-Medium';src: url('fonts/Argumentum-Medium.otf') format('opentype'), url('fonts/21AF26_4_0.eot?#iefix')  format('embedded-opentype');}
@font-face {font-family: 'Argumentum-Bold';src: url('fonts/Argumentum-Bold.otf') format('opentype'), url('fonts/21AF26_8_0.eot?#iefix')  format('embedded-opentype');}


#test {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #2989d8 13%, #207cca 84%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(13%,#2989d8), color-stop(84%,#207cca), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#2989d8 13%,#207cca 84%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#2989d8 13%,#207cca 84%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#2989d8 13%,#207cca 84%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#2989d8 13%,#207cca 84%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.fb_edge_comment_widget {
    margin-left: -100px;
	margin-top: -250px;
}

html {
	height:100%;
}

#share a {
	margin-right: 15px;
}
#comment {
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	position:absolute;
	display:none;
	background-image:url(images/comment_bg.png);
}
/* cím */
#comment #text1 {
	position:absolute;
	top:40px;
	left:290px;
}
/* netto-brutto-employee */
#comment #text2 {
	position:absolute;
	top:300px;
	left:320px;
}
#comment #arrow2 {
	position:absolute;
	top:200px;
	left:200px;
}
/* dupla katt */
#comment #text3 {
	position:absolute;
	top:120px;
	left:195px;
}
#comment #arrow3 {
	position:absolute;
	top:280px;
	left:740px;
}
/* gyerekek */
#comment #text4 {
	position:absolute;
	top:662px;
	left:300px;
}
#comment #arrow4 {
	position:absolute;
	top:620px;
	left:490px;
}
/* váltzotás */
#comment #text5 {
	position:absolute;
	top:460px;
	left:630px;
}
#comment #arrow5 {
	position:absolute;
	top:420px;
	left:560px;
}

#comment #close_help {
	cursor: pointer;
	position:absolute;
	top:42px;
	left:918px;
	width:32px;
	height:34px;
}
#calculator {
	width:960px;
	height:auto;
}
#graphics {
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.errorTxt {
	color:#FF0000;
}
.precCircle {
	background-image:url(images/prec_bg.png);
	background-repeat:no-repeat;
}
/* *********** STAR  *********** */
#star {
	width:284px;
	font-family: 'Argumentum-Regular';
	color:#656565;
	font-size:14px;
	top:35px;
	left:35px;
	position:relative;
}

/* *********** NOT SUPPORTED BROWSER  *********** */

.center {
	margin-left:auto;
	margin-right:auto;
	width:70%;
}

#notSupportedBrowser_logo .gwt-Image  {
	
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#notSupportedBrowser_smiley_img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 50px;
}

#notSupportedBrowser p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align:center;
	color:#808080;
}

#notSupportedBrowser p a {
	text-decoration: none;
	color:#00aeef;
}

#thankYou {
	margin-top: 30px;
}

.bold {
	font-weight: bold;
}



#notSupportedBrowser_line {
	margin-top: 50px;
	width:100%;
	height:1px;
	background-color:#b3b3b3;
}

#notSupportedBrowser_text {
	margin-top: 20px;
	width:100%;
}

#notSupportedBrowser {
	display:none;
	background-color:none;
	margin-top: 90px;
}

#notSupportedBrowser_div {
	margin-top:20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align:center;
	color:#808080;
}

#html5WarnFF, #html5WarnIE, #html5WarnOpera {
	text-align:center;
	width:120px;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
}

#html5WarnIE, #html5WarnFF, #html5WarnOpera {
	display:none;
	background-color:none;
}

#html5WarnFF .gwt-Label, #html5WarnIE .gwt-Label, #html5WarnOpera .gwt-Label {
	float:left;
}

#html5WarnFF .gwt-Anchor, #html5WarnIE .gwt-Anchor, #html5WarnOpera .gwt-Anchor {
	float:left;
	margin-left:2px;
	color:#00aeef;
	text-decoration: none;
}

/*Law resolution warn*/

#lowResWarn_logo .gwt-Image  {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#lowResWarn_smiley_img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 50px;
}

#lowResWarn p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align:center;
	color:#808080;
}

#lowResWarn p a {
	text-decoration: none;
	color:#00aeef;
}


#lowResWarn_line {
	margin-top: 50px;
	width:100%;
	height:1px;
	background-color:#b3b3b3;
}

#lowResWarn_text {
	margin-top: 20px;
	width:100%;
}

#lowResWarn {
	display:none;
	background-color:none;
	margin-top: 90px;
}




#lowResWarn_div {
	margin-top:20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align:center;
	color:#808080;
}

/*Rotate Warn*/


#rotateWarn_logo .gwt-Image  {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

#rotateWarn_smiley_img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-top: 50px;
}

#rotateWarn p {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align:center;
	color:#808080;
}

#rotateWarn p a {
	text-decoration: none;
	color:#00aeef;
}


#rotateWarn_line {
	width:100%;
	height:1px;
	background-color:#b3b3b3;
}

#rotateWarnn_text {
	margin-top: 20px;
	width:100%;
}

#rotateWarn {
	display:none;
	background-color:none;
	margin-top: 90px;
}




#rotateWarn_div {
	margin-top:20px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align:center;
	color:#808080;
}

/* *********** LOGO & LINE  *********** */
#logo {
	float:left;
	width:960px;
	height:auto;
	position:relative;
	top:0px;
	left:0px;
	z-index:1;
}


#logo img {
	border:none;
}


#logo #logo_img_div {
	float:left;
}

#logo #logo_hr_div {
	float:left;
	height:1px;
	background-color:#a7a7a7;
	border:none;
	margin-top: 50px;
	
	/*margin-left: 300px;
	width: 415px;*/
}

#logo #logo_txt_div {
	float:left;
	margin-top: 30px;
	position: relative;
	padding-right: 15px;
	top: -50px;
	/*background-image:url(images/logo_bg_pattern.png);*/
	background-repeat:repeat-x;
}

#logo #logo_info_btn_div {
	left: 850px;
	position:absolute;
	cursor: pointer;
	margin-top: 35px;
	margin-left: 20px;
	width:32px;
	height:32px;
	background-image:url(images/info_button.png);
}


#logo #logo_help_btn_div {
	left: 903px;
	position:absolute;
	cursor: pointer;
	margin-top: 35px;
	margin-left: 8px;
}


/* *********** HELP WINDOW  *********** */
#help {
	font-family:Argumentum-Regular, Arial, Helvetica, sans-serif;
	top:33px;
	left:446px;
	z-index:2;
	position:absolute;
	width:474px;
	height:393px;
	display: none;
	float:left;
	background-image:url(images/info_bg.png);
}

#help #close_info {
	cursor: pointer;
	position:absolute;
	top:8px;
	left:432px;
	width:32px;
	height:32px;
	background-image:url(images/close_btn.png);
}

#help .header {
	width:284px;
	height:35px;
	background-image:url(images/help_header_bg.png);
	background-repeat:no-repeat;
	float:left;
}
#help .content_wrapper {
	width:284px;
	height:auto;
	float:left;
}
#help .content_wrapper .border_left {
	width:3px;
	height:130px;
	float:left;
	background-image:url(images/help_content_border_left.png);
	background-repeat:no-repeat;
}
#help .content_wrapper .border_right {
	width:3px;
	height:130px;
	float:left;
	background-image:url(images/help_content_border_right.png);
	background-repeat:no-repeat;
}
#help .content {
	width:390px;
	height:auto;
	min-height:200px;
	padding:20px 45px;
	float:left;
}
#help .footer {
	width:284px;
	height:30px;
	background-image:url(images/help_footer_bg.png);
	background-repeat:no-repeat;
	float:left;
}
#help .content hr {
	width:258px;
	height:2px;
	background-color:#a7a7a7;
	border:none;
	margin:0 auto 10px auto;
	border:none;
	float:left;
}
#help .content p {
	/*padding:5px 3px 10px 3px;*/
	padding-left:5px;
	padding-left:5px;
	color:#FFF;
	font-size:14px;
}
#help .footer a {
	text-decoration:none;
	margin:0px 0 0px 15px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffc50a;
}



/* *********** GWT  *********** */
.inputValue {
	text-align:center;
	 outline:0;
	 position:absolute;
	 border:none;
	 font-size:24px;
	 width:170px;
	 height:30px;
	 padding:0;
	 margin:7px 0 0 6px;
}
.inputValueError {
	font-family:Argumentum-Bold;
	font-size:12px;
	position:absolute;
	margin-top:-12px;
	color:#FF0000;
}

.gwt-TextBox {
	font-family: "Argumentum-Medium";
}

.redcolor {
	color:#ff0000;
	font-size:50px;
}