/* KalkulĂĄtorok oldal css
   calculators.php
   calculators.tpl
*/

/** Form
*/

.uln {
	border-bottom: 1px dotted #D5E3FB;
	margin-bottom: 10px;
}

._o_calc { padding-top: 20px; }
/*
._o_calc h2 { padding-bottom: 8px; font-weight: bold; font-size: 15px; color: #a2a2a2;}
*/
._o_calc .queryform { margin: 1px 0; padding: 12px 0; width: 100%; overflow: hidden; }
._o_calc .queryform span { margin-top: 3px; padding-right: 10px; float: left; font-weight: bold; color: #3b4d81; }
._o_calc .queryform input.text { width: 269px; float: right; border: 1px solid #8b9cbd; background: #fff url(bg-textinput-light.png) repeat-x left top; }
._o_calc .details { }
._o_calc .section { padding: 10px 0; width: 100%; overflow: hidden; font-size: 11px; background: transparent /*url(border-dotted-lightblue.png) repeat-x left top*/; }
._o_calc .desc { padding-top: 10px; float: left; }
._o_calc .desc h3 { margin-bottom: 5px; font-size: 12px; color: #434e7e; }
._o_calc .desc a.bullet { padding-left: 13px; font-size: 12px; font-weight: bold; color: #3f62a2; background: transparent no-repeat left center; }
._o_calc .desc p { margin: 5px 0; color: #6c6c6c; }
._o_calc .desc a.help, ._o_calc .line a.h
elp { padding-left: 13px; background: transparent url(bullet-questionmark.png) no-repeat left center; }
._o_calc .line {margin: 10px 0px 0px 0px;}
._o_calc .line h3 { margin-bottom: 5px; font-size: 12px; color: #434e7e; font-weight: bold; }
._o_calc .line input.text { width: 269px; float: right; border: 1px solid #8b9cbd; background: #fff url(bg-textinput-light.png) repeat-x left top; }
._o_calc .line select { width: 269px; float: right; border: 1px solid #8b9cbd; color:#7F7F7F !important; }
._o_calc .clearmargin { clear: both; margin-top: 10px;}
._o_calc .leftlabel {float: left;}
._o_calc .choices { float: right; overflow: hidden; }
._o_calc .choices select { font-size: 11px; border: 1px solid #8b9cbd; }
._o_calc .choices select.multiple { width: 271px; }
._o_calc .choices option { color: #6c6c6c; }
._o_calc .choices option.title { font-weight: bold; color: #3b4d81; }
._o_calc .choices option.all { color: #a2a2a2; background-color: #f1f6ff; }
._o_calc .choices .smartrows { font-size: 10px; color: #7e7e7e; }
._o_calc .choices .smartrows .row { margin-bottom: 5px;}
._o_calc .choices .smartrows .row img { vertical-align: -15%; }
._o_calc .choices .smartrows .row strong { vertical-align: 30%; }
._o_calc .choices .smartrows .row select { width: 134px; }
._o_calc .choices .smartrows .add { width: 270px; padding-left: 40px; }
._o_calc .details div.submit { margin-top: -8px; padding: 3px 0 7px 0; text-align: center; border-top: 4px solid #d5e3fb; background-color: #e6eefc; }
._o_calc #cities { display: none; }

._o_calc .row{
	color: #3B4D81;
	clear: both;
	margin-bottom: 5px;
	overflow: hidden;
}

._o_calc .row div{
	display: block;
	margin-left: 25px;
}

._o_calc .row input{
	float: left;
	display: block;
}

._o_calc .row input.right{
	float: right;
	width: 40px;
	margin-top: 5px;
}

._o_calc .row input.right.long{
	width: 65px;
}




/* ber, ekho, gyes */
.details_indent .section {
	margin-bottom: 0;
	padding-left: 10px;
	width: 620px;
}

._o_calc_nopadding .section_nomargin {
/*	padding-top: 0;*/
}

._o_calc_nopadding .section_first {
	padding-top: 0;
}

._o_calc_nopadding {
	padding-top: 0;
}

.section_nomargin {
	margin-bottom: 0;
}

.label_phrasing {
	margin: 0 0 14px 10px;
	display: inline-block;
	width: 593px;
	vertical-align: top;
    font-size: 14px;
}

.label_block {
	display: inline-block;
}

.label_bold {
	margin: 0 0 4px;
	display: inline-block;

	font-weight: bold;
	font-size: 12px;
}

.label_width_A { width: 107px; }
.label_width_B { width: 340px; }
.label_width_C { width: 335px; }
.label_width_D { width: 312px; }

._o_calc_nopadding input[type=radio] {
	margin: 4px 0 0;
	padding: 0;
	float: left; /* IE7 */
}

._o_calc_nopadding input[type=checkbox] {
	margin: 4px 0 0;
	padding: 0;
	float: left; /* IE7 */
}

._o_calc_nopadding form input[type="input"], ._o_calc_nopadding form input[type="text"], ._o_calc_nopadding form input[type="password"], ._o_calc_nopadding form select, ._o_calc_nopadding form textarea {
	font-size: 11px;
	color: #7f7f7f;
}
._o_calc_nopadding form input[type="input"], ._o_calc_nopadding form input[type="text"], ._o_calc_nopadding form input[type="password"], ._o_calc_nopadding form textarea {
	padding-left: 3px;
	padding-right: 3px;
}

._o_calc_nopadding .section_nopadding {
	padding: 0;
	width: 630px;
}

._o_calc_nopadding .section_nopadding .submit {
	margin: 1px 0 0 0;
	height: 74px;
	border-top: none;
	background: url("../img/buttons/submit_bg_grad_73.png") repeat-x;
}

._o_calc_nopadding .section_nopadding .print,
._o_calc_nopadding .section_nopadding .bordered {
	border-top: 1px dotted #C7C7C7;
	background-position: 0 1px;
}

#button_print {
	margin-left: 17px;
}

._o_calc_nopadding .section_nopadding .submit input {
	margin: 8px 0 0;
}

/* special input widths */
#salary_brutto { width: 212px; }
#part_allowance { width: 150px; }
#children_nr { width: 38px; }
#family_tax_allowance_children_nr { width: 38px; }
#society_insurance_exact { width: 68px; }
#date_of_birth_year { width: 38px; }
#date_of_birth_month, #date_of_birth_day { width: 25px; }
#child_care_modification_twins { width: 220px; }

.calculator_result {
	margin-bottom: 20px;
	border: solid #8298bc;
	border-width: 0 1px 1px;
	border-top: 3px solid #3d527c;
	background: #eff3fa;
}

.calculator_result_no_top_border {
	border-top: 1px solid #8298bc;
}

.calculator_result_sum {
	border-top: 1px solid #314166;
	border-bottom: 1px solid #6c82a5;
	background: #6c82a5 url(../img/calculator_result_sum.png) repeat-x;
	border-collapse: collapse;
	width: 630px;
}

.calculator_result_sum td {
	padding: 6px 10px;
	vertical-align: middle;
	color: #fff;
	font-size: 11px;
}

.cell_right {
	text-align: right;
}

.cell_bold {
	font-weight: bold;
}

.calculator_result_details {
	margin: 10px 9px 0;
	border-bottom: 3px solid #3d527c;
	border-collapse: collapse;
	width: 610px;
}

.calculator_result_details caption {
	margin-bottom: 1px;
	padding: 0 10px;
	border-bottom: 3px solid #3d527c;
	text-align: left;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	color: #555;
}

.calculator_result_details td {
	padding: 5px 10px;
	border: dotted #c7c7c7;
	border-width: 1px 0;

	font-size: 11px;
	color: #555;
}

.tr_odd td {
	background: #fff;
}

.calculator_result_text {
	padding: 8px 10px;
	font-size: 11px;
}

.calculator_result_text_additional {
	margin-top: 10px;
	text-align: right;
	color: #929292;
}

._o_calc_nopadding .infobox {
	padding-top: 7px;
}

._o_calc_nopadding .infobox_noimage div.text {
	background-image: none;
	padding-left: 0;
}

.text_bold {
	font-weight: bold;
}

.calculators.p2_form .form div.column {
    float: left;
    width: 150px;
}

.calculators.p2_form .form div.column.right{
	float: left!important;
}

.calculators.p2_form ._o_calc select {
    font-size: 14px !important;
    color: #555 !important;
	width: 100%;
}

.calculators.p2_form ._o_calc option {
    font-family: Verdana;
}

.calculators.p2_form input[type="text"] {
    width: 345px;
    font-size: 14px !important;
    color: #555 !important;
}

.calculators ._o_calc .row {
    clear: both;
    color: #555;
    overflow: visible;
}

.calculators ._o_calc .row:after, .calculators ._o_calc .row:before {
	content: '';
	display: table;
	clear: both;
}

.calculators ._o_calc .row div {
    margin-left: 0;
}

.calculators .listing .list .no {
    display: none;
}

.calculators .actions .view_job {
    position: relative;
    top: 14px;
}
.ui-autocomplete li a.autocomplete_item {
    margin: 0 -4px;
    border: none;
    max-width: 700px;
}

.p2_button_outer.p2_button_outer_big {
    padding-right: 0 !important;
}

.p2_button_outer.p2_button_outer_big .p2_button_inner {
    padding-right: 21px !important;
}

.ui-autocomplete.multiple.sticky {
    position: fixed !important;
    top: 0 !important;
}

.marriage-wrapper{
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #D5E3FB;
}

.have_you_got_disebled_children-wrapper{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dotted #D5E3FB;
}

@media (max-width: 1600px) {
	.ui-autocomplete li a.autocomplete_item {
		max-width: 420px;
	}
}
@media (max-width: 1152px) {
	.ui-autocomplete li a.autocomplete_item {
		max-width: 380px;
	}
}
@media (max-width: 1024px) {
	.ui-autocomplete li a.autocomplete_item {
		max-width: 320px;
	}
}