@charset "utf-8";
/* CSS Document */

.search-title,.flight-search-step li em,.search-voyage,.passengers-selected-lists span a em{ background:url(../../images/flight/sui-ticket-icon.png) no-repeat;}

.passengers-selected-lists:after{content:'\20';display:block;height:0;clear:both}

.search-title-bar{ height:45px;}
.search-title{ height:30px; float:left; padding:15px 0 0 24px; background-position:-276px 20px; font:bold 14px/30px \5b8b\4f53;}
.search-title em{ color:#f58420;}
.flight-search-step{ float:right; padding-top:5px;}
.flight-search-step li{ display:inline; width:70px; height:31px; float:left; color:#ccc; line-height:24px;text-align:center; overflow:hidden;}
.flight-search-step li span{ width:70px; height:7px; background:#d8d8d8; display:block; position:relative; overflow:hidden;}
.flight-search-step li em{ display:inline-block; width:6px; height:7px; position:absolute; bottom:0; right:0px; z-index:3; background-position:-35px 0; _bottom:-9px;}
.flight-search-step .step-cur{ color:#444;}
.flight-search-step .step-cur span{background:#f58420;}
.flight-search-step .step-cur em{ background-position:-45px 0;}

.search-voyage,.search-time{ padding-top:15px; float:left; font-size:14px;}
.search-voyage{ margin-right:54px; padding-left:30px; background-position:-277px -20px;}
.search-voyage em{ font-size:12px;}
.search-voyage strong,.search-time strong{ padding:0 2px; color:#f57f00; font-family:\5b8b\4f53;}

/*search box*/
.flight-search-box{ padding:4px; border:1px solid #f5e2c7; background:#fff6e9;}
.flight-search{ padding:15px 25px 0;background:#fffbf4;}
.flight-search .search-item{ height:24px; margin-bottom:14px; padding-left:28px;float:left; white-space:nowrap;}
.flight-search .flight-search-action{ margin:-3px 0 0 22px; float:left; white-space:nowrap;}
.flight-search .flight-search-tab{ width:55px; padding:0;}
.flight-search-others{ height:24px; padding-left:55px; clear:both;}
.flight-search-others .search-item-direct{ height:21px; padding-top:3px;}

.search-item .search-tit{ display:inline-block; float:left; line-height:23px;}
.search-item .ticket-input-text{ width:118px;}
.search-item .ticket-select{ width:130px; _width:126px;}

/*passenger-list*/
.passengers-selected-box{ padding:9px 0 5px 90px; border-top:1px solid #ffedd3; background:#fff6e9;}
.passengers-selected-box .passengers-selected-title{ display:inline-block; width:80px; margin:5px 0 0 -90px; padding-right:10px; float:left; text-align:right; color:#f89310;}
.passengers-selected-lists span{ display:inline-block; height:18px; margin:5px 10px 5px 0; padding:0 5px; float:left; border:1px solid #ffc383; background:#fff1dd; line-height:18px; overflow:hidden;}
.passengers-selected-lists span a{ display:inline-block; padding-right:12px; position:relative;}
.passengers-selected-lists span a em{ display:inline-block; width:8px; height:7px; background-position:-35px -10px; position:absolute; right:0; top:6px;}
.passengers-selected-lists .sReselect{ display:inline-block; width:50px; height:20px; margin:5px 10px 5px 30px; float:left; text-decoration:underline;}
.passengers-selected-lists .sReselect a{ color:#666;}






















/*input*/
.ticket-input-text{ height:21px; padding:0 5px; float:left; border:1px solid #d3d3d3; line-height:21px;}
.ticket-input-text:hover{ border-color:#aaa;}
.ticket-input-text:focus{ border-color:#f18000;}
.ticket-input-select{margin: -2px 5px 0 0;*margin-top: -1px;*width: 12px;*height: 12px;overflow:hidden;border: none;font-family:Arial;vertical-align: middle;}
.ticket-select{padding:2px;}

.sui-btn-cover{ height:27px;border:1px solid #f18000; display:inline-block;border-radius:2px; overflow:hidden;}
.sui-btn-text{height:27px;padding:0 20px;background:url(../../images/global/sui-common-bg.png) 0 0 repeat-x;display:inline-block;color:#fff;font:normal 14px/27px \5b8b\4f53;text-align:center;cursor:pointer; border:0; overflow:visible;}
.sui-btn-text:hover{color:#fff;text-decoration:none; background-position:0 -30px;}

/*w980*/
.w980 .search-item{ padding-left:18px;}
.w980 .flight-search .flight-search-tab{ padding:0;}
.w980 .search-item .ticket-input-text{ width:85px;}
.w980 .search-item .ticket-select{ width:97px; _width:94px;}