
/* TARIFÁLÓ KOMPONENS - 'PBA3.1' SABLON STÍLUSFÁJL */


/* CÍMEK */

h3 {
	margin: 2px 0px 18px 0px;
	color: #002750;
}

.comTarifalo .tarifaloNagycim {
	clear: both;
	color: #EA600D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom: solid 1px #ADCCD5;
	padding: 0px 0px 5px 3px;
	margin: 14px 10px 10px 10px;
}

.comTarifalo .tarifaloKiscim {
	clear: both;
	color: #004C62;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border-bottom: solid 1px #B9D3DB;
	text-transform: uppercase;
	padding: 0px 0px 2px 2px;
	margin: 10px 12px 6px 12px;
}


/* KERET */

.comTarifalo .tarifaloNote {
	text-align: right;
	font-family: Tahoma;
	font-size: 10px;
	color: #7E7E7E;
	border-top: solid 1px #ADCCD5;
	padding: 6px 10px 5px 0px;
	margin: 15px 10px 5px 10px;
}


/* SZÖVEGES RÉSZEK */

.comTarifalo .tarifaloLeiras {
	width: 90%;
	padding: 10px 0px 15px 23px;
	color: #002750;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	text-align: justify;
}

.comTarifalo .tarifaloInfoNagy {
	padding: 8px;
	font-size: 14px;
	font-weight: bold;
	color: #2B3357;
}

.comTarifalo .tarifaloInfoKicsi {
	padding: 5px 20px 12px 20px;
	font-size: 12px;
	font-weight: bold;
	color: #2B3357;
}


/* OBJEKTUM KONTÉNER */

.comTarifalo .tarifaloObjectRow {
	width: 100%;
	padding: 2px 0px 2px 0px;
	color: #002750;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
}

.comTarifalo .tarifaloSeparator {
	height: 2px;
}

.comTarifalo .tarifaloObjectTitle {
	float: left;
	width: 310px;
	margin: 4px 10px 0px 15px;
}

.comTarifalo .tarifaloObjectInputbox,
.comTarifalo .tarifaloObjectTextbox,
.comTarifalo .tarifaloObjectListbox,
.comTarifalo .tarifaloObjectCheckbox,
.comTarifalo .tarifaloObjectRadio,
.comTarifalo .tarifaloObjectDate,
.comTarifalo .tarifaloObjectCity {
	margin-left: 340px;
	width: 260px;
}

.comTarifalo .tarifaloObjectCheckbox {
	text-align: left;
	padding-left: 5px;
}

.comTarifalo .tarifaloObjectTable {
	margin-left: 380px;
	width: 220px;
	height: 24px;
}

.comTarifalo .objectTable {
	font-family: Tahoma;
	font-size: 11px;
}

.comTarifalo .objectTable th, .comTarifalo .objectTable td {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
}

.comTarifalo .tarifaloObjectLink {
	margin-left: 320px;
	width: 300px;
}

.comTarifalo .tarifaloObjectButton {
	text-align: center;
	margin: 15px 0px 5px 0px;
}


/* BEVITELI MEZŐK */

.comTarifalo input[type="text"],
.comTarifalo input[type="password"],
.comTarifalo select,
.comTarifalo textarea {
	width: 250px;
	border: solid 1px #587271;
	color: #002750;
	font-family: Tahoma;
	font-size: 11px;
	margin: 1px;
	padding: 2px 2px 2px 4px;
	text-align: left;
	vertical-align: baseline;
	height: 20px;
}

.comTarifalo input[type="text"] {
	height: 13px;
}

.comTarifalo input.fixdata {
	width: 250px;
	border: none;
	background: none;
	color: #002750;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	margin: 1px;
	padding: 2px;
	text-align: left;
	vertical-align: baseline;
}

.comTarifalo img.loader {
	padding: 6px 0px 5px 0px;
}

.comTarifalo img.custom_loading {
	padding: 7px 5px 7px 345px;
}

/* LINKEK */

.comTarifalo a {
	color: #6791B9;
	text-decoration: underline;
}

.comTarifalo a:hover {
	color: #4E4E4E;
	text-decoration: none;
}


/* GOMBOK */

.comTarifalo .button {
	background: none;
	background-repeat: no-repeat;
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #004C62;
}

.comTarifalo .normal90 {
	width: 124px;
	height: 28px;
	background-image: url(../images/button90.png);
}

.comTarifalo .back90 {
	width: 124px;
	height: 28px;
	background-image: url(../images/button90_back.png);
}

.comTarifalo .next90 {
	width: 124px;
	height: 28px;
	background-image: url(../images/button90_next.png);
}

.comTarifalo .normal120 {
	width: 136px;
	height: 28px;
	background-image: url(../images/button120.png);
}

.comTarifalo .back120 {
	width: 136px;
	height: 28px;
	background-image: url(../images/button120_back.png);
}

.comTarifalo .next120 {
	width: 136px;
	height: 28px;
	background-image: url(../images/button120_next.png);
}

.comTarifalo .normal180 {
	width: 166px;
	height: 28px;
	background-image: url(../images/button180.png);
}

.comTarifalo .back180 {
	width: 166px;
	height: 28px;
	background-image: url(../images/button180_back.png);
}

.comTarifalo .next180 {
	width: 166px;
	height: 28px;
	background-image: url(../images/button180_next.png);
}

.comTarifalo .next244 {
	width: 244px;
	height: 28px;
	background-image: url(../images/button244_next.png);
}

.comTarifalo .highlighted {
	width: 136px;
	height: 28px;
	background-image: url(../images/button_highlighted.png);
	color: #EA600D;
}

/* SÚGÓ */

.comTarifalo .helpIcon {
	position: absolute;
	margin: -21px 600px;
}


/* PROGRESSBAR */

.comTarifalo .progressbar {
	position: relative;
	width: 585px;
	margin: 0px auto 0px auto;
	padding-bottom: 55px;
}

.comTarifalo .progressbar #track {
	position: absolute;
	width: 585px;
	height: 19px;
	top: 14px;
	left: 0px;		
	background-image: url(../images/progressbar_track.png);
	background-repeat: no-repeat;
}

.comTarifalo .progressbar #slider {
	position: absolute;
	width: 585px;
	height: 19px;
	top: 14px;
	left: 0px;		
	line-height: 18px;
	background-image: url(../images/progressbar_slider.png);
	background-repeat: no-repeat;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

.comTarifalo .progressbar .value_neg {
	color: #004C62;
}

.comTarifalo .progressbar .value_pos {
	color: #FFFFFF;
}

.comTarifalo .progressbar .borders {
	position: absolute;
	width: 50px;
	top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #888888;
}

.comTarifalo .progressbar #startpos {
	text-align: left;
	left: 2px;
}

.comTarifalo .progressbar #endpos {
	text-align: right;
	left: 533px;
}

.comTarifalo .progressbar #startmask {
	display: block;
	position: absolute;
	width: 9px;
	height: 19px;
	top: 14px;
	left: 0px;		
	background-image: url(../images/progressbar_mask.png);
	background-repeat: no-repeat;
}


/* INFOBAR */

.comTarifalo .infobar {
	width: 550px;
	margin: 5px 0px 10px 0px;
}

.comTarifalo .infobar .tarifa {
	float: left;
	width: 300px;
	margin-left: 4px;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #343434;
	text-align: left;
}

.comTarifalo .infobar .tarifa #tarifaid {
	font-weight: normal;
}

.comTarifalo .infobar .operations {
	padding-right: 5px;
	text-align: right;
}

.aktTarifaID {
	padding: 7px 0px 12px 2px;
	font-size: 18px;
	font-weight: bold;
}


/* ÜZENETEK */

.comTarifalo .error {
	padding: 10px 2px 5px 15px;
	color: #BD3131;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
}

.comTarifalo .error ul {
	margin: 0px 0px 10px 16px;
}

.comTarifalo .error ul li {
	color: #FF0000;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: square;
}

.comTarifalo .autherror {
	padding: 50px 20px 52px 20px;
	text-align: justify;
	font-family: Tahoma;
	font-size: 12px;
}

.comTarifalo .autherror #authtitle {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 5px;
	color: #C00000;
}

.comTarifalo .autherror #authdescr {
	color: #DE0000;
}


/* MODUL: LÉPÉSEK */

div#tarifalo_lepesek_betoltes {
	text-align: center;
	padding: 0px 0px 0px 0px;
	color: #686868;
}

ul.tarifalo_lepesek {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul.tarifalo_lepesek li.tarifalo_lepes {
	list-style: none;
	width: 235px;
	height: 26px;
	padding: 10px 0px 0px 14px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #004C62;
}

ul.tarifalo_lepesek li.tarifalo_lepes a {
	color: #004C62;
	text-decoration: none;
}

ul.tarifalo_lepesek li.tarifalo_lepes a:hover {
	color: #004C62;
	text-decoration: none;
}

ul.tarifalo_lepesek li.tarifalo_lepes a.aktivlepeslink {
	color: #FFFFFF;
	text-decoration: none;
}

ul.tarifalo_lepesek li.tarifalo_lepes a.aktivlepeslink:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #E7EEF4;
	text-decoration: none;
}

ul.tarifalo_lepesek li.tarifalo_lepes span.aktivlepes {
	color: #EA600D;
}


/* DEBUG */

.debug {
	width: 98%;
	border: solid 1px #ADCCD5;
	margin: 10px 2px 5px 2px;
	padding: 3px;
}

.debug .debugWindow {
	width: 550px;
	height: 220px;
	border: solid 1px black;
	background: #EFEFEF;
	font-size: 11px;
	margin: 2px;
	padding: 2px;
	overflow: scroll;
}

.comTarifalo .fieldDebug {
	position: absolute;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0000FF;
	margin: 1px;
	padding: 1px;
	border: solid 1px #FF0000;
	text-align: left;
}

.comTarifalo .fieldTypeInput {
	background-color: #FFFF80;
}

.comTarifalo .fieldTypeControl {
	background-color: #97FF97;
}

.comTarifalo .fieldTypeDescription {
	background-color: #9FFFFF;
}

.comTarifalo .fieldTypeTitle {
	background-color: #FFCAB0;
}

.comTarifalo .fieldTypeCustom {
	background-color: #FC8D8D;
}

.comTarifalo .fieldDebug .fieldtype {
	color: #121212;
}


/* MEZŐ ELLENŐRZÉS */

.comTarifalo input.check_failed, .comTarifalo select.check_failed {
	background-color: #ECDEC1;
	border-color: #CC6702;
	color: #C00000;
}


/* DÍJSZÁMÍTÁS TÁBLA */

.ie_outofdate {
	background-color: #FFE1E1;
	border: solid 2px #FF0000;
	padding: 20px;
	margin: 3px 2px 10px 2px;
	color: #C00000;
	font-weight: bold;
	text-align: center;
}

div.dijszamitas_kontener {
	position: relative;
}

div.dijszamitas_kontener div.param1 {
	float: left;
	width: 178px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 20px;
}

div.dijszamitas_kontener div.param2,
div.dijszamitas_kontener div.param3 {
	float: left;
	width: 138px;
	font-weight: bold;
	font-size: 13px;
}

div.dijszamitas_kontener div.param4 {
	float: left;
	width: 138px;
	margin-left: 60px;
	font-weight: bold;
	font-size: 13px;
}

div.dijszamitas_kontener div.param1_upsell {
	float: left;
	width: 122px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 25px;
}

div.dijszamitas_kontener div.param2_upsell {
	float: left;
	width: 100px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 20px;
	
}

div.dijszamitas_kontener div.param3_upsell {
	float: left;
	font-weight: bold;
	font-size: 13px;
}

div.dijszamitas_kontener div.param4_upsell {
	float: left;
	width: 108px;
	font-weight: bold;
	font-size: 13px;
	margin-left: 62px;
}

div.dijszamitas_kontener div.param5_upsell {
	float: left;
	width: 138px;
	margin-left: 60px;
	font-weight: bold;
	font-size: 13px;
}

div.legjobb_ajanlat_ikon {
	position: absolute;
	width: 119px;
	height: 124px;
	top: -84px;
	left: 460px;
}

div.megtakaritas {
	background-color: #FFFFFF;
	padding: 15px 5px 15px 25px;
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	color: #FF0000;
	line-height: 24px;
	text-align: center;
	padding-right: 110px;
}

div.megtakaritas span#osszeg {
	font-size: 19px;
	padding-left: 5px;
	padding-right: 3px; 
}

#kgfbfizmod, #kgfbfizutem {
	width: 100px;
}

#lakasfizmod, #lakasfizutem {
	width: 150px;
}


/* BOX */

table.box td.left_top {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_left_top.png);
	background-repeat: no-repeat;
}

table.box td.top {
	height: 17px;
	background-image: url(../images/box/box_top.png);
	background-repeat: repeat-x;
}

table.box td.right_top {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_right_top.png);
	background-repeat: no-repeat;
}

table.box td.left {
	width: 16px;
	background-image: url(../images/box/box_left.png);
	background-repeat: repeat-y;
}

table.box td.right {
	width: 17px;
	background-image: url(../images/box/box_right.png);
	background-repeat: repeat-y;
}

table.box td.left_bottom {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_left_bottom.png);
	background-repeat: no-repeat;
}

table.box td.bottom {
	height: 17px;
	background-image: url(../images/box/box_bottom.png);
	background-repeat: repeat-x;
}

table.box td.right_bottom {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_right_bottom.png);
	background-repeat: no-repeat;
}

table.box td.boxcontent {
	width: 605px;
	background-color: #FDFDFD;
}

table.box_highlighted td.left_top {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_highlighted_left_top.png);
	background-repeat: no-repeat;
}

table.box_highlighted td.top {
	height: 17px;
	background-image: url(../images/box/box_highlighted_top.png);
	background-repeat: repeat-x;
}

table.box_highlighted td.right_top {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_highlighted_right_top.png);
	background-repeat: no-repeat;
}

table.box_highlighted td.left {
	width: 16px;
	background-image: url(../images/box/box_highlighted_left.png);
	background-repeat: repeat-y;
}

table.box_highlighted td.right {
	width: 17px;
	background-image: url(../images/box/box_highlighted_right.png);
	background-repeat: repeat-y;
}

table.box_highlighted td.left_bottom {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_highlighted_left_bottom.png);
	background-repeat: no-repeat;
}

table.box_highlighted td.bottom {
	height: 17px;
	background-image: url(../images/box/box_highlighted_bottom.png);
	background-repeat: repeat-x;
}

table.box_highlighted td.right_bottom {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_highlighted_right_bottom.png);
	background-repeat: no-repeat;
}

table.box_highlighted td.boxcontent {
	width: 605px;
	background-color: #FFF2D7;
}

table.box_active td.left_top {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_active_left_top.png);
	background-repeat: no-repeat;
}

table.box_active td.top {
	height: 17px;
	background-image: url(../images/box/box_active_top.png);
	background-repeat: repeat-x;
}

table.box_active td.right_top {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_active_right_top.png);
	background-repeat: no-repeat;
}

table.box_active td.left {
	width: 16px;
	background-image: url(../images/box/box_active_left.png);
	background-repeat: repeat-y;
}

table.box_active td.right {
	width: 17px;
	background-image: url(../images/box/box_active_right.png);
	background-repeat: repeat-y;
}

table.box_active td.left_bottom {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_active_left_bottom.png);
	background-repeat: no-repeat;
}

table.box_active td.bottom {
	height: 17px;
	background-image: url(../images/box/box_active_bottom.png);
	background-repeat: repeat-x;
}

table.box_active td.right_bottom {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_active_right_bottom.png);
	background-repeat: no-repeat;
}

table.box_active td.boxcontent {
	width: 605px;
	background-color: #DFEEFF;
}

table.box_inactive td.left_top {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_inactive_left_top.png);
	background-repeat: no-repeat;
}

table.box_inactive td.top {
	height: 17px;
	background-image: url(../images/box/box_inactive_top.png);
	background-repeat: repeat-x;
}

table.box_inactive td.right_top {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_inactive_right_top.png);
	background-repeat: no-repeat;
}

table.box_inactive td.left {
	width: 16px;
	background-image: url(../images/box/box_inactive_left.png);
	background-repeat: repeat-y;
}

table.box_inactive td.right {
	width: 17px;
	background-image: url(../images/box/box_inactive_right.png);
	background-repeat: repeat-y;
}

table.box_inactive td.left_bottom {
	width: 16px;
	height: 17px;
	background-image: url(../images/box/box_inactive_left_bottom.png);
	background-repeat: no-repeat;
}

table.box_inactive td.bottom {
	height: 17px;
	background-image: url(../images/box/box_inactive_bottom.png);
	background-repeat: repeat-x;
}

table.box_inactive td.right_bottom {
	width: 17px;
	height: 17px;
	background-image: url(../images/box/box_inactive_right_bottom.png);
	background-repeat: no-repeat;
}

table.box_inactive td.boxcontent {
	width: 605px;
	background-color: #EFEFEF;
}

td.boxcontent div.insurance {
	float: left;
	width: 130px;
	text-align: center;
	font-size: 10px;
	color: #454545;
}

td.boxcontent div.price {
	float: left;
	width: 320px;
	padding-top: 15px;
}

td.boxcontent div.price div.data1 {
	float: left;
	width: 150px;
	margin-left: 20px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

td.boxcontent div.price div.data2 {
	width: 150px;
	margin: 2px 0px 0px 130px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

td.boxcontent div.price div.data3 {
	width: 150px;
	margin-left: 80px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

td.boxcontent div.price div.data1_upsell {
	float: left;
	width: 100px;
	height: 50px;
	margin-left: 10px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

td.boxcontent div.price div.data2_upsell {
	margin: 2px 0px 0px 130px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
}

td.boxcontent div.price div.data3_upsell {
	margin-left: 30px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FF0000;
}

td.boxcontent div.price div.data4_upsell {
	float: left;
	width: 80px;
	margin-left: 8px;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

td.egyuttkotes_osszes {
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	color: #FF004D;
}

td.boxcontent div.buttons {
	width: 150px;
	margin: 12px 0px 0px 440px;
}

td.boxcontent div.descr {
	margin-top: 5px;
	text-align: center;
	font-size: 11px;
	color: #787878;
}

td.boxcontent div.egyuttk {
	margin-top: 5px;
	text-align: left;
	font-size: 13px;
}


/* ALTERNATÍV BÖNGÉSZŐK DOBOZ */

#alternative_browsers {
	position: relative;
	width: 470px;
	border: solid 1px #C9E0CA;
	background-color: #E3F2E6;
	padding: 4px;
	margin: 5px auto 5px auto;
	text-align: center;
}

#alternative_browsers #close {
	position: absolute;
	right: 6px;
	top: 4px;
	width: 12px;
	height: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #747474;
	cursor: pointer;
}

#alternative_browsers h3 {
	margin: 1px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #5792C1;
}

#alternative_browsers h4 {
	margin: 3px 0px 4px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #73ACBF;
}

#alternative_browsers ul {
	margin: 8px 0px 0px 46px;
}

#alternative_browsers ul li {
	float: left;
	margin-left: 12px;
}

#alternative_browsers ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #AB8E87;
	text-decoration: underline;
}

#alternative_browsers ul li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #8D6B60;
	text-decoration: none;
}
