2804
правки
Изменения
Перейти к навигации
Перейти к поиску
<div id="main"> <div class="title"> <h1>Поиск авиабилетов</h1> </div> <form name="search-form" id="search-form" method="POST" action="http://lightform/index.php?go=search/index"> <fieldset> <div class="box"> <div class="bg-t"> <div class="form-track"> <h2>Маршрут</h2> <div class="mtext"></div> <div class="row"> <input type="hidden" value="1" name="real_gogo"> <input type="radio" id="trip_type" name="trip_type" value="OW" checked>В одну сторону <input type="radio" id="trip_type" name="trip_type" value="RT">Туда и обратно </div> <div id="normal-selection"> <!-- Строка вылета --> <div class="row row-departure"> <!-- Вылет из --> <div class="col-airport"> <label>Вылет</label><span style="display: none; margin-left: 100px;" class="required error" id="out_search-error"></span> <div class="location_select"> <span class="hint"> <div id="span_out_search"></div> <input type="text" style="width: 100%; display: none;" class="loc ac_input" value="" id="out_search" name="out_search" check="" autocomplete="off"> </span> <div id="control_out_iata"> <input type="hidden" rel="{group:['OW', 'RT'], visitor:'prev_iata', id: 'out_search-error', required_error:'Обязательное поле'}" class="v-visitor v-required" value="" name="out_iata"> </div> </div> </div> <!-- Дата вылета --> <div class="col-date"> <label>Дата вылета</label> <div class="inp-hold"> <input type="text" rel="{group:['OW', 'RT'], pattern:/^[\d]{2}\.(0[1-9]|1[0-2])\.(19|20)[\d]{2}$/, date:{use_datepicker_limits: 1}, visitor: 'rt_prev_date', required_error:'Обязательное поле'}" maxlength="10" size="10" value="" id="departure_date" class="text v-date v-required v-visitor" name="departure_date"><span class="smbl_req"> * </span><span normal_error="" field="departure_date" id="departure_date-error" class="required error" style="display:none;"></span> </div> </div> <!-- Время вылета --> <div class="col-time"> <label>Время вылета</label> <span class="hint"> <select rel="{group:['RT'], visitor: 'rt_daytime'}" class="v-prefered v-required v-visitor" id="prefered_departure_type" name="prefered_departure_type"> <option selected="" value="not_important">в любое время </option> <option value="morning">утром </option> <option value="afternoon">днем </option> <option value="evening">вечером </option> <option value="night">ночью </option> </select> </span> <span normal_error="" field="prefered_departure_type" id="prefered_departure_type-error" class="error"></span> </div> </div> <div class="arrows arrow_ow" id="arrows"></div> <!-- Строка прилета (обратного вылета) --> <div class="row row-arrival"> <!-- Пункт прилета --> <div class="col-airport"> <label>Прилет </label><span style="display: none; margin-left: 100px;" class="required error" id="in_search-error"></span> <div class="location_select"> <span class="hint"> <div id="span_in_search"></div> <input type="text" style="display: none;" class="loc ac_input" size="40" rel="{group:['OW','RT'], visitor:'prev_iata'}" value="" id="in_search" name="in_search" check="" autocomplete="off"> </span> <div id="control_in_iata"> <input type="text" rel="{group:['OW','RT'], visitor:'prev_iata', id: 'in_search-error', required_error:'Обязательное поле'}" style="display: none;" class="v-visitor v-required" value="" name="in_iata"> </div> </div> </div> <!-- Дата обратного вылета --> <div style="display: none;" id="control_back_departure_date" class="col-date"> <label>Обратный вылет</label> <div class="inp-hold"> <input type="text" rel="{group:['RT'], pattern:/^[\d]{2}\.(0[1-9]|1[0-2])\.(19|20)[\d]{2}$/, date:{use_datepicker_limits: 1}, visitor: 'rt_prev_date', required_error:'Обязательное поле'}" maxlength="10" size="10" valueid="" id="back_departure_dateback_departure_date" class="text datepick v-date v-required v-visitor" name="back_departure_date"><span class="smbl_req"> * </span><span normal_error="" field="back_departure_date" id="back_departure_date-error" class="required error"></span> </div> </div> <!-- Время обратного вылета --> <div style="display: none;" id="prefered_back_departure_type" class="col-time"> <label>Время вылета обратно</label> <select rel="{group:['RT'], visitor: 'rt_daytime'}" class=" v-prefered v-visitor" name="prefered_back_departure_type"> <option value="not_important">в любое время </option> <option value="morning">утром </option> <option value="afternoon">днем </option> <option value="evening">вечером </option> <option value="night">ночью </option> </select> </div> </div> <!-- Доп. параметры в осн. блоке --> <div class="row row4"> <!-- Поиск только прямых рейсов --> <div class="che-hold"> <input type="checkbox" id="direct" name="direct" value="true"> </div> <label for="direct">Без пересадок</label> <!-- Поиск только LOWCost --> </div> </div> </div> </div> </div> <div class="box-bottom"> </div> <div class="box box2"> <div class="bg-t"> <div class="bg-b"> <div class="form-track"> <h2>Пассажиры</h2> <div class="row row2"> <div class="passenger"> <label class="lab1 ts_adults_label">взрослых <span class="psngr_age"><br> 12 лет</span></label> <select rel="{group:['OW', 'RT', 'CR'], visitor:'people', id:'people_error'}" class="v-visitor select3" name="adults"> <option selected="" value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </div> <div class="passenger"> <label class="ts_chd_label">детей <span class="psngr_age"><br>от 2 до 12 лет</span></label> <select rel="{group:['OW', 'RT', 'CR'], visitor:'people', id:'people_error'}" class="v-visitor select3" name="children"> <option selected="" value="0">0</option> <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> </select> </div> <div class="passenger"> <label class="ts_inf_label">младенцев <span class="psngr_age"><br>до 2 лет</span></label> <select rel="{group:['OW', 'RT', 'CR'], visitor:'people', id:'people_error'}" class="v-visitor select3" name="infants"> <option selected="" value="0">0</option> <option value="1">1</option> </select> </div> <div class="passenger"> <label class="ts_infseat_label">младенцев с местом <span class="psngr_age"><br>до 2 лет</span></label> <select rel="{group:['OW', 'RT', 'CR'], visitor:'people', id:'people_error'}" class="v-visitor select3" name="infants_seat"> <option selected="" value="0">0</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </div> <span normal_error="" field="adults" id="people_error" class="required error"></span> </div> </div> </div> </div> </div> <div class="buttons holder"> <input type="submit" class="linkbutton btn-search" value="Поиск" name="gogo" id="submit_click"> <input type="button" class="linkbutton btn-search" value="Расширенный поиск" name="advanced" href="" id="advanced_link" style="float: right;"> <input type="button" value="очистить" class="btn btn-clear search_btn_clear linkbutton" name="clear" id="clear_button"> <span class="search-form-err" id="search-form-static-error"></span><br> <span class="search-form-err" id="search-form-error" style="display: none;"></span> <div class="clear"></div> </div> <input type="hidden" value="" id="input_vendors" name="input_vendors"> <input type="hidden" value="1" id="advanced_count" name="advanced_count"> <div class="clear"></div> <div style="display: none;" id="ChildrenWarn"> <span>Путешествие детей без взрослых может быть запрещено <br> <a id="read-children-warn" href="javascript:void(null);">Я принимаю условия</a> </span> </div> </fieldset> </form> </div>
<style>body{color:#4a4a4a;font:12px Arial, 'Trebuchet MS', sans-serif;/*background:url(../images/bg.jpg) no-repeat 50% 0;*/margin:0;}
border-collapse: collapse;
border: 1px solid #E2E2E2; vertical-align: top; padding:4px;
background-image: url(../images/hdr.gif); background-repeat: repeat-x; background-position: top; background-color: #4888eb; color: #FFF; font-size: 10px;
position:absolute; height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');
position:absolute; margin-top:expression(0-parseInt(this.offsetHeight/2)); margin-right:0px; margin-bottom:expression(TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop); margin-left:0px;
font-size:24px; font-weight:normal;}.delim{background-image:url(../images/delim.jpg);background-repeat:no-repeat;background-position:center top;height:30px;}
/*SMALL WIDTH
body{background:none;}
.search_form #wrapper{width:520px;}
.search_form #header{height:50px;background:none;margin:0;background-color:#f6f6f6;}
.search_form .navigation{display:none;}
.search_form .logo{display:none;}
.search_form #header .login-box{margin-left:10px}
.search_form .logged_in{display:none;}
.search_form div.box, .search_form .box-bottom{width:520px;}
.search_form .box{width:100%;background:url(../images/520/bg-box.gif);}
.search_form .box .bg-t{width:100%;background:url(../images/520/bg-box-t.gif) no-repeat;}
.search_form .box-bottom{width:100%;overflow:hidden;background:url(../images/520/bg-box-b.gif);margin:0 0 20px;}
.search_form .box-bottom .bg-t{width:100%;overflow:hidden;background:url(../images/520/bg-box-b-t.gif) no-repeat;}
.search_form .box-bottom .bg-b{height:1%;overflow:hidden;background:url(../images/520/bg-box-b-b.gif) no-repeat 0 100%;padding:24px 10px 0 32px;}
.search_form .box .bg-b1,.search_form .box .bg-b{width:100%;background:url(../images/520/bg-box-b1.gif) no-repeat 0 100%;}
.search_form .form-track{width:510px;padding:10px 15px 0;}.search_form .col-airport, .search_form .city_lookup{width:230px;}.search_form .location_select .grey, .search_form .location_select .aj_inf{color:#DDD;float:none;}.search_form .col-airport, .col-city, .search_form .form-track .col-date {padding-right:15px; margin-right:0;}.search_form .arrows{margin-left:80px}.search_form .form-track .col-time select, .search_form .select1{width:125px;}.search_form .cr_out_loc{background:none;padding-right:10px!important;}.search_form .form-track .row2 label {margin-left:15px;}.search_form .passenger{white-space:nowrap;position:relative; width:100px;float:left;}.search_form .form-track .row2 label {margin-left:0;}.search_form .col2{margin-top:10px;}.search_form .form-tools .row{padding:0;} */ span.img_currency_USD {overflow: hidden; background:url("../images/usd.png") no-repeat 0 5px; margin-left: 3px; vertical-align: middle; letter-spacing: 10px;}span.img_currency_EUR {overflow: hidden; background:url("../images/eur.png") no-repeat 0 5px; margin-left: 3px; vertical-align: middle; letter-spacing: 10px;}span.img_currency_RUB {overflow: hidden; background:url("../images/rub.png") no-repeat 0 5px; margin-left: 3px; vertical-align: middle; letter-spacing: 10px;}
text-align: right; font-weight:bold;
background:url(/templates/pro/images/ajax-loader.gif) no-repeat 100% 0 !important;
font-size:24px; font-weight:normal; margin:0 20px 20px 0;}
margin-right: 25px;
/*
.po_actions{margin-left:10px;padding-left:20px;width:1px;overflow:hidden;margin-top:-15px;background:url(/templates/pro/images/arrow-bottom.gif) no-repeat;height:15px;padding-top:15px overflow:hidden; border:0;}
.po_actions:hover{width:150px!important;min-height:15px;overflow:normal;height:auto; z-index:900; position:absolute; background-color:#ffff80;}
*/
/*.po_date_range{width:370px;}*/
color:silver;
margin: 0 0 0 219px;
</style>
→Легкая форма на сайт
<div id="test"></div>
<div id="wrapper">
</div>
</div>
<div class="mw-collapsible-content">
<syntaxhighlight lang="css" line enclose="div" style="font-size:9pt; padding: 10px 5px; margin: 10px 0;">
img{border-style:none;}
a{color:#009}
.header-hold{width:100%;clear:both;}
.logo{width:114px;height:55px;overflow:hidden;float:left;display:inline;margin:4px 0 0 63px;}
.header-hold .logo a{display:block;background:url(../images/logo.png);text-indent:-9999px;overflow:hidden;width:114px;height:55px;}
#header .login-box{float:left;display:inline;margin:10px 0 0 0;}
#lang{float:right;display:none;margin:12px 20px 0 0;}
#header .top-menu li{float:left;margin:0 0 0 5px;}
#header .top-menu a{float:left;padding:0 0 0 7px;}
#header .top-menu a.lnk-avt{background:url(../images/ico-topnav.gif) no-repeat 0 0;}#header .top-menu a.lnk-reg{background:url(../images/ico-topnav.gif) no-repeat 0 -18px;padding:0 0 0 14px;}/*#header .top-menu a.lnk-tools{background:url(../images/ico-topnav.gif) no-repeat 0 -36px;padding:0 0 0 18px;}*/
.navigation{list-style:none;font-size:22px;line-height:36px;width:1048px;overflow:hidden;margin:0 -48px 0 0;padding:14px 0 0 1px;}
.navigation li{float:left;margin:0 48px 0 0;}
.navigation a{float:left;color:#4a4a4a;background:url(../images/bg-nav-ico.png) no-repeat;}
.navigation .lnk-ticket{background-position:0 0;padding:0 0 0 63px;}
.navigation .lnk-otel{background-position:0 -36px;padding:0 0 0 37px;}
#main .title{overflow:hidden;padding:0 0 12px;}
#main .title h1{color:#333;font-size:24px;font-weight:400;margin:0;}
.box{width:100%;background:url(../images/bg-box.gif);}
.box .bg-t{border-top:1px solid #e3e3e3;border-bottom:1px solid #a3a3a3;border-right:1px solid #a3a3a3}
.form-track{padding:8px 15px 0;}
.form-track label.active{font-weight:700;color:#48a200;}
ul.che-list li {clear:both;}
.arrows{background:url(../images/arrows.png) no-repeat left top;margin-left: 151px;height:35px;width:61px;cursor:pointer;display:none}
.arrow_rt{background-position:left -35px;}
.col-airport, .col-city{float:left;width:390px;position:relative}
#assignment-error .tooltip-red{top:-80px !important;left:190px !important;position:relative !important;}
.tooltip .l{float:left;overflow:hidden;width:30px;height:51px;}
.tooltip-blue .l{background:url(../images/bg-tt-blue-l.png);}.tooltip-red .l{background:url(images/bg-tt-red-l.png);}.tooltip-red ./l{background:url(images/bg-tt-red-l.png);}
.tooltip .txt{float:left;height:33px;padding:0 8px 0 0;}
.tooltip-blue .txt{background:url(../images/bg-tt-blue-c.png);}.tooltip-red .txt{background:url(../images/bg-tt-red-c.png);}
.tooltip .txt span{float:left;position:relative;margin:0 0 0 -13px;}
.tooltip .r{float:left;overflow:hidden;width:11px;height:33px;}
.tooltip-blue .r{background:url(../images/bg-tt-blue-r.png);}.tooltip-red .r{background:url(../images/bg-tt-red-r.png);}
.col-airport select{width:365px;font:17px/20px 'Trebuchet MS', Arial, sans-serif;color:#6c6c6c;}
.form-track .col-date{float:left;position:relative}
/*.form-track .col-time{float:left;overflow:hidden;}*/
.row-departure{width:100%;clear:both;padding:0 0 4px;}
.box-bottom{width:100%;overflow:hidden;background:url(../images/bg-box-b.gif);margin:0 0 20px;}.box-bottom .bg-t{width:100%;overflow:hidden;background:url(../images/bg-box-b-t.gif) no-repeat;display:none}
.box-bottom .bg-b{height:1%;overflow:hidden;padding:14px 10px 10px 10px;border:1px solid #ececec}
.box-bottom .title-b{padding:0 0 24px;}
.box-bottom h3{font-size:18px;font-weight:400;background:url(../images/dashed.gif) repeat-x 0 100%;float:left;margin:0;padding:0 0 3px;}.box-bottom h3 a{text-decoration:none;background:url(../images/arrow-top.gif) no-repeat 100% 50%;color:#4a4a4a;padding:0 18px 0 0;}.box-bottom h3 a.close-box{background:url(../images/arrow-bottom.gif) no-repeat 100% 50%;}
.row{clear:both;padding:0 0 24px;}
.row label span{padding:0 5px;}
.toll-che{padding-top:20px;}
.add,.delete{float:left;color:#4a4a4a;font-size:14px;line-height:27px;text-decoration:none;padding:0 0 0 32px;}
.delete{float:right;background:url(../images/ico-error.gif) no-repeat 0 -41px;margin:0 116px 0 0;}.add span,.delete span{background:url(../images/dashed.gif) repeat-x 0 100%;}.add{background:url(../images/ico-error.gif) no-repeat 0 0;font-size:18px;line-height:36px;padding:0 0 0 44px;}
.form-track .row1 label{line-height:30px;}
.buttons{padding:10px 0 15px;}
.error1{color:#ec1612;font-size:14px;background:url(../images/ico-error.gif) no-repeat 0 -75px;line-height:30px;margin:5px 0 0 42px;padding:0 0 0 52px}
.search_noresults{width:960px !important;margin-left:-265px}
.btn{border:none;background:none;}
.search-form-err{color:#F00; line-height:30px;font-size:16px; margin:10px 0 0 42px;padding:10px 0 0;}
.warning{color:#af0307;font-size:14px;font-weight:700;background:url(../images/warning.png) no-repeat;line-height:48px;margin:5px 0 10px 12px;padding:0 0 0 52px;}
.buttons .btn-search, .btn-big-w{background: #57bb10;float:left;height:25px;line-height:25px;font-size:18px;color:#fff;text-decoration:none;margin:0 0 0 0;border-top:1px solid #add595;border-left:1px solid #add595;border-right:1px solid #3e8514;border-bottom:1px solid #3e8514;
border-radius: 3px;-moz-border-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;-webkit-border-top-left-radius: 3px}
.buttons .btn-search span, .btn-big-w span{float:left;background:url(../images/btn-search.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}.btn-big-g{background:url(../images/btn-big-g.gif);float:left;height:41px;line-height:41px;font-size:24px;color:#fff;text-decoration:none;margin:0 0 0 31px;}.btn-big-g span{float:left;background:url(../images/btn-big-g.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}.btn-big-g-a{background:url(../images/btn-big-g.gif);float:left;height:41px;line-height:41px;font-size:24px;color:#fff;text-decoration:none;}.btn-big-g-a span{float:left;background:url(../images/btn-big-g.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}.pay-btn-big-g{background:url(../images/btn-big-g.gif);float:left;height:41px;line-height:41px;font-size:24px;color:#fff;text-decoration:none;margin:0 0 0 31px;}.pay-btn-big-g span{float:left;background:url(../images/btn-big-g.gif) no-repeat 100% -41px;cursor:pointer;padding:0 45px;}
.btn-clear, .btn-small{float:right;border-bottom:1px solid #a3a3a3;border-right:1px solid #a3a3a3;border-left:1px solid #f4f4f4;border-top:1px solid #f4f4f4;height:24px;line-height:24px;color:#4a4a4a;text-decoration:none;margin:9px 20px 0 0;background:#d9d9d9}
.btn-small-g{float:right;background:#FF8C00;border-right:1px solid #a4a4a4;border-bottom:1px solid #a4a4a4;border-left:1px solid #f4f4f4;border-top:1px solid #f4f4f4;height:24px;line-height:24px;color:#fff;text-decoration:none;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-bottom-left-radius: 3px;-webkit-border-top-right-radius: 3px;
.btn-small-g span{float:left;cursor:pointer;white-space:nowrap;padding:0 12px;}
button{cursor:pointer;}
.btn-clear span,.btn-small span{float:left;cursor:pointer;background:url(../images/btn-clear.gif) no-repeat 100% -24px;white-space:nowrap;padding:0 12px;}
.search_btn_clear{float:right;display:none}
.select2{width:53px;}
.che-hold{float:left;overflow:visible;margin:4px 0 0;}
.row-arrows1 select{width:364px;font:17px/20px 'Trebuchet MS', Arial, sans-serif;color:#6c6c6c;}
.row-arrows1 .arrow{float:left;overflow:hidden;background:url(../images/arrow-right.gif);width:35px;height:28px;margin:0 27px 0 33px;}
#table{
}
#table th, #table td{
}
#air_fare_info h2{margin-top:20px;}
#table th{
}
.stub_extra_block{ padding: 14px 0 0; }
#footer{width:420px;overflow:hidden;background:url(../images/sep-footer.gif) no-repeat 50% 0;margin:20px auto 0;padding:10px 0 20px;display:none !important}
#footer p{text-align:center;margin:0;}
#footer p a{padding:0 10px;}
.canvas{padding:10px 20px 0;}
#fader{position:absolute;top:0;left:0;display:none;z-index:999;background:#000;}
.popup .title{background:url(../images/bg-popup-top.png);width:512px;height:43px;overflow:hidden;}.popup .title .close{float:right;text-indent:-9999px;overflow:hidden;background:url(../images/btn-close.gif);width:15px;height:16px;margin:13px 16px 0 0;}.popup .m{background:url(../images/bg-popup.png);overflow:hidden;width:474px;padding:10px 16px 22px 22px;}.popup .b{display:block;overflow:hidden;width:100%;background:url(../images/bg-popup-b.png);height:8px;}.popup .inp-hold3{background:url(../images/bg-inp3.gif);overflow:hidden;width:339px;height:14px;margin:0 0 15px;padding:8px 13px;}
.popup .inp-hold3 input{border:0;width:339px;height:14px;padding:0;}
.popup .wrap{overflow:hidden;height:334px;width:475px;position:relative;}
.popup .check-list li{width:100%;overflow:hidden;padding:0 0 16px;}
.popup .check-list label{float:left;line-height:22px;margin:0 0 0 6px;}
.popup .btn-save{float:left;overflow:hidden;background:url(../images/btn-save.gif);height:32px;color:#fff;line-height:32px;text-decoration:none;font-size:18px;margin:16px 0 0;}.popup .btn-save span{float:left;cursor:pointer;background:url(../images/btn-save.gif) no-repeat 100% -32px;padding:0 27px;}
.scrollable{height:334px;overflow:hidden;}
.scroll-content{top:0!important;height:334px!important;width:475px!important;left:0!important;}
.vscroll-bar{position:absolute;width:12px!important;height:334px!important;top:0!important;margin:0;padding:0;}
.vscroll-line{width:11px!important;overflow:hidden;background:url(../images/scroll-line.gif);}.vscroll-slider{background:url(../images/slider.gif)!important;width:12px!important;cursor:pointer;height:12px!important;overflow:hidden;}
.box-hide .box{margin-top:-230px;position:relative;}
.box-hide .active-box{margin-top:0;}
.ac_results li{display:block;font:menu;font-size:11px;line-height:16px;overflow:hidden;color:#FFF;border-top:1px solid #1fa2e7;border-bottom:1px solid #0088d0;white-space:nowrap;cursor:pointer;margin:0;padding:4px 5px;}
.ac_results .grey, .aj_inf{color:#9ff8ff;}
.ac_loading{background:url(../images/indicator.gif) right no-repeat!important;background-color:#FFF;}
.ac_over{background-color:#5ec1f7;color:#FFF;}
input[type=text],input[type=password],input[type=input],select, .location_select{position:relative;line-height:20px;height:20px;border:1 solid #CCC;background:#FFF /*url(../images/inp-shadow.gif) repeat-x*/;border-right:1px solid #b7b7b7;border-left:1px solid #b7b7b7;border-top:1px solid #AAA;border-bottom:1px solid #E9E9E9;padding:0; overflow:hidden;}
.loc{width:100%;border-style:none !important;background-image:none!important;padding:0!important;margin:0!important;height:18px!important;}
.location_select{cursor:pointer;}
.location_select span div, .location_select input{width:99%; cursor:pointer;}
.location_select .grey, .location_select .aj_inf{color:#DDD;float:right !important;}
input.hasDatepicker{background:url(../images/cal-bg.png) top right no-repeat;padding-right:20px;}
.inp-hold1{float:left;}
#tooltip{background:url(../images/bg-tooltip.png);background-color:none;opacity:0.85;position:absolute;z-index:3000;padding:17px 6px 6px 17px;}
#tooltip h3,#tooltip div{font-size:.9em;color:#FFF;margin:0;}
.settings{margin-bottom:20px;clear:both; position:relative;}
#TB_secondLine{font:10px Arial, Helvetica, sans-serif;color:#666;}
#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}
.TB_overlayMacFFBGHack{background:url(images/macFFBgHack.png) repeat;}
.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;}
#TB_window img#TB_Image{display:block;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-top:1px solid #666;border-left:1px solid #666;margin:15px 0 0 15px;}
#TB_closeWindow{height:25px;float:right;padding:11px 25px 10px 0;}
#TB_closeAjaxWindow{margin-bottom:1px;text-align:right;float:right;padding:12px 10px 5px 0;}
#TB_closeWindowButton{background:url(../images/btn-close.gif) no-repeat right;width:15px;height:16px;color:#FFF;margin:33px 5px 0 0;padding:12px 22px 13px;}
#TB_closeWindowButton a:link,#TB_closeWindowButton a:visited{color:#FFF;}
#TB_title{background-color:#0097e7;height:43px;}
* html #TB_overlay,* html #TB_HideSelect{
}
* html #TB_window,* html #TB_load{
}
/* FIX ME*/
.price_val{font-size:18px;text-align:center;}
.price_val_hotel{color:#48a200;
.price_detail_link a{color:#999;}
.var_num{font-size:24px;color:#38647d;width:30px;}
.map_var{background-color:#4F86A4;color:#FFF;font-weight:700;font-size:8px;padding:0 2px;}
.vendor_wl{background-color:#F5FFF5;}
.selected_flight .var_num{background:#f9b500 url(../images/sr_bg.jpg) -90px top;color:#000;}
#tools{top:0;left:30%;z-index:10;background:#ff8c00;border:2px solid #CCC;text-align:center;font-weight:700;width:auto;position:fixed;opacity:0.95;padding:10px;}
#tools a{color:#FFF;font-size:16px;padding:10px;}
.timetable_search{float:right;width:20%;text-align:right;padding-top:20px;}
.details div{display:inline;}
.bookmark{background:url(../images/star_off.png) no-repeat;width:16px;height:16px;float:right;cursor:pointer;display:none}.selected_flight .bookmark{background:url(../images/star.png);}
.dep,.arr{font-family:verdana;font-weight:700;font-size:11px;}
#sr-search-params{padding:10px;}
#matrix{margin:auto;background-color:#e6e7ec;}
#matrix td,th{border:1px solid #cecece;font-size:12px;padding:7px;}
#matrix td{background:url(../images/sr_fl_bg.png) no-repeat left -40px;}
.active_cell{background-position:left bottom!important;}
#matrix th,#matrix th .active_cell{background-image:url(../images/th_bg.jpg) ;}
.price_num{font-weight:700;}
.nav_links{float:right;width:200px;}
#back_to_search{float:right;}
/*#form_hotel_search .label{margin-top:15px;} */
.hotel{background:#d9dde2 url(../images/sr_htl_bg.png) no-repeat;font-family:Arial, Helvetica, sans-serif;font-size:11px;width:100%;}
.hotel td{vertical-align:top;}
.res_hotel_location{float:right; white-space:nowrap;padding:5px;}
.info_link{margin-left:10px;}
.hname{font-size:14px;font-weight:700;font-family:Verdana;color:#333;}
.star5,.star4,.star3,.star2,.star1{background:url(../images/stars.png);font-size:1px;width:54px;height:10px;float:left;}
.star4{background-position:left -15px;}
.star3{background-position:left -30px;}
#sr-search-params,#sr_toolbar{padding:10px;}
.search_params label{margin:0;}
.cr_out_loc{background:url(../images/arrow-right.gif) 96% 20px no-repeat;padding-right:70px!important;}
.cr_segment{padding-bottom:30px; padding-top:20px;margin-bottom:20px;}
.cr_options .col{width:300px; float:left;}
/*Seatmapping*/
.seatmap div.row_left { background: url(../images/row_left.png) no-repeat right top !important; width:154px!important;color:#FFF; text-align:right;font-size:18px;padding-right:20px;}.seatmap div.row_right { background: url(../images/row_right.png) no-repeat left top !important; width:154px!important;}.seatmap div, .seatmap_legend td { background: url(../images/seatmap.png) no-repeat top left;}
.pass_settings{margin-left: 220px; clear:both;}
.aisle, .row_left, .row_right { background-position: 0 0!important; width: 33px; height: 47px; }
.sel {background-position: -84px -47px!important; cursor:pointer;}
.seatmap div.row_left.wing {background: url(../images/row_left_wing.png) no-repeat right top !important; }.seatmap div.row_right.wing {background: url(../images/row_right_wing.png) no-repeat left top !important; }
#map_segments td.segment, #map_segments td.segment a{font-size:15px;color:#48a200;font-weight:700;}
#map_segments td.inactive_segment, #map_segments td.inactive_segment a{font-size:17px;color:#DDD;font-weight:700;}
.room_lab{font-weight:700;}
.room_lab .room_number{font-size:150%}
.delete_icon{ background: url(../images/cross_small.png) no-repeat; padding-left:20px; margin-right:20px;}.add_icon{ background: url(../images/plus_small.png) no-repeat;padding-left:20px; margin-right:20px;}
.category_table{width: 100%;}
.cmstoolbar_page:hover{height:100px;width:300px;z-index:1005}
.search_form .form-tools .row{padding:0;}
#kkdateTime {
}
.logic_record{margin:4px;}
.ac_loading {
}
.login_buttons_div{padding-left:170px}
.big_green_text{color:#48a200;
#div_reg .btn-small-g{
}
.comment{
}
.row_trip input{vertical-align: top;}
#dropoff_city_from #citiesAndCountry, #dropoff_city_from #list_ref{
}
.flag.flag-zm{background-position:-216px -168px;}
.flag.flag-zw{background-position:-234px -168px;}
</syntaxhighlight>
</div>
