/*
searchresults.css
podl�czamy ten plik css pod:
1) wyniki wyszukiwania
2) dane klienta
3) dane oferty
*/

/*for all steps of reservation*/
	/*banners*/
	#rightside #banners {margin-bottom:10px; display:block;}
	#rightside #banners img {border:none;}
	/*steps*/
	#rightside #steps {margin-bottom:10px; display:block;}
	/*search panel*/
	#leftside #search {height:310px; background:url(/img/bg_searchpanel_search_results.jpg) no-repeat top left; padding:5px 5px; color:#fff; margin-bottom:10px;}
	#leftside #search img {cursor:pointer;}
	#leftside #search span {display:block; font-weight:bold; font-size:11px; margin-bottom:10px; /*for IE -> */ *margin-bottom:7px}
	#leftside #search select {width:155px; border:1px solid #ccc; font-size:11px; margin-bottom:8px; /*for IE -> */ *margin-bottom:7px}
	#leftside #search select.day {width:35px; margin-right:5px;}
	#leftside #search select.month {width:90px;}
	#leftside #search input.search {width:154px; height:37px; background:url(/img/bg_searchpanel_search_results_input.gif) no-repeat top left; color:#fff; font-size:16px;
	font-weight:bold; border:none; text-align:left; padding-left:10px; cursor:pointer; margin-top:8px;}
	#leftside #search img {vertical-align:top;}
	
/*for search result*/	
	/*filtr*/
	#rightside #filtr {height:54px; line-height:30px; background:url(/img/bg_filtr.jpg) no-repeat top center; margin-bottom:30px; color:#fff; padding:5px 10px;}
	#rightside #filtr span {font-weight:bold; padding-right:20px;}
	#rightside #filtr select {width:100px; border:1px solid #ccc; font-size:11px; margin-right:10px;}
	#rightside #filtr .btnfiltr {float:right; border:none; background:transparent url(/img/bg_filtr_button.gif) no-repeat center center; height:55px; width:55px; cursor:pointer;
	font-weight:bold; color:#fff; position:relative; right:2px; font-size:14px;}
	/*sorting*/
	#rightside #sort {float:left; color:#134989; font-size:12px; margin-bottom:10px;}
	#rightside #sort span {color:#ff8000; font-weight:bold;}
	#rightside #sort select {width:80px; border:1px solid #ccc; font-size:11px; margin-right:5px;}
	/*pageing*/
	#rightside .pages {float:right; font-size:12px; margin-bottom:10px;}
	#rightside .pages a {padding:2px 5px; text-decoration:none;}
	#rightside .pages a.mark {background:#1B71BD; color:#fff;}
	#rightside .pages span {padding:0 5px;}
	#rightside .pages img {vertical-align:middle;}
	/*results table*/
	#rightside #results {width:100%; clear:both; margin-bottom:10px; background:url(/img/bg_results_table.jpg) no-repeat top left; color:#444; /*for opera -> */ text-align:left;}
	#rightside #results th {vertical-align:middle; height:30px; line-height:30px; color:#fff; font-size:12px; padding:0 0 0 4px;}
	#rightside #results th.line {border-left:1px solid #fff;}
	#rightside #results th input {border:none; background:transparent url(/img/bg_results_table_button.gif) no-repeat top left; width:118px; height:26px; font-weight:bold;
	font-size:13px; cursor:pointer; float:right; margin-right:2px;}
	#rightside #results td {vertical-align:top; border-bottom:1px solid #666; padding:8px 4px 5px 4px; line-height:16px;}
	#rightside #results td.img {width:75px;}
	#rightside #results td.img img {margin:0 0 5px 0;}
	#rightside #results td.hotel {width:220px;}
	#rightside #results td.hotel strong span {color:#ff8000; font-weight:normal;}
	#rightside #results td.hotel a {font-weight:bold;}
	#rightside #results td.hotel a span {font-weight:normal;}
	#rightside #results td.hotel img {margin-top:4px;}
	#rightside #results td.price {width:130px;}
	#rightside #results td.price span {width:50%; float:left;}
	#rightside #results td.price span span {width:auto; color:#ff8000; font-weight:bold; font-size:12px;}
	#rightside #results td.place {width:120px;}
	#rightside #results td.place img {float:right;}
	#rightside #results td.compare {}
	#rightside #results td.compare span {background:#ff8000; padding:4px 4px; color:#fff; font-weight:bold;}
	
/*for detail offer*/
	/*offer*/
	#rightside #offer {width:100%; clear:both; margin-bottom:10px; color:#444; /*for opera -> */ text-align:left;}
	#rightside #offer th {vertical-align:middle; height:25px; line-height:25px; background:url(/img/bg_results_table.jpg) no-repeat top left; color:#fff; font-size:12px; padding:0 0 0 10px;}
	#rightside #offer th span {color:#ff8000; font-weight:normal;}
	#rightside #offer td {vertical-align:top; font-size:11px;}
	#rightside #offer td.details {background:#F9F8F8; padding:4px 5px 0 10px; border-top:4px solid #fff; border-right:8px solid #fff; font-weight:bold; line-height:20px;}
	#rightside #offer td.details img {float:right;}
	#rightside #offer td.details span#name {font-size:14px; color:#ff8000; display:block; width:250px;}
	#rightside #offer td.details span#name img {float:none; margin-left:10px;}
	#rightside #offer td.details span#rest {display:block; font-weight:normal; margin:5px 0 25px 0; line-height:14px;}
	#rightside #offer td.details span#rest img {float:none; margin:10px 0;}
	#rightside #offer td.details span#google {display:block;}
	#rightside #offer td.details span#google img {vertical-align:middle; float:none;}
	#rightside #offer td.details span#google a {font-weight:normal; text-decoration:underline;}
	#rightside #offer td.details span#nota {display:block; overflow:hidden; height:40px; background:#ECF0F4 url(/img/bg_nota.jpg) no-repeat bottom center; margin:0 -4px 0 -10px; font-weight:normal; padding:10px 10px;}
	#rightside #offer td.details span#nota .nr {float:left; width:70px; font-weight:bold; color:#ff8000;}
	#rightside #offer td.details span#nota .nr span {color:#fff; font-size:14px; padding:10px; background:url(/img/bg_nota_orange.png) repeat-x; margin-right:5px; line-height:30px;}
	#rightside #offer td.details span#nota .pkt {float:right; width:285px; font-size:10px; border-left:1px solid #ccc; padding-left:5px; line-height:14px;}
	#rightside #offer td.details span#nota .pkt table {float:left;}
	#rightside #offer td.details span#nota .pkt table img {margin:5px 5px 0;}
	#rightside #offer td.details span#nota .pkt a {float:right; height:40px; background:url(/img/arrow_nota.gif) no-repeat bottom center;}
	#rightside #offer td.photo {width:300px; border-top:4px solid #fff; text-align:center;}
	#rightside #offer td.photo table {width:100%; background:url(/img/bg_results_photo_middle.gif) repeat-y top center;}
	#rightside #offer td.photo table .pic {margin-bottom:5px;}
	#rightside #offer td.photo table span {display:block; font-weight:bold;}
	#rightside #offer td.photo table span a {margin:0 10px; color:#ff8000; text-decoration:underline;}
	/*calculation*/
	#rightside #calc {width:100%; clear:both; margin-bottom:10px; color:#444; background:url(/img/bg_calc_middle.gif) repeat-y top left; /*for opera -> */ text-align:left;}
	#rightside #calc th {vertical-align:top; height:40px; line-height:30px; background:url(/img/bg_calc_top.gif) no-repeat top left; font-size:12px; padding:0 0 0 10px;}
	#rightside #calc td {vertical-align:top;}
	#rightside #calc td.leftcalc {border-right:1px solid #E6E6E6; width:398px;}
	#rightside #calc td.leftcalc table {width:100%;}
	#rightside #calc td.leftcalc table td {padding:0px 3px 15px;}
	#rightside #calc td.leftcalc table img {cursor:pointer;}
	#rightside #calc td.leftcalc table span.marked {color:#ff8000; font-weight:bold;}
	#rightside #calc td.leftcalc table select,#rightside #calc td.leftcalc table input {border:1px solid #ccc; font-size:11px; margin-right:4px;}
	#rightside #calc td.leftcalc table input.date {width:70px;}
	#rightside #calc td.leftcalc table select.max {width:75px;}
	#rightside #calc td.leftcalc table div {width:49%; float:left;}
	#rightside #calc td.leftcalc table div input {width:100px;}
	#rightside #calc td.rightresults {padding:0 10px;}
	#rightside #calc td.rightresults #finalprice {color:#FF5400; font-size:28px; padding-top: 5px; float:left;}
	#rightside #calc td.rightresults input {background:url(/img/bg_reserv.gif) no-repeat top left; height:41px; width:135px; cursor:pointer; border:none; font-size:18px; font-weight:bold; color:#fff; float:right;}
	#rightside #calc td.rightresults #shortinfo {display:block; clear:both; position:relative; top:10px; text-align:center;}
	#rightside #calc td.rightresults #shortinfo a,#rightside #calc td.rightresults #shortinfo span {color:#ff8000;}
	#rightside #calc td.ending {background:url(/img/bg_calc_bottom.gif) no-repeat top left; height:15px;}
	
	/*description*/
	ul.tabbernav {width:100%; clear:both; margin-bottom:0; color:#444; background:url(/img/bg_details_tab_top.jpg) no-repeat top left; /*for opera -> */ text-align:left;}
	ul.tabbernav li {vertical-align:middle; line-height:28px; color:#fff; font-size:12px; padding:0 0 0 10px; border-right:0 solid #fff; width:100px;}
	ul.tabbernav li a {color:#666; text-decoration:none; font-weight: bold; padding: 10px 0; }
	ul.tabbernav li.tabberactive a {color:#fff;}
	ul.tabbernav li.noline {border-right:none;}
	.opis {vertical-align:top; font-size:11px; background:url(/img/bg_details_tab_middle.jpg) repeat-y top left; padding:10px;}
	.opis p.users {border-bottom:1px solid #ccc; margin-bottom:10px;}
	.opis span {font-weight:bold; color:#228BDC;}
	.opis a {color:#ff8000; font-size:12px;}
	.end {height:11px; background:url(/img/bg_details_tab_bottom.jpg) no-repeat top left;}


/*for data page*/
	#rightside #offer td.details span#offerprice {display:block; margin-bottom:10px;}
	#rightside #offer td.details span#offerprice span {font-weight:bold; color:#FF5400; font-size:30px;}
	/*client data*/
	#rightside #data {width:100%; clear:both; margin-bottom:10px; color:#444; /*for opera -> */ text-align:left;}
	#rightside #data td {height:30px; line-height:30px; background:#F5F5F5; padding:0 10px;}
	#rightside #data th {width:100px; background:#F1F1F1; padding:0 10px; font-weight:normal;}
	#rightside #data th span {color:#f00;}
	#rightside #data select,#rightside #data input,#rightside #data textarea {border:1px solid #ccc; font-size:11px;}
	#rightside #data input {width:200px;}
	#rightside #data textarea {width:95%; height:100px; margin:10px 0;}
	#rightside #data select {margin-right:20px;}
	#rightside #data td.tabtop {vertical-align:middle; height:25px; line-height:25px; background:url(/img/bg_results_table.jpg) no-repeat top left; color:#fff; font-weight:bold; font-size:12px; padding:0 0 0 10px;}
	/*accept*/
	#rightside #accept {display:block; margin-bottom:20px; color:#666;}
	/*confirm button's */
	#rightside #confirm {display:block; margin-bottom:10px; height:71px; background:url(/img/bg_confirm.png) repeat-x top left;}
	#rightside #confirm input {height:41px; cursor:pointer; border:none; font-size:22px; font-weight:bold; color:#fff;}
	#rightside #confirm input.ask {float:left; margin:15px 0 0 20px; width:255px; background:url(/img/bg_confirm_ask.gif) no-repeat top left;}
	#rightside #confirm input.online {float:right; margin:15px 20px 0 0; width:369px; background:url(/img/bg_confirm_online.gif) no-repeat top left;}