@CHARSET "UTF-8";
 
 /*layout*/
 /* DATEPICKER ORIGINAL START*/
.datepickercontainer {
	width:130px;
}
input.datepicker {
	background: url(../images/datepicker/calendar.png) no-repeat right #fff;
	width:80px;
	padding: 3px;
	border: 1px solid #7F9DB9;
    cursor: pointer;
}

div.datepicker {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 196px;
	height: 100px;
	position: absolute;
	cursor: default;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
.datepickerContainer {
	background: #121212;
	position: absolute;
	top: 10px;
	left: 10px;
}
.datepickerBorderT {
	position: absolute;
	left: 10px;
	top: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_t.png);
}
.datepickerBorderB {
	position: absolute;
	left: 10px;
	bottom: 0;
	right: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_b.png);
}
.datepickerBorderL {
	position: absolute;
	left: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker/datepicker_l.png);
}
.datepickerBorderR {
	position: absolute;
	right: 0;
	bottom: 10px;
	top: 10px;
	width: 10px;
	background: url(../images/datepicker/datepicker_r.png);
}
.datepickerBorderTL {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_tl.png);
}
.datepickerBorderTR {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_tr.png);
}
.datepickerBorderBL {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_bl.png);
}
.datepickerBorderBR {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(../images/datepicker/datepicker_br.png);
}
.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #eee;
	text-decoration: none;
	cursor: default;
	outline: none;
	border-bottom: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
}
div.datepicker th {
	text-align: right;
	color: #999;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: right;
}
div.datepicker tbody a {
	display: block;
}
.datepickerWeek span {
	color: #88C5EB;
}
.datepickerGoNext a {
	margin-right:6px;
	background: transparent url(../images/datepicker/calendar_next.png) top left no-repeat;
	float: right;
	width: 24px;

}

.datepickerGoPrev a {
	margin-left:6px;
	background: transparent url(../images/datepicker/calendar_prev.png) top left no-repeat;
	float: left;
	width: 24px;
}

.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}
.datepickerYears a,
.datepickerMonths a{
	width: 44px;
	line-height: 36px;
	height: 36px;
	text-align: center;
}
td.datepickerNotInMonth a {
	color: #666;
}
tbody.datepickerDays td.datepickerSelected{
	background: #136A9F;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #17384d;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: right;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}
table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}
/*DATEPICKER ORIGINAL END*/

/* icons start */
.addroomicon {
	width:19px;
	height:19px;
	display: inline-block;
	background: url(../images/icons/icons_20x20.png) 0 -240px no-repeat transparent;
	margin:5px 2px 0 0;
/* 	margin:5px 5px 0 0; ht*/
}

.removeroomicon {
	width:19px;
	height:19px;
	display: inline-block;
	margin: 0;
	margin-top:5px;
	background: url(../images/icons/icons_20x20.png) 0 -260px no-repeat transparent;
}
/* icons end */

/* gui start*/
.inp_checkbox, .inp_radio, .inp_tickbox { display: inline; font-size: 20px; line-height: 20px; cursor: pointer; margin-right: 3px; }
.inp_checkbox .mark, .inp_radio .mark, .inp_tickbox .mark { display: inline; }
.inp_checkbox img, .inp_radio img, .inp_tickbox img { vertical-align: middle; width: 20px; height: 20px; }
.inp_checkbox img, .inp_radio img, .inp_tickbox img { background: transparent url(../images/icons/icons_20x20.png) no-repeat 0 0; }

.inp_checkbox-hover img { background-position: 0 -80px; }
.inp_checkbox-checked img { background-position: 0 -20px; }
.inp_checkbox-checked .inp_checkbox-hover img { background-position: 0 -100px; }
.inp_checkbox-disabled img { background-position: 0 -40px; }
.inp_checkbox-checked .inp_checkbox-disabled img { background-position: 0 -60px; }

.inp_radio img { background-position: 0 -120px; }
.inp_radio-hover img { background-position: 0 -200px; }
.inp_radio-checked img { background-position: 0 -140px; }
.inp_radio-checked .inp_radio-hover img { background-position: 0 -220px; }
.inp_radio-disabled img { background-position: 0 -160px; }
.inp_radio-checked .inp_radio-disabled img { background-position: 0 -180px; }

.inp_tickbox img { background-position: 0 -80px; }
.inp_tickbox-hover img { background-position: 0 -880px; }
.inp_tickbox-checked img { background-position: 0 -300px; }
.inp_tickbox-checked .inp_tickbox-hover img { background-position: 0 -1100px; }
.inp_tickbox-disabled img { background-position: 0 -120px; }
.inp_tickbox-checked .inp_tickbox-disabled img { background-position: 0 -140px; }
/* gui end */
 /*layout*/
 
 /* new? */


#searchbox input {
	font-size:12px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	border-width:1px;
	border-style:solid;	
	border-top-color:#aaaaaa;
	border-right-color:#dddddd;
	border-bottom-color:#dddddd;
	border-left-color:#aaaaaa;
	box-shadow: 0 0 0 #e5e5e5 inset;
	color:#666
}

/*custom select*/
span.customSelect {
	font-size:12px;
	background-color: #ffffff;    
	border-width: 1px;	
	border-color: #c4c6c7;	
	border-style: solid;	
	color:#7c7c7c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 0 #e8e8e8 inset
}

span.customSelectHover {
	border-width: 1px;	
	border-color: #888888;	
	border-style: solid;	
	background-color:#ffffff;
}


/*

AUTOLISTS
editable options

*/

#ajax_listOfOptions{ /* Fő konténer */
	background-color:#FFFFFF;
	color: #666666;
	border-color:#E1E1E1;
	border-width:1px;
	border-style:solid;
}
#ajax_listOfOptions .optionDiv {	/* Inaktív lista elem */
	border-bottom-color:#E1E1E1;
	border-bottom-width:0;
	border-bottom-style:solid;
}

.optionDiv b { /* Egyezés jelölés*/ 
	background-color: #fff;
}
#ajax_listOfOptions .optionDiv2{	/* Szeparátor fejléc */
	color: #666666;
	background-color: #f6f6f6;
}
#ajax_listOfOptions .optionDivSelected{ /* Aktív lista elem */
	background-color: #f6f6f6; 
	color:#666666;
	border-bottom-color:#E1E1E1;
	border-bottom-style:solid;
	border-bottom-width:0;
}
.optionDivSelected b {
	background-color: #f6f6f6;
}


/*
SEARCHBBOX
EDITABLE OPTIONS
*/
#searchbox {
	width:450px;
	height:420px;
}

#searchbox #params { /*keresődoboz*/
	background-color: transparent;
	border-width: 1px;
	border-color: #ddd;
	border-style: solid;
}

#searchbox #smode{
	background-color: transparent;
	border-color: #ddd;
	border-width: 1px;
	border-style: solid;
}

#searchbox #smode label{
	color: #000;
	font-weight:normal;
}

#searchbox #smode .selectedLabel{
	color: #065a95;
	font-weight:bold;
}

#searchbox #addroom a:link, #searchbox .roomselect a:visited
 { /*további szoba hozzáadása felirat*/
	text-decoration: underline;
	font-size:12px;
	color: #1c75b4
}
#searchbox #addroom a:hover, #searchbox #addroom a:visited:hover
 { /*további szoba hozzáadása felirat*/
	text-decoration: none;
	color: #186296
}

#searchbox .item label {
	color: #666;
	font-size: 13px;
}

#searchbox a.button, #searchbox a.button:visited, a.button:visited:hover  {
	border-color:#666666;
	border-width:1px;
	border-style:solid;
	text-align: center;
	color:#FFFFFF;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	font-size:22px;
	background: #065a95;
}
/**/
#searchbox a.button:hover, #searchbox a.button:visited:hover {
	background: #064d7f;
	color:#ffffff;
}

#searchbox .basictab {
	text-align: left;
	border-bottom-color:#999999;
	border-bottom-width:1px;
	border-bottom-style:solid;
}


#searchbox .basictab li a, #searchbox .basictab li a:visited {
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	background-color: #f8f8f8;
	color: #000000;
	text-decoration: none;
}

#searchbox .basictab li a:hover{
	/* TAB mouse over háttér, keret, szöveg szín */
	background-color: #FFFFFF;
	color: #000000;
}

#searchbox .basictab li.selected a{
	/* TAB selected háttér, keret, szöveg szín */
	text-decoration: none;
	background-color: #FFFFFF;
	color: #666666;
	font-weight: bold;
}

/*

EDITABLE GENERAL OPTIONS

CART AND ERROR

*/

.error {/* Hiba doboz*/
	background-color: #fff; 
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-color: #df1507;
	border-width: 1px;
	border-style: solid;
	color: #df1507;
	font-weight: bold;
}

/**/
span.sb_roomchild, 
span.sb_roomage, 
span.sb_roomcot, 
span.sb_roomtype,
span.sb_adult,
span.sb_child 
{margin-right:10px}

span.sb_roomage2 {margin-right:0}

select.sb_adult, 
select.sb_child, 
select.sb_infant, 
select.sb_roomchild, 
select.sb_roomcot {width:35px;}
select.sb_roomage {width:35px}
select.sb_roomtype {width:130px}

/**/
#fromname1, #toname1, .fromnamecontainer, .tonamecontainer {width:130px}
.hoteloptions, .peoplecount {color:#666}
.pickuplocationwrapper, .dropofflocationwrapper {width:130px}
#pickuplocation, #dropofflocation, #driverage, #pickuptime, #dropofftime {width:130px}
.pickuptimewrapper, .dropofftimewrapper, .driveragewrapper {width:130px}
#cargroup {width:130px;}
select.sb_driverage, .airlinepref {width:60px}
select.sb_class {width:130px}

.hotelnamewrapper {margin-right:10px}
#hotelname {width:130px}
select.sb_hotelcategory {width:130px}

/*transfer*/
select.sb_tpickuplocation, 
select.sb_tpickuppoint,
select.sb_tdropofflocation,
select.sb_tdropoffpoint,
select.sb_tlanguage,
.tpickuppointwrapper,
.tdropoffpointwrapper,
.tlanguagewrapper
 {width:130px}
 
 #t_adults, #t_children {width:48px}

.cargroupwrapper {width:130px}

#ajax_listOfOptions.airlines {
	height:52px !important;
}
.adultwrapper, .childwrapper, .infantwrapper {margin-right:15px}