/*******************************************************************************

                            Doc. version: 2.0.1



  This is the custom style sheet file for Broker Link. All styles in this file 

  are deactivated from start. To activate a value remove the slash(/) and 

  asterisk(*) characters before AND after the style. 

  

  Each style consists of a property name and a value separated with a colon(:) 

  and should be ended with a semicolon(;). For example:

  

      color: rgb(68, 170, 0);

  

  Styles are grouped together by curly brackets. Before the opening bracket 

  there is one or several rows called a selector indicating on what element 

  in the page that the style should be applied to. 

  

  Color values should be entered using the RGB value. For more information

  on color values please visit:

    http://www.w3schools.com/Html/html_colors.asp

  

  For more information on Cascading Style Sheets and a tutorial please visit:

    http://www.w3schools.com/css/



*******************************************************************************/






/********************

     ALL PAGES

********************/



/*

 Values in this section determine the style of the form input fieldslinks.

 If your page already have styles for input fields then the Broker Link will 

 probably inherit these styles and the styles in this section can remain 

 deactivated.

*/

input[type="text"], textarea, select

{

    /*background-color: rgb(255, 255, 255) !important;*/

    /*border-color: rgb(0, 0, 0) !important;*/

    /*color: rgb(0, 0, 0) !important;*/

}



/*

 Values in this section determine the style of the items in the airport

 suggest popup list.

*/

.gwt-SuggestBoxPopup .item

{

    /*background-color: rgb(255, 255, 255) !important;*/

    /*border-color: rgb(0, 0, 0) !important;*/

    /*color: rgb(0, 0, 0) !important;*/

}

 

/*

 Values in this section determine the style of the links. If your page already

 have styles for links then the Broker Link will probably inherit these styles

 and the styles in this section can remain deactivated.

*/

#avi-search-form a, 

#avi-search-form a:link, 

#avi-search-form a:visited, 

#avi-search-form a:active, 

.popupContent a, 

.popupContent a:link, 

.popupContent a:visited, 

.popupContent a:active

{

    color: #d72027;

    text-decoration: none;

}



/*

 Values in this section determine the style of a link when the mouse pointer

 hovers over it. If your page already have styles for this then the Broker Link

 will probably inherit these styles and the styles in this section can remain 

 deactivated.

*/

#avi-search-form a:hover,

.popupContent a:hover 

{

    text-decoration: underline;

}



#avi-search-form

{

    /*color: rgb(0, 0, 0);*/

    /*background-color: rgb(255, 255, 255);*/

}



#avi-search-form label {
display:inline;
float:none;
}




/********************

    SEARCH FORM

********************/





/*

 Values in this section determine the style of the search form embedded in 

 your page. If your page already have styles for these then the Broker Link

 will probably inherit these styles and the styles in this section can 

 remain deactivated. If you have choosen a different id of your <div> tag 

 then you need to change "avinode-broker-link" below to the id you have.

*/

#avinode-broker-link

{

    /*background-color: rgb(255, 255, 255);*/

    color: #e0e0e0;

    font-family: arial, tahoma, sans-serif;

    font-size: 14px;

    padding: 0px;

width: 540px;
margin-top: -40px;	
}



/* 

 Values in this section determine the style of the language select area.

 Activate the 'display: none;' style to remove this area.

*/

#avi-nls-options

{

    /*display: none;*/

}





.avi-route-builder-thin .avi-route-type-option

{


}

.avi-route-type-radio-label

{



}





/* 

 Values in this section determine the style of the area containing the 

 "Multiple destinations" link in a 'thin' embedded search form.

 Activate the 'display: none;' style to remove this area.

*/

.avi-route-builder-thin #avi-route-type-link-multileg

{
margin: 0px 0px 0px 20px;
    /*display: none;*/
}



/* 

 Values in this section determine the style of the area containing the 

 currency select box in a 'thin' embedded search form.

 Activate the 'display: none;' style to remove this area.

*/

.avi-route-builder-thin #avi-currency-select-wrapper

{
margin: -25px 0px 0px 0px;
    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Show map" link in a 'thin' embedded search form.

 Activate the 'display: none;' style to remove this area.

*/

.avi-route-builder-thin .avi-map-link-wrapper

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Show map" link in a 'wide' embedded search form.

 Activate the 'display: none;' style to remove this area.

*/

.avi-route-builder-wide .avi-map-link-wrapper

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Show map" link in the popup search form.

 Activate the 'display: none;' style to remove this area.

*/

.popupContent .avi-route-builder-wide .avi-map-link-wrapper

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Depature" and "Arrival" radio buttons under the date/time inputs link 

 in a 'thin' embedded search form.

 Activate the 'display: none;' style to remove this area.

 When this area is removed the default value will be "Departure". 

*/

.avi-route-builder-thin .avi-date-type

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Depature" and "Arrival" radio buttons under the date/time inputs link 

 in a 'wide' embedded search form.

 Activate the 'display: none;' style to remove this area.

 When this area is removed the default value will be "Departure". 

*/

.avi-route-builder-wide .avi-date-type

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Depature" and "Arrival" radio buttons under the date/time inputs link 

 in the popup search form.

 Activate the 'display: none;' style to remove this area.

 When this area is removed the default value will be "Departure". 

*/

.popupContent .avi-route-builder-wide .avi-date-type

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Local time" and "UTC" radio buttons in a 'thin' embedded search form.

 Activate the 'display: none;' style to remove this area.

 When this area is removed the default value will be "Local time". 

*/

.avi-route-builder-thin .avi-time-options

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Local time" and "UTC" radio buttons in a 'wide' embedded search form.

 Activate the 'display: none;' style to remove this area.

 When this area is removed the default value will be "Local time". 

*/

.avi-route-builder-wide .avi-time-options

{

    /* display: none; */

}



/* 

 Values in this section determine the style of the area containing the 

 "Local time" and "UTC" radio buttons in the popup search form.

 Activate the 'display: none;' style to remove this area.

 When this area is removed the default value will be "Local time". 

*/

.popupContent .avi-route-builder-wide .avi-time-options

{

    /* display: none; */

}





/********************

       POPUP

********************/



/* 

 Values in this section determine the style of the popup area header

*/

.popup-controls 

{

   /* background-color: rgb(255, 255, 255);*/

}



.popup-controls a, 

.popup-controls a:link, 

.popup-controls a:visited, 

.popup-controls a:active

{

    /*color: rgb(255, 255, 255);*/

}







/* 

 Values in this section determine the style of the popup area

*/

.popup-scroll

{

    /*background-color: rgb(255, 255, 255);*/

}





/********************

 SEARCH RESULT PAGES

********************/



/* 

 Values in this section determine the style of the status bar.

*/

.avi-wizard-progress li

{

    /*color: #d72027;*/

    /*border-bottom-color: #d72027;*/

}



/* 

 Values in this section determine the style of area displaying the

 requested route and flight times

*/

.route

{

    /*background-color: #000000;*/

    /*color: #d72027;*/

}

/* 

 Values in this section determine the style of header of the area 

 displaying the requested route and flight times

*/

.route thead

{

    /*background-color: #000000;*/

}



/* 

 Values in this section determine the style of the of the area 

 containing the requested flight times

*/

.route-row-times td

{

    font-size: 80%;

    padding-left: 20px !important;

}



/* 

 Values in this section determine the style of header of the mouse over

 popup in the area displaying the requested route and flight times

*/

.popup-tooltip 

{

    /*background-color: #000000 !important;*/

    /*color: #d72027*/

}



/* 

 Values in this section determine the style of "Show all legs" link when

 more than three legs was requested

*/

.route-row-overflow a

{

    /*color: #d72027;*/

}





/*

 Values in these sections determine the style of "even" and "odd" lines in 

 the search result. Changing background color of these can for example

 result in a zebra colored result list.  

*/

.link-even 

{

    background-color: #000000;

     color: #e0e0e0;

}

.link-odd 

{

    background-color: #000000;

     color: #e0e0e0;

}





/*

 Values in this section determine the style of the links in the "even" 

 and "odd" lines in the search result.   

*/

.link-even a,

.link-odd a

{

    /*color: rgb(68, 170, 0);*/

}



/*

 Values in this section determine the style of selected lines in 

 the search result.

*/

.link-selected

{

    background-color: #000000;

     color: #e0e0e0;

}

/*

 Values in this section determine the style of the links in the selected 

 lines in the search result.

*/

.link-selected a

{

    /*color: rgb(68, 170, 0);*/

}



/*

 Values in these sections determine the style of the headers in the tables

 used to select specific aircraft models.

*/

.link-inquiry-selected thead

{

    background-color: #000000;

}

.link-models thead

{

    background-color: #000000;

}



/*

 Values in these sections determine the style of the rows in the tables

 used to select specific aircraft models.

*/

.link-inquiry-selected td

{

    /*border-bottom-style: solid;*/

    /*border-bottom-width: 1px;*/

    /*border-bottom-color: #ffffff;*/

}

.link-models td

{

    /*border-bottom-style: solid;*/

    /*border-bottom-width: 1px;*/

    /*border-bottom-color: #ffffff;*/

}





/*

 Values in these sections determine the style of some of the horizontal

 rulers.

*/

.link-section-break,

.avi-route-leg,

.avi-route-options,

.link-model-nav

{

    /*border-color: rgb(255, 255, 255) !important;*/

}

.link-category,

.link-category-form

{

    /*border-color: rgb(255, 255, 255) !important;*/

}





/*

 Values in this section determine the style of the status popup.

*/

.Status-Popup

{

    /*background-color: rgb(255, 255, 255) !important;*/

}



/*

 Values in this section determine the style of the status popup.

*/

.Status-Text

{

    /*color: rgb(255, 255, 255);*/

}



/*

 Values in this section determine the style of the link in the status popup.

*/

.Status-Text a

{

    /*color: rgb(68, 170, 0);*/

}



/*

 Values in these sections determine the style of the calendar popup.

*/

.popup-calendar

{

    /*width: auto !important;*/

}

table.CalendarWidget

{

}

table.CalendarWidget thead tr td

{

}

table.CalendarWidget thead tr td.NavCurrentMonth

{

}

table.CalendarWidget thead tr td.NavCurrentYear

{

}	

table.CalendarWidget thead tr td.NavPreviousMonth

{

}

table.CalendarWidget thead tr td.NavNextMonth

{

}

table.CalendarWidget tbody tr td

{

}

table.CalendarWidget tbody tr td a

{

}

table.CalendarWidget tbody tr td.CalendarWidgetNow

{

	/*background-color: #ffb6c1 !important;*/

}	

table.CalendarWidget tbody tr td.CalendarWidgetFiller

{

	/*background-color: #cccccc !important;*/

}

table.CalendarWidget tbody tr td:hover

{

	/*background-color: #f9e8be !important;*/

}