Online PHP editor | output for f3lj8

<?php <style> .ui-widget-content { cursor:pointer; background-color:#fff; position:absolute !important; z-index:1000; border-radius:2px; color:#000000; border-top:1px solid #d9d9d9; font-family:Arial, sans-serif; box-shadow:0 2px 6px rgba(0, 0, 0, 0.3); -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; overflow:hidden } .widget-form-row .ui-helper-hidden-accessible { display:none; } .ui-autocomplete { padding-left:0px; } .ui-menu .ui-menu-item { cursor:pointer; padding:0 4px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; line-height:30px; text-align:left; border-top:1px solid #e6e6e6; font-size:12px; color:#000000; list-style:none; } .ui-menu .ui-menu-item a:hover { color:#428bca; text-decoration:none; } .ui-menu .ui-menu-item a:hover { background-color:#fafafa } .ui-menu .ui-menu-item a:selected { background-color:#ebf2fe } .ui-widget-content a { } .autocompleteleft { float:left; width:auto !important; } .autocompleteright { float:right; min-width:60px; line-height:22px; text-align:center; color:#fff; margin:4px 0px 0px 10px; } .ClearBoth { clear:both; } .autocompleteright.Cities { background:#e38a1c; } .autocompleteright.Hotels { background:#ae55c2; } /* Widget Search Style Start */ .widget-search { width:500px; font-family:Arial, Helvetica, sans-serif; } .widget-search-form { width:100%; padding:20px; background:#ffffff; border:1px #cccccc solid; } .widget-form-row { margin-bottom:15px; } .widget-form-row:last-child { margin-bottom:0px; } .widget-input { width:100%; padding:6px 12px; height:34px; font-size:14px; color:#555555; font-size:14px; border:1px #cccccc solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } .widget-form-column { width:48%; } .widget-left { float:left; } .widget-right { float:right; } .widget-clear { clear:both; } .widget-location { background:url(http://travelonlineadvisor.com/assets/images/location-bg.png) no-repeat center right #ffffff; padding-right:25px; } .widget-calander { background:url(http://travelonlineadvisor.com/assets/images/datepic-icn.png) no-repeat right center #ffffff; padding-right:40px; } .widget-guest-info { margin-left:-10px; margin-right:-10px; } .widget-form-column-small { width:33.33333333%; padding:0px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; } select.widget-input { appearance:none; -moz-appearance:none; -webkit-appearance:none; -o-appearance:none; background:url(http://travelonlineadvisor.com/assets/images/select-appearance.png) no-repeat right center #ffffff; cursor:pointer; } .widget-input-search { background:url(http://travelonlineadvisor.com/assets/images/search.png) no-repeat scroll 95.5% center #ffa42c; height:35px; padding:0px 20px; text-align:left; color:#ffffff; font-size:16px; font-family:Arial, Helvetica, sans-serif; border:none; text-transform:uppercase; width:100%; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; cursor:pointer; } /* Widget Search Style End */ /* Date picker style added by suresh*/ .datepicker-wrap .ui-datepicker-trigger { width:30px; height:100%; position:absolute; right:0; top:0; cursor:pointer; background-color:transparent; z-index:1; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity:0; -khtml-opacity:0; opacity:0; } .datepicker-wrap:after { display:block; font-family:"soap-icons"; /*content:"\e86a";*/ content:""; font-size:25px; color:#fff; position:absolute; right:0; top:0; bottom:0; width:30px; height:100%; text-align:center; line-height:34px; /*background:#fdb714;*/ background:none; } .datepicker-wrap.yellow:after { background:#e38a1c; } .datepicker-wrap.green:after { background:#98ce44; } .datepicker-wrap.blue:after { background-color:#01b7f2; } .datepicker-wrap.dark-blue:after { background-color:#2d3e52; } .datepicker-wrap.transparent:after { background-color:transparent; color:#e38a1c; } .ui-datepicker { width:20em; padding:0; display:none; background:#fff; border:1px solid #e38a1c; z-index:999 !important; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background:#e38a1c; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:11px; cursor:pointer; } .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .ui-datepicker .ui-datepicker-next.ui-state-disabled { visibility:hidden; } .ui-datepicker .ui-datepicker-prev:before, .ui-datepicker .ui-datepicker-next:before { content:""; display:block; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; } .ui-datepicker .ui-datepicker-prev { left:24px; } .ui-datepicker .ui-datepicker-prev:before { border-right:8px solid #fff; } .ui-datepicker .ui-datepicker-next { right:24px; } .ui-datepicker .ui-datepicker-next:before { border-left:8px solid #fff; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display:none; } .ui-datepicker .ui-datepicker-title { margin:5px; text-align:center; color:#fff; font-size:1.1667em; font-weight:bold; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year { width:100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:49%; } .ui-datepicker table { width:100%; font-size:12px; border-collapse:collapse; } .ui-datepicker th { width:30px; height:30px; line-height:30px; background:#f5f5f5; } .ui-datepicker th span { display:block; text-align:center; font-size:1.1667em; font-weight:normal; color:#e38a1c; } .ui-datepicker span.ui-datepicker-month { font-weight:bold; } .ui-datepicker .ui-datepicker-calendar td { vertical-align:middle; text-align:center; } .ui-datepicker .ui-datepicker-calendar td a, .ui-datepicker .ui-datepicker-calendar td span { color:inherit; display:block; height:30px; line-height:30px; text-decoration:none; } .ui-datepicker .ui-datepicker-calendar td.ui-state-disabled span { color:#dbdbdb; } .ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker .ui-datepicker-calendar td a:hover { background:#e38a1c; color:#fff; } .ui-datepicker.yellow { border:1px solid #e38a1c; } .ui-datepicker.yellow .ui-datepicker-header { background:#e38a1c; } .ui-datepicker.yellow th span { color:#e38a1c; } .ui-datepicker.yellow .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.yellow .ui-datepicker-calendar td a:hover { background:#e38a1c; } .ui-datepicker.green { border:1px solid #98ce44; } .ui-datepicker.green .ui-datepicker-header { background:#98ce44; } .ui-datepicker.green th span { color:#98ce44; } .ui-datepicker.green .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.green .ui-datepicker-calendar td a:hover { background:#98ce44; } .ui-datepicker.blue { border:1px solid #01b7f2; } .ui-datepicker.blue .ui-datepicker-header { background:#01b7f2; } .ui-datepicker.blue th span { color:#01b7f2; } .ui-datepicker.blue .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.blue .ui-datepicker-calendar td a:hover { background:#01b7f2; } .ui-datepicker.dark-blue { border:1px solid #2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-header { background:#2d3e52; } .ui-datepicker.dark-blue th span { color:#2d3e52; } .ui-datepicker.dark-blue .ui-datepicker-calendar td.ui-datepicker-today a, .ui-datepicker.dark-blue .ui-datepicker-calendar td a:hover { background:#2d3e52; } /* Date Picker Style End */ </style>  <script type="text/javascript" src="http://travelonlineadvisor.com/widgets/assets/js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="http://travelonlineadvisor.com/widgets/assets/js/jquery.noconflict.js"></script> <script type="text/javascript" src="http://travelonlineadvisor.com/widgets/assets/js/jquery-ui.1.10.4.min.js"></script> <script type="text/javascript"> tjq(document).ready(function() { var today = new Date(); tjq( "#fromdate" ).datepicker({ defaultDate: "+1w", dateFormat: "mm/dd/yy", numberOfMonths: 1, minDate: today, onSelect: function( selectedDate ) { var checkin = tjq("#fromdate").datepicker("getDate"); var checkinmax = tjq("#fromdate").datepicker("getDate"); var checkout = tjq("#todate").datepicker("getDate"); checkin.setDate(checkin.getDate() + 1); checkinmax.setDate(checkinmax.getDate() + 30); tjq( "#todate" ).datepicker( "option", "minDate", checkin ); tjq( "#todate" ).datepicker( "option", "maxDate", checkinmax ); } }); tjq( "#todate" ).datepicker({ defaultDate: "+1w", dateFormat: "mm/dd/yy", numberOfMonths: 1, minDate: today, maxDate: 30, beforeShow: function( selectedDate ){ if(tjq("#fromdate").val()){ var checkin = tjq("#fromdate").datepicker("getDate"); checkin.setDate(checkin.getDate()); tjq(this).datepicker( "option", "minDate", checkin); } if(tjq("#fromdate").val()){ var checkout = tjq("#fromdate").datepicker("getDate"); checkout.setDate(checkout.getDate() + parseInt(30)); tjq(this).datepicker( "option", "maxDate", checkout); } },onSelect: function( selectedDate ) { var checkin = tjq("#fromdate").datepicker("getDate"); var checkout = tjq("#todate").datepicker("getDate"); if(checkin >= checkout){ checkout.setDate(checkout.getDate() - 1); tjq('#fromdate').datepicker('setDate', checkout); } } }); tjq( "#city" ).autocomplete({ source: function( request, response ) { tjq.ajax({ url: "http://travelonlineadvisor.com/travel/cityautocompletehomepage", dataType: "json", data: { q: request.term }, success: function( data ) { response( data ); } }); }, minLength: 3, select: function( event, ui ) { tjq('#hotelid').val(ui.item.id); console.log( ui.item ? "Selected: " + ui.item.label : "Nothing selected, input was " + this.value); }, open: function() { tjq( this ).removeClass( "ui-corner-all" ).addClass( "ui-corner-top" ); }, close: function() { tjq( this ).removeClass( "ui-corner-top" ).addClass( "ui-corner-all" ); } }) tjq.ui.autocomplete.prototype._renderItem = function(ul, item) { var html = '<a><div class="autocompletefull">'; html += '<div class="autocompleteleft">'; html += item.label; html += '</div>'; html += '<div class="autocompleteright '+item.category+'">'; html += item.category; html += '</div><div class="ClearBoth"></div>'; html += '</div></a>'; return tjq( "<li></li>" ) .data( "item.autocomplete", item ) .append( html ) .appendTo( ul ); }; }); </script> <div class="col-md-6"> <form id="hotel_booking_frm" name="hotel_booking_frm" action="http://travelonlineadvisor.com/travel/hotel_search" method="get" > <div class="widget-search" style="width:300px"> <div class="widget-search-form" style="background-color:#FFFFFF"> <div class="widget-form-inner"> <div class="widget-form-row"> <img src="http://travelonlineadvisor.com/widgets/images/widget-logo.png" alt="" /> </div> <div class="widget-form-row"> <label class="widget-label" style="color:#000000"">Your Destination</label> <input type="text" required name="hotel_destination" id="city" value="" placeholder="Enter a destination or hotel name" class="widget-input widget-location"> <input type="hidden" id="hothotelid" name="hotelid" value="" /> </div> <div class="widget-form-row"> <div class="widget-form-column widget-left"> <label class="widget-label" style="color:#000000"">Check In</label> <input type="text" required name="dateField" id="fromdate" value="" class="widget-input widget-calander"> </div> <div class="widget-form-column widget-right"> <label class="widget-label" style="color:#000000"">Check Out</label> <input type="text" required name="numberOfNights" id="todate" value="" class="widget-input widget-calander"> </div> <div class="widget-clear"></div> </div> <div class="widget-form-row widget-guest-info"> <div class="widget-form-column-small widget-left"> <label class="widget-label" style="color:#000000"">Rooms</label> <select name="numberOfRooms" class="widget-input"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> </select> </div> <div class="widget-form-column-small widget-left"> <label class="widget-label" style="color:#000000"">Adults</label> <select name="room-0-adult-total" class="widget-input"> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="widget-form-column-small widget-left"> <label class="widget-label" style="color:#000000"">Kids</label> <select name="room-0-child-total" class="widget-input"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> </select> </div> <div class="widget-clear"></div> </div> <div class="widget-form-row"> <input type="hidden" name="avail" value="Y" /> <input type="hidden" name="origin" value="MULTI_PRODUCT_SEARCH" /> <input type="hidden" name="cid" value="464818">  <input type="hidden" name="locale" id="locale" value="en_US" > <input type="hidden" name="clientid" value="1008"> <input type="submit" name="hotel_submit_btn" style="background:#FFA42C" id="" value="Search Now" class="widget-input-search"> <div class="widget-clear"></div> </div> </div> </div> </div> </form> </div>