/* Javascript stuff */
.cb_clr {zoom: 1;}
.cb_clr:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cb_hidden {display: none;}
.cb_js .cb_room_toggle,
.cb_js .cb_ac_section_room_childages,
.cb_js .cb_ac_section_room,
.cb_js .cb_form_beds_cont,
.cb_js .cb_ns_submitbtn,
.cb_js .cb_form_weekpicker_cnt,
.cb_js .cb_form_beds_moveme_cnt,
.cb_js .cb_acc_datepicker_cnt_moveme_cnt {display: none;}

/* RESET */
.Citybreak_engine ol, .Citybreak_engine ul, .Citybreak_engine li, .Citybreak_engine form, .Citybreak_engine label {margin:0; padding:0; border:0; outline:0; font-size:100%;}
.Citybreak_engine h1, .Citybreak_engine h2, .Citybreak_engine h3, .Citybreak_engine h4 {margin:0; padding:0; border:0; outline:0;}
.Citybreak_engine tbody, .Citybreak_engine tfoot, .Citybreak_engine thead, .Citybreak_engine tr, .Citybreak_engine th, .Citybreak_engine td {padding:0; font-size:100%; font-weight: normal;}
.Citybreak_engine ol, .Citybreak_engine ul {list-style: none;}
.Citybreak_engine {line-height: normal;}
.Citybreak_engine input[type='checkbox'],
.Citybreak_engine input[type='radio'] {margin: 0; padding: 0; width: auto !important;}
.Citybreak_engine input {height: auto;}
.Citybreak_engine b, .Citybreak_engine strong {font-weight: bold;}

/* RESET CONFIG STYLES */
.Citybreak_engine .Citybreak_SidebarBox.Citybreak_Search .cb_inner .cb_bd {border: 0; background: transparent;}
.Citybreak_engine .Citybreak_SidebarBox .cb_inner {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

/* GENERAL STYLES */
/* input, selects */
.Citybreak_engine .Citybreak_SidebarBox input[type='text'] {font-size: 11px; margin: 0; border: 1px solid #ccc; border-top: 1px solid #999; padding: 0 5px; line-height: 20px; height: 20px; vertical-align: middle;} /* general style for input text fields in sidebar column, i.e. search forms and filters */
.Citybreak_engine .Citybreak_SidebarBox input.cb_info_state {font-style: italic; color: #666;}
.Citybreak_engine .Citybreak_SidebarBox select {border: 1px solid #ccc; border-top: 1px solid #999; padding: 2px; font-size: 11px; height: 22px; line-height: 16px;}
/* date picker triggers */
.Citybreak_engine .cp_cal_trig_from {display: block; width: 16px; height: 14px; float: left; cursor: pointer; }
.Citybreak_engine .cp_cal_trig_from.cb_disabled {cursor: auto;}

/* BUTTONS */
/* IMPORTANT - note that buttons must be styled for use as both a and button tags (for compability when javascript is disabled) */
/* base style for buttons*/
.Citybreak_Button {text-align: center; display: block; padding: 5px 10px; cursor: pointer; border-style: solid; border: 1px solid #666; background-color: #999; color: #fff; text-decoration: none !important;}
.Citybreak_Button:hover {background-position: 0 -100px; text-decoration: none !important;}
.Citybreak_Button:active, .Citybreak_Button.cb_sel {background-image: none;}
/* below fix (for ff bug) keep consistent line-height and height in all browsers */
a.Citybreak_Button, input.Citybreak_Button {line-height: 16px !important;}
input.Citybreak_Button[type='submit']::-moz-focus-inner {border: 0;}

/* SEARCH FORMS */
.Citybreak_SearchBox .cb_form_row {float: left; display: block; width: 100%; position: relative;}
/* where do you */
.Citybreak_SearchBox .cb_form_row .cb_show_mapview {position: absolute; top: 8px; right: 0; line-height: 1;}
/* form title labels  */
.Citybreak_SearchBox .cb_titlelabel {line-height: 1; height: 17px; padding-top: 8px; display: block; font-weight: bold;}
.Citybreak_SearchBox .cb_main_formlabel {line-height: 1; height: 17px; padding-top: 8px; display: block; font-weight: bold;}
.Citybreak_SearchBox .cb_roominfo_hd {font-weight: bold; padding-bottom: 0; margin-bottom: -5px; float: left; width: 100%; border-top: 1px solid #e6e6e6; margin-top: 5px; padding-top: 5px;}
.Citybreak_SearchBox .cb_byline {font-style: italic; font-size: 10px; margin-top: 2px; width: 100%; float: left; color: #666;}
/* radiobutton set */
.Citybreak_SearchBox .cb_radio {display:block; clear:left;}
.Citybreak_SearchBox .cb_radio + .cb_radio {padding-top: 4px;}
.Citybreak_SearchBox .cb_radio input {float: left; margin: 0 3px 0 0; padding: 0;}
.Citybreak_SearchBox .cb_radio .cb_radio_lbl {display: inline-block;}
/* checkbox set */
.Citybreak_SearchBox .cb_checkbox {display: block; clear: left; padding-top: 8px;}
.Citybreak_SearchBox .cb_checkbox + .cb_checkbox {padding-top: 4px;}
.Citybreak_SearchBox .cb_checkbox input[type='checkbox'] {float: left; margin: 0 4px 0 0; padding: 0;}
.Citybreak_SearchBox .cb_checkbox .cb_checkbox_lbl {display: inline-block;}
/* child age selector */
.Citybreak_SearchBox .cb_form_row .cb_childage_input label {float: left; padding: 0;}
.Citybreak_SearchBox .cb_form_row .cb_fields.cb_children input {width: 18px !important; text-align: center;}
.Citybreak_SearchBox .cb_form_row .cb_fields.cb_children .cb_childage_input {float: left; width: 46px;}
.Citybreak_SearchBox .cb_form_row .cb_fields.cb_children .cb_childage_input span.cb_child_lbl {float: left; display: block; width: 14px; line-height: 19px;}

/* BASE FORM */
.Citybreak_engine .Citybreak_SidebarBox .cb_inner .cb_hd,
.Citybreak_engine .Citybreak_SidebarBox .cb_inner .cb_ex {display: none;}
/* full width input and selects for sidebar */
.Citybreak_engine .Citybreak_SidebarBox input[type='text'] {}
.Citybreak_engine .Citybreak_SidebarBox select {margin: 0;}
.Citybreak_engine .Citybreak_SidebarBox .cb_selects + .cb_selects {margin-top: 5px;}
/* 2 column layout in sidebar for check-in/out, guests, passengers etc */
.Citybreak_engine .Citybreak_SidebarBox .cb_col_left {float: left; width: 100px; padding-right: 10px;}
.Citybreak_engine .Citybreak_SidebarBox .cb_col_right {float: left; width: 100px;}
.Citybreak_engine .Citybreak_SidebarBox .cb_2col select {}
.Citybreak_engine .Citybreak_SidebarBox .cb_date_input {position: relative; float: left;}
.Citybreak_engine .Citybreak_SidebarBox .cb_date_input input[type='text'] {float: left;}
.Citybreak_engine .Citybreak_SidebarBox .cb_date_input .cp_cal_trig_from {position: absolute; top: 4px; right: 4px;}
/* wide date input */
.Citybreak_engine .Citybreak_SidebarBox .cb_date_input {position: relative; float: left;}
.Citybreak_engine .Citybreak_SidebarBox .cb_showas_radiolist {display: none;}

/* POPUP DATEPICKER */
/* datepicker popup container */
#cb-ui-datepicker-div.cb-ui-datepicker {padding: 7px; z-index:199!important; border: 1px solid #ccc; background-color: #fff; z-index:199!important; display: none;}
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-header {position: relative;}
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-title {font-size: 12px; text-align: center; line-height: 19px; font-weight: bold;}
#cb-ui-datepicker-div.cb-ui-datepicker a {text-decoration: none;}
#cb-ui-datepicker-div.cb-ui-datepicker a:hover {text-decoration: none;}
/* prev / next */
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-prev,
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-next {display: block; position: absolute; top: 0; text-indent: -1000px; overflow: hidden; cursor: pointer; width: 18px; height: 18px;}
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-prev {left: 0; background-position: -90px -120px;}
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-prev:hover {background-position: -120px -120px;}
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-next {right: 0; background-position: -150px -120px;}
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-next:hover {background-position: -180px -120px;}
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-prev.cb-ui-state-disabled,
#cb-ui-datepicker-div.cb-ui-datepicker .cb-ui-datepicker-next.cb-ui-state-disabled {display: none;}
/* general calendar day styles */
#cb-ui-datepicker-div.cb-ui-datepicker table {border-collapse: collapse; font-size: 11px;}
#cb-ui-datepicker-div.cb-ui-datepicker th {text-align: center; font-weight: bold; line-height: 20px;}
#cb-ui-datepicker-div.cb-ui-datepicker td {width: 27px; text-align: center; border: 1px solid #e6e6e6; padding: 0; line-height: 20px;}
#cb-ui-datepicker-div.cb-ui-datepicker td a,
#cb-ui-datepicker-div.cb-ui-datepicker td span {width: 27px; display: block; line-height: 20px;}
/* datepicker calendar base day styles */
#cb-ui-datepicker-div.cb-ui-datepicker td.cb-ui-datepicker-unselectable,
#cb-ui-datepicker-div.cb-ui-datepicker td.cb-ui-datepicker-disabled {color: #ccc; text-decoration: line-through;} /* passed days in this month */
#cb-ui-datepicker-div.cb-ui-datepicker td.cb-ui-datepicker-other-month a {color: #999;} /* selectable days in other month */
#cb-ui-datepicker-div.cb-ui-datepicker td a {color: #000;}
/* datepicker calendar specific day styles */
#cb-ui-datepicker-div.cb-ui-datepicker td a.cb-ui-state-hover {background-color: #ccc;}
#cb-ui-datepicker-div.cb-ui-datepicker td a.cb-ui-state-active {background-color: #666; color: #fff;}

/* DETAILS POPUP - general overlay presentation, e.g. for map in search form or produkt description in google map balloon or calendar  */
/* outer container if used as div layer */
.cb_overlay_popup {border: 1px solid #ccc; background-color: #fff; display: none; position: absolute; z-index: 999;}
.cb_overlay_popup .cb_lip {position: absolute;}
.cb_overlay_popup.cb_left .cb_lip {left: -10px;}
.cb_overlay_popup.cb_right .cb_lip {right: -10px;}
.cb_overlay_popup .cb_icon.cb_closeoverlay {position: absolute; top: 4px; right: 4px;}
.cb_overlay_popup .cb_overlay_popup_inner {background-color: #fff;}
/* product content */
.cb_overlay_popup.cb_product {width: 350px;}
.cb_overlay_popup.cb_product .cb_lip {bottom: 30px;}
.cb_overlay_popup.cb_product .cb_overlay_popup_inner {padding: 15px;}
.cb_overlay_popup.cb_product .cb_overlay_popup_inner.cb_loading {}
.cb_overlay_popup_cnt.cb_product {}
.cb_overlay_popup_cnt.cb_product .prod_additional {border-bottom: 1px solid #ccc; padding: 3px 0 7px 0;}
.cb_overlay_popup_cnt.cb_product .prod_additional .cb_prod_arena_cat span {display: block;}
.cb_overlay_popup_cnt.cb_product .cb_info {padding-top: 10px;}
.cb_overlay_popup_cnt.cb_product .cb_info .cb_img {float: left; margin: 0 10px 5px 0;}
.cb_overlay_popup_cnt.cb_product .cb_info .cb_img img {display: block; width: 70px; height: 70px;}
.cb_overlay_popup_cnt.cb_product .cb_prod_action {width: 100%; margin-top: 10px;}
.cb_overlay_popup_cnt.cb_product .cb_prod_action .cb_tag {float: left; margin-right: 10px;}
.cb_overlay_popup_cnt.cb_product .cb_prod_action .Citybreak_Button {float: right; margin-top: -5px;}
/* map content */
.cb_overlay_popup.cb_geomap {width: 600px;}
.cb_overlay_popup.cb_geomap .cb_lip {display: none;}
.cb_overlay_popup.cb_geomap .cb_map {float: left; padding-right: 10px; background-repeat: no-repeat; background-color: #fff; position: relative;}
.cb_overlay_popup.cb_geomap .cb_regions {padding: 10px;}
.cb_overlay_popup.cb_geomap li, .cb_overlay_popup.cb_geomap h4 {border-bottom: 1px solid #ccc;}
.cb_overlay_popup.cb_geomap li a {display: block; padding: 6px 0;}
.cb_overlay_popup.cb_geomap h4 {padding: 8px 0 4px 0;}
/* add to calendar (if more than on occasion in share function) */
.cb_overlay_popup.cb_occasionpicker {width: 400px;}
.cb_overlay_popup.cb_occasionpicker .cb_lip {top: 20px;}
.cb_overlay_popup.cb_occasionpicker .cb_overlay_popup_inner {padding: 15px;}
.cb_overlay_popup.cb_occasionpicker h4 {padding-bottom: 6px;}
.cb_overlay_popup.cb_occasionpicker h4, .cb_overlay_popup.cb_occasionpicker ul {border-bottom: 1px solid #ccc;}
.cb_overlay_popup.cb_occasionpicker ul {overflow: auto; height: 150px;}
.cb_overlay_popup.cb_occasionpicker li {display: block; padding: 6px 0; cursor: pointer;}
.cb_overlay_popup.cb_occasionpicker li.cb_selected {background-color: #ccc;}
.cb_overlay_popup.cb_occasionpicker li + li {border-top: 1px solid #ccc;}
.cb_overlay_popup.cb_occasionpicker .Citybreak_Button {float: right; margin-top: 7px;}

/* DETAILS POPUP - general overlay presentation, e.g. for map in search form or produkt description in google map balloon or calendar  */
/* lip */
.cb_overlay_popup .cb_lip,
.Citybreak_Occasioncalendar .cb_lip {width: 10px; height: 20px; background: url(../img/spr_bgBaseIcons.png) 0 -480px no-repeat;}
.cb_overlay_popup.cb_right .cb_lip,
.Citybreak_Occasioncalendar.cb_right .cb_lip {background-position: -30px -480px;}
/* outer container if used as div layer */
.cb_overlay_popup {border: 1px solid #aaaaaa;}
.cb_overlay_popup .cb_icon.cb_closeoverlay {position: absolute; top: -6px; right: -6px;}
.cb_overlay_popup .cb_overlay_popup_inner {margin: 3px; border: 1px solid #ccc;}
/* product content */
.cb_overlay_popup.cb_product .cb_overlay_popup_inner {padding: 12px;}
.cb_overlay_popup_cnt.cb_product .prod_additional {border-bottom-width: 2px; border-bottom-style: solid; font-size: 90%;}
/* map content */
.cb_overlay_popup.cb_geomap li, .cb_overlay_popup.cb_geomap h4 {border-bottom: 1px solid #e6e6e6;}
/* add to calendar (if more than on occasion in share function) */
.cb_overlay_popup.cb_occasionpicker .cb_overlay_popup_inner {padding: 12px;}
.cb_overlay_popup.cb_occasionpicker h4, .cb_overlay_popup.cb_occasionpicker ul {border-bottom: 1px solid #e6e6e6;}
.cb_overlay_popup.cb_occasionpicker li.cb_selected {color: #fff;}
.cb_overlay_popup.cb_occasionpicker li + li {border-top: 1px solid #e6e6e6;}

/* SEARCHFORM AUTOCOMPLETE - drop box/list for search forms */
/* text input field indikator */
input[type='text'].cb_ac_input.cb_ac_loading {background-image: url(../img/img_loading_small.gif); background-repeat: no-repeat; background-position: right center;} /*small animation when loading autocomplete results */
/* autocomplete general */
.cb_ac_results {/*display: block !important;*/} /* debugging class to keep the autocomplete visible */
.cb_ac_results {padding: 0; overflow: hidden; z-index: 99999; margin: 0 0 0 0; font-size: 11px; background-color: #fff; border: 1px solid #ccc;}
.cb_ac_results .cb_theresmore {font-size: 11px; color: #646464; font-style: italic; border-top: 1px dotted #c8c8c8; cursor:default;}
.cb_ac_results table {border-collapse: collapse; width: 100%;}
.cb_ac_results td {width: 100%; padding: 0 0 0 5px; line-height: 22px; cursor: pointer;}
.cb_ac_results td.cb_ac_results_tr {border-top: 1px dotted #ccc;} /* applied to first td(row) for each section, i.e dotted line separating "accommodation", "location", "airports" etc */
.cb_ac_results tbody tr:first-child td.cb_ac_results_tr {border-top: 0;} /* no dotted line needed for first section */
/* disabled row */
.cb_ac_results td.cb_ac_disabled {color: #666; font-style: italic;}
/* highlight effect for search word */
.cb_ac_results td strong {background-color: #ffff00; font-weight: normal;}
/* hover effect for each row */
.cb_ac_results td.cb_ac_over {background-color: #ccc;} /* hover effect */
.cb_ac_results td.cb_ac_over strong {} /* hides the highlight effect for search word */
.cb_ac_results td.cb_ac_over span.cb_accat {}
/* icon label */
.cb_ac_results td span.cb_accat {display: block; float: right; position: relative;}
.cb_ac_results td span.cb_accat span.cb_lbl {font-style: italic; color: #666; padding-right: 20px;}
.cb_ac_results td span.cb_accat span.cb_ac_icon {width: 16px; height: 16px; position: absolute; top: 2px; right: 2px;}
/* default icons */
.cb_ac_results .cb_ac_icon			{background: url(../img/spr_bgAutoComplete.png) no-repeat; display: inline-block;} /* sprite for label icons */
.cb_ac_results .cb_ac_hotelicon		{background-position: right 0px;}
.cb_ac_results .cb_ac_areaicon		{background-position: right -20px;}
.cb_ac_results .cb_ac_landmarkicon	{background-position: right -40px;}
.cb_ac_results .cb_ac_airporticon	{background-position: right -60px;}
.cb_ac_results .cb_ac_hostelicon	{background-position: right -80px;}
.cb_ac_results .cb_ac_trainicon		{background-position: right -100px;}
.cb_ac_results .cb_ac_ferryicon		{background-position: right -120px;}
.cb_ac_results .cb_ac_caricon		{background-position: right -140px;}
.cb_ac_results .cb_ac_activityicon	{background-position: right -160px;}
.cb_ac_results .cb_ac_poiicon		{background-position: right -180px;}
.cb_map_pin							{width: 31px; height: 39px; background: url(../img/spr_bgPins.png) no-repeat 0 0; display: block; position: absolute;}
.cb_map_pin.cb_hover				{background-position: -50px 0;}
.cb_map_pin .cb_pin_num				{width: 29px; display: block; font-size: 11px; text-align: center; font-weight: bold; padding-top: 10px; color: #fff;}

/* TIPSY */
.tipsy {padding: 5px; font-size: 10px; position: absolute; z-index: 100000;}
.tipsy-inner {padding: 5px 8px; background-color: #666; color: white; min-width:150px; max-width: 200px; text-align: center;}
.tipsy-inner {border-radius: 2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.tipsy-arrow {position: absolute; background: url('../img/tipsy.gif') no-repeat top left; width: 9px; height: 5px;}
.tipsy-n .tipsy-arrow {top: 0; left: 50%; margin-left: -4px;}
.tipsy-nw .tipsy-arrow {top: 0; left: 10px;}
.tipsy-ne .tipsy-arrow {top: 0; right: 10px;}
.tipsy-s .tipsy-arrow {bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left;}
.tipsy-sw .tipsy-arrow {bottom: 0; left: 10px; background-position: bottom left;}
.tipsy-se .tipsy-arrow {bottom: 0; right: 10px; background-position: bottom left;}
.tipsy-e .tipsy-arrow {top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right;}
.tipsy-w .tipsy-arrow {top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px;}

.Citybreak_SearchBox .cb_form_row .cb_icon.cb_removeicon { float:right; display:block; width:12px; height:14px; padding:0; margin:2px 0 0 5px; }
.Citybreak_SearchBox .cb_form_row .cb_addnew {margin-top: 5px; position: relative; padding: 0 0 0 10px; }
.Citybreak_SearchBox .cb_form_row .cb_icon.cb_addicon {position: absolute; left: 0; top: 50%; margin-top: -5px; display:block; width:10px; height:16px; padding: 0; background: url("../../content/theme/legacy_classic/img/spr_bgBaseIcons.png") no-repeat scroll -90px -240px rgba(0, 0, 0, 0);}
.Citybreak_SearchBox .cb_form_row .cb_caticon.cb_addpassenger {display: none;}
.Citybreak_SearchBox .cb_form_row .cb_caticon.cb_addvehicle {display: none;}
.Citybreak_SearchBox .cb_form_row .cb_caticon {float:left; display:block; width:18px; height:16px; padding:0;}

.Citybreak_SearchBox .cb_ferry_form_passenger,
.Citybreak_SearchBox .cb_ferry_form_vehicle {position: relative;}
.Citybreak_SearchBox .cb_ferry_form_passenger select,
.Citybreak_SearchBox .cb_ferry_form_vehicle select {width: 100% !important;}
.Citybreak_SearchBox .cb_ferry_form_passenger .cb_selects + .cb_selects,
.Citybreak_SearchBox .cb_ferry_form_vehicle .cb_selects + .cb_selects {padding-right: 19px;}
.Citybreak_SearchBox .cb_ferry_form_passenger .cb_ferry_form_passenger_delete,
.Citybreak_SearchBox .cb_ferry_form_vehicle .cb_ferry_form_vehicle_delete {background: #000; background: rgba(0,0,0,0.5); background-image: url(../../content/theme/shared/button_icons/spr_ButtonIcons.png); background-position: -299px -99px; display: block; width: 16px; height: 16px; position: absolute; z-index: 5; top: 3px; right: 0; overflow: hidden; text-indent: -100px; border-radius: 12px;}