/*
 * Mobissimo.com 
 *
 * General stylesheet
 *
 * app.css
 *
 */

/* OVERALL */
*{
    padding : 0;
    margin  : 0;
}

#logo a{
    font-size : 0;
}

body{
    background  : #f3f3f3 url('images/bg_top.png') repeat-x top;
    font-family : Verdana, Arial, 'Helvetica Neue', 'Lucida Grande', Helvetica, sans-serif;
    font-size   : 12px;
}

img, fieldset{
    border : 0;
}

a, a:link, a:visited{
    text-decoration : none;
    color           : #ff4d00;
}

a:hover{
    color         : #ff4d00;
    border-bottom : 1px solid #ff4d00;
}

a:focus{
    outline : none;
}

/* MAIN NAVIGATION MENU */

#nav{
    height         : 27px;
    clear          : both;
    background     : url('images/box_line.png') bottom repeat-x;
    font-family    : 'Trebuchet MS', Verdana;
    font-size      : 1.4em;
    font-weight    : bold;
    padding-bottom : 3px;
}

#nav p, ul#menu a{
    height : 25px; /* TODO make 100% work */
    border : 0;
    float  : left;
}

ul#menu a{
    padding     : 0 4px;
    text-indent : -9999px;
}

/* BUILDING BLOCKS AND PAGE ELEMENTS */
#menu,
#fi_list,
#modules-library ul,
#module-add ul,
#footer .links,
#footer_flights{
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    margin              : 0;
    padding             : 0;
}

#menu li,
#footer .links li,
#footer_flights li{
    display : inline;
}

a.selected_page:visited, a.selected_page:visited{
    text-decoration : none;
    color           : #333;
    border-bottom   : 1px none #ff4d00;
}

a.non_selected_page:visited, a.non_selected_page:visited{
    text-decoration : none;
    color           : #ff4d00;
    border-bottom   : 1px none #ff4d00;
}

a.selected_page:hover, a.non_selected_page:hover{
    color         : #ff4d00;
    border-bottom : 1px solid #ff4d00;
}

/* BUILDING BLOCKS AND PAGE ELEMENTS */

a.anchor_image,
a.anchor_image:hover,
a.anchor_image:visited,
#logo a{
    border : 0;
    cursor : pointer;
}

.field img.icon{
    margin-left : 0.5em;
}

h2, h3{
    font-family : 'Trebuchet MS';
    color       : #ff4d00;
}

h2{
    font-size   : 1.75em;
    font-style  : italic;
    font-weight : normal;
}

h3{
    font-size   : 1.25em;
    font-weight : bold;
}

#nav_caption{
    font-variant : small-caps;
    text-indent  : -9999px;
}

.calendar_icon{
    display     : block;
    height      : 16px;
    width       : 16px;
    text-indent : -9999px;
}

.calendar_active{
    background : url('images/calendar.png') no-repeat;
}

.calendar_disabled{
    background : url('images/calendar_disabled.png') no-repeat;
}

#roundtrip_box.roundtrip_disabled .calendar_icon{
    background : url('images/calendar_disabled.png') no-repeat;
}

#roundtrip_box.roundtrip_disabled label{
    color : #bbb;
}

#roundtrip_box.roundtrip_disabled input{
    background   : #eee;
    border-color : #bbb;
    color        : #ccc;
}

.javascript_only{
    display : none;
}

body.javascript .javascript_only{
    display : block;
}

.js_only_inline{
    display : none;
}

body.javascript .js_only_inline{
    display : inline;
}

#flight_type{
    border : 0;
}

#flash_notice, #errors{
    padding : 1em 1em 1em 2.5em;
    border  : 2px solid;
}

#flash_notice{
    background    : url('images/comment.png') no-repeat .5em 1em #FFFCF0;
    border-color  : #ffcc00;
    margin-bottom : .5em;
}

#errors, #flash_notice.flash_error{
    background-color : #bf3100;
    border-color     : #ef3e00;
    color            : #fff;
}

#errors.hover{
    cursor : pointer;
}

#errors h3{
    font-size : 1.2em;
}

#errors ul{
    list-style : none;
    padding    : .5em 0 .2em .5em;
}

#errors ul li{
    padding-top : .3em;
}

.date_input{
    color       : #666;
    font-size   : 1.1em;
    font-weight : bold;
}

/* THE HOLY CLEARFIX */

.clearfix:after{
    content    : ".";
    display    : block;
    height     : 0;
    clear      : both;
    visibility : hidden;
}

/* Hides from IE-mac \*/
* html .clearfix{ height : 1%; }

.clearfix{ display : block; }

/* End hide from IE-mac */

.clearer{
    clear         : both;
    display       : block;
    font-size     : 1px;
    height        : 1px;
    line-height   : 1px;
    margin-bottom : -1px;
}

/* FOOTER GUTS */

#footer{
    background : #fff url('images/box_line.png') top repeat-x;
    clear      : both;
    color      : #999;
    font-size  : 0.91em;
    margin     : 0 auto;
    overflow   : hidden; /* at worst hides the links of cheap flights but allows to set fixed height for the footer and so the Sticker plays well with layout */
    position   : relative;
    text-align : center;
    width      : 980px;
}

#footer ul#inside{
    padding : 1em 0 1.5em;
}

#footer ul#outside{
    padding-bottom : 2em;
}

ul#footer_flights{
    margin     : 0 1.5em 1em 1.5em;
    text-align : left;
}

#footer a{
    border : 0;
}

#footer ul.links a{
    color   : #555;
    padding : 0.1em 1.2em 0.1em .8em;
}

#footer ul#inside a{
    border-right : 1px solid #ccc;
}

#footer ul#inside a.last_item{
    border : 0;
}

#footer ul#outside a{
    background-repeat   : no-repeat;
    background-position : 1em 50%;
    padding-left        : 3em;
}

#footer a.com{ background-image : url('images/flag_com.png'); }

#footer a.uk{ background-image : url('images/flag_uk.png'); }

#footer a.fr{ background-image : url('images/flag_fr.png'); }

#footer a.india{ background-image : url('images/flag_india.png'); }

#footer a.pl{ background-image : url('images/flag_pl.png'); }

#footer a.es{ background-image : url('images/flag_es.png'); }

#footer a.it{ background-image : url('images/flag_it.png'); }

#footer a.de{ background-image : url('images/flag_de.png'); }

#footer a.mx{ background-image : url('images/flag_mx.png'); }

#footer a.jp{ background-image : url('images/flag_jp.png'); }

#footer a.br{ background-image : url('images/flag_br.png'); }

#footer a.cn{ background-image : url('images/flag_cn.png'); }

#footer ul.links a:hover{
    text-decoration : underline;
}

#footer_flights a{
    color           : #ccc;
    line-height     : 1.5em;
    padding-right   : 10px;
    text-decoration : underline;
}

form input.error, form select.error{
    background : #fff5f5;
    border     : 1px solid #ef3e00;
}

.err_msg{
    color : #e00;
}

/* STICKER VOODOO */

html, body{
    height : 100%;
}

div#wrap{
    min-height     : 100%;
    height         : auto;
    padding-bottom : 5px;
}

div#wrap-inter{
    min-height : 98%;
    height     : auto !important;
    margin     : 0 auto -5.4em;
}

#footer, #push{
    /* height: 11.4em; */
    height : 24em;
}

.solidbackground{
    background-color : #fe7a00;
    color            : #000000;
    font-family      : verdana;
    font-weight      : bold;
    font-size        : 13px;
    line-height      : 17px;
}

.search_field{
    color       : #323232;
    font-family : verdana;
    font-size   : 11px;
}

a.airport_locator:link, a.airport_locator:visited{
    text-decoration : none;
    font-size       : 13px;
    border-bottom   : 1px dotted #ff4d00;
    line-height     : 1.5em;
}

a.airport_locator:hover{
    font-size     : 13px;
    border-bottom : 1px solid #ff4d00;
    line-height   : 1.5em;
}

#originupdate ul, #destinationupdate ul, .pickairport ul{
    width            : 250px;
    border           : 1px solid black;
    background-color : white;
}

#originupdate .selected, #destinationupdate .selected, .pickairport .selected{
    background-color : #ff6d10;
}

/* form element */
/*
.air_input_field {
	width: 265px;
}

.air_label {
	width: 220px;
	float: left;
}
*/

.airport_lookup_box{
    /* width: 40px; */
    float : right;
}

#form label{
    display : block;
}

.mobiblog{
    line-height : 1.5em;
}

.mobiblog a:hover, .mobiblog a:link:hover, .mobiblog a:visited:hover{
    border-bottom : 1px solid #ff4d00;
}

.mobiblog dd{
    margin : 3px 0px 6px 0px;
}

.fareindex_star{
    color     : #ff4d00;
    font-size : .8em;
    display   : none;
}

.fareindex_price_col{
    float       : right;
    width       : 5em;
    text-align  : right;
    font-weight : bold;
}

.fareindex{
    font-size   : 1.3em;
    font-family : Arial, Helvetica, "Helvetica Neue", sans-serif;
    padding     : 2px;
}

.fareindex_date{
    font-size : 0.8em;
    color     : #666;
}

.fareindex tr td{
    padding : 4px 0;
}

.more_rows_hidden{
    display : none;
}

.more_rows_show{
    /* empty; use default visible display */
}

.fareindex table{
    width : 100%;
}

#fareindex_subscribe{
    background   : url('images/fi_rss.png') no-repeat left;
    padding-left : 18px;
    padding-top  : 1px;
}

#fareindex_more_rows_link{
    background   : url('images/fareindex_show_more_arrow.png') no-repeat left;
    padding-left : 18px;
    padding-top  : 1px;
}

#fareindex_less_rows_link{
    background   : url('images/fareindex_show_less_arrow.png') no-repeat left;
    padding-left : 18px;
    padding-top  : 1px;
}

#fareindex_footer a:link, #fareindex_footer a:visited{
    color           : #666;
    text-decoration : underline;
    border          : 0;
}

#fareindex_footer a:hover{
    color : #ff4d00;
}

#fareindex_footer table tr td{
    width : 50%;
}

#newsletter-signup{
    height : 60px;
    margin : 5px 20px;
}

#newsletter-signup h6{
    line-height : 2em;
    font-size   : 12px;
    font-weight : normal;
}

#newsletter-signup input.email_input{
    padding : 8px;
    border  : 1px solid #666;
    width   : 93%;
}

#newsletter-signup input.email_input:focus{
    border-color : #FF4D00;
}

#newsletter-signup input.ok_button{
    background : #FF4D00;
    padding    : 6px;
    margin     : 0;
    border     : 1px solid #FF4D00;
    color      : #FFF;
    cursor     : pointer;
}

#newsletter-signup input.ok_button:hover{
    background-color : #FC7B44;
}

#newsletter-signup input.ok_button:active{
    background-color : #CC4004;
}

#newsletter-signup form > div:first-child{
    width : 82%;
}

/* ads */
.ads{
    background : url('images/round_ad.png') no-repeat top;
    padding    : 3px 0 10px;
    width      : 186px;
}

.ads-inner{
    color        : #909090;
    border       : 1px solid #e1e1e1;
    border-width : 0 1px 1px;
    margin       : 0 auto;
    padding-top  : 3px;
    padding      : 3px;
    text-align   : center;
}

.align-center{
    text-align : center;
    margin     : 0 auto;
}

.align-left{
    text-align : left;
}

.ads-inner ul{
    margin  : 0;
    padding : 0;
}

.ads-inner iframe{
    padding-bottom : 5px;
    text-align     : center;
}

.ads-partners h3{
    color         : #ff4d00;
    font-size     : 1em;
    text-align    : center;
    margin-bottom : 3px;
}

ul#deals, .ads-partners ul{
    list-style-type : none;
}

.ads-partners li{
    padding     : 3px 0;
    line-height : 1.2em;
}

.ads-partners ul a{
    border-bottom : 1px solid #FF4D00;
}

.hidden{
    display    : none;
    visibility : hidden;
}

.show{
    display    : block;
    visibility : visible;
}

/* MODULES */
#module-add .module-title{
    background-image : url('images/add_content.png');
}

.module-box{
    background    : #fff url('images/round_module_results.png') no-repeat scroll center top;
    padding-top   : 3px;
    margin-bottom : 15px;
}

/* make this in JavaScript advanced hovering function for the box bar */
#module-modify .hover .module-title, #module-airlines .hover .module-title{
    background-image : none;
}

.module-content{
    font-weight   : normal;
    font-size     : .9em;
    background    : #f5f5f5;
    border-bottom : 1px solid #eee;
    padding       : 5px;
}

#module-mobilocal_box{
    padding : 0;
}

.module-header{
    border-bottom : 1px #d5d5d5 solid;
    padding       : .1em .1em .3em;
}

.module-handle{
    cursor : inherit;
}

.module-title{
    background  : transparent 0 50% no-repeat;
    color       : #ff4d00;
    font-weight : bold;
    padding     : .1em 0 .1em 0px;
    margin-left : .25em;
    min-height  : 16px;
}

.module-collapse, .module-close{
    background    : transparent 50% 50% no-repeat;
    border        : 0;
    cursor        : pointer;
    display       : block;
    float         : left;
    height        : 16px;
    text-indent   : -9999px;
    width         : 16px;
    border-bottom : 1px none #FFF;
}

.module-collapse:hover, .module-close:hover{
    border-bottom : 1px none #FFF;
}

.module-close{
    background-image : url('images/module-close.png');
    float            : right;
    display          : none;
}

.module-expanded{
    float      : left;
    background : url('images/module_expanded.png') no-repeat;
    cursor     : pointer;
    width      : 14px;
    position   : relative;
}

.module-collapsed{
    float      : left;
    background : url('images/module_collapsed.png') no-repeat;
    cursor     : pointer;
    width      : 14px;
}

.hover .module-close, .hover .module-collapse{
    display : block;
}

/* MODULES TEMPLATE FOR RESULTS PAGE*/
.result-module-box{
    background    : #fff url('images/round_module_results.png') top no-repeat;
    padding-top   : 3px;
    margin-bottom : 10px;
}

.plus{
    background : url('images/add_content.png') no-repeat;
}

.minus{
    background : url('images/add_content_minus.png') no-repeat;
}

.question{
    background : url('images/help.png') no-repeat;
}

.blue_minus{
    background : url('images/minus_blue.png') no-repeat;
}

ul.sortabledemo li{
    padding : 0px;
    margin  : 0px;
}

#main-content-ads{
    background : #fff;
    width      : 980px;
    height     : 270px;
    margin     : 0px auto;
    padding    : 10px 0;
    text-align : center;
}

#main-content-ads-box{
    background : #fff;
    width      : 616px;
    height     : 270px;
    margin     : auto;
    text-align : center;
    /* margin-top: 64px; */
}

#main-content-ads-left{
    float : left;
}

#main-content-ads-right{
    float : right;
}

#main-content-ads-box-middle{
    background : #fff;
    width      : 100%;
    height     : 270px;
    margin     : 0 auto;
    text-align : center;
    /* margin-top: 64px; */
}

/* google wide ads */
.wide-ads{
    background : url('images/round_module_main.png') no-repeat top;
    padding    : 3px 0 10px;
    width      : 307px;
}

.wide-ads2{
    margin  : 10px 0;
    padding : 3px 10px 10px;
    width   : 562px;
    border  : 1px solid #DDD;
}

.leader_board_ad{
    padding : 10px 0 20px 0;
}

/* follow us links */
.follow_us_text{
    float         : left;
    color         : #999;
    font-size     : 0.9em;
    font-weight   : bold;
    padding-right : 10px;
}

.follow_us_link{
    float         : left;
    padding-right : 10px;
}

.follow_us_link_result{
    float         : left;
    padding-right : 5px;
}

/* fancybox */
a#fancybox-close:hover{
    border-bottom : none;
}

/* follow scroll contents */
#follow_scroll{
    position    : absolute;
    top         : -500px;
    left        : 125px;
    width       : 350px;
    height      : 70px;
    line-height : 70px;
    border      : 1px #000 solid;
    margin-left : 200px;
    background  : #ffffff;
    text-align  : center;
    font-size   : 1.5em;
    font-weight : bold;
    z-index     : 6;
}

.front-page-text{
    font-family      : Arial, Tahoma, Verdana;
    font-size        : 14px;
    line-height      : 1.5em;
    padding          : 15px;
    color            : rgb(51, 51, 51); border : 1px #d5d5d5 solid; margin : 15px; clear : both; display : block; overflow : hidden; -moz-border-radius : 6px 6px 0 0; -webkit-border-radius : 6px 6px 0 0; border-radius : 6px 6px 0 0;
    background-color : #f5f5f5;
    position         : absolute;
    bottom              : 0;
}

.front-page-text p{
    margin-bottom : 10px;
}

.front-page-text-space{
    width  : 100%;
    height : 310px;
}

/* hide radio button */
#air #activity,
#air #activity + label,
#air #faremap,
#air #faremap + label{
    display : none;
}

/* hide your modules */
div#your-modules{
    border-width : 0;
}

#your-modules #modules-header{
    display : none;
}

/* hide facebook recomendation box */
#recommendation_box:nth-child(4){
    display : none;
}

/* bigger "compare ..." */
.compare_box_result_title{
    font-size   : 18px;
    font-weight : bold;
    font-family : Arial;
    color       : #333;
}

/* hide add-box and price alert and weather */
#module-add, #resultcol1_farealert, #resultcol1_weather{
    display : none;
}

/* fix calendar */
div.sample_popup{
}

.h1{
    color   : #666;
    padding : 18px 23px 0;
}
h1.logo img {  max-width: 100%; }

h1.logo a:hover {  border-width: 0; }
.navi-front #nav {
padding-top: 0; 
    padding-left: 15px;
}

.call-toll-free {
    color: #999;
    margin: 10px 0;
    text-align: center;
    font-size: 16px;
    font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
}
 .call-toll-free a {
    color: #FF4D00;
    font-weight: bold;
}