/*******************************************************************************
                            Doc. version: 2.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
{
    /*font-family: "Lucida Grand", "Lucida Sans Unicode", Helvetica, sans-serif;*/
    /*font-size: 12px;*/
    /*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: rgb(68, 170, 0);
    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);*/
}




/********************
    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: rgb(0, 0, 0);*/
    /*font-family: "Lucida Grand", "Lucida Sans Unicode", Helvetica, sans-serif;*/
    /*font-size: 12px;*/
    /*padding: 10px;*/
}

/* 
 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
{
    /*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
{
    /* 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
{
    background-color: #fff;
    border-bottom-color: #4a0;
}

/* 
 Values in this section determine the style of area displaying the
 requested route and flight times
*/
.route
{
    /*background-color: rgb(255, 255, 255);*/
    /*color: rgb(0, 0, 0);*/
}
/* 
 Values in this section determine the style of header of the area 
 displaying the requested route and flight times
*/
.route thead
{
    /*background-color: rgb(255, 255, 255);*/
}

/* 
 Values in this section determine the style of the of the area 
 containing the requested flight times
*/
.route td { padding-left:0; }
.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: rgb(255, 255, 255) !important;*/
    /*color: rgb(0, 0, 0);*/
}

/* 
 Values in this section determine the style of "Show all legs" link when
 more than three legs was requested
*/
.route-row-overflow a
{
    /*color: rgb(0, 0, 0);*/
}



/*
 Values in these sections determine the style of link for sending request in 
 the search result and search & send request button .
*/
a.link-nav-forward-request,
a.link-nav-forward-search 
{
	padding:6px 8px 4px;
	font-size:1.0em;
	color:#222;
	background-color:#e6e6e6;
	border:1px solid #ccc;
	line-height:1.0;
}
a.link-nav-forward-request:hover,
a.link-nav-forward-search:hover {
	color:#4a0;
	background-color:#ddd;
	border-color:#aaa;
	text-decoration:none;
}

a.link-nav-forward-models 
{
	margin-top:5px;
	padding-right:0;
	color:#222;
}


/*
 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: #f2f2f2;
    /*color: rgb(255, 255, 255);*/
}
.link-odd 
{
    background-color: #fff;
    /*color: rgb(255, 255, 255);*/
}


/*
 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 category aircraft title in 
 the search result.
*/
td.link-category-title 
{
	font-weight:bold;
	font-size:1.2em;
}
/*
 Values in this section determine the style of category aircraft sampel title in 
 the search result.
*/
.link-category-aircraft-sample-title
{
	font-weight:bold;
}

/*
 Values in this section determine the style of selected lines in 
 the search result.
*/
.link-selected
{
    background-color: rgb(221, 236, 219);
    /*color: rgb(0, 0, 0);*/
}
/*
 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: rgb(207, 224, 236);*/
}
.link-models thead
{
    /*background-color: rgb(207, 224, 236);*/
}

/*
 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);*/
}