﻿/********************************************************** 
************* Rainmaker Business Technologies *************
***********************************************************
                DO NOT MODIFY PER CUSTOMER
        Customer specific styles are in airline.css
**********************************************************/

#pageOuter, #masterHeader, #masterBody, #masterFooter { float: left; width: 100%;  }
#pageOuter                      { padding: 0px 0px 20px 0px; }
#masterBodyInner                { padding: 3px 7px 3px 5px; }
#masterFooter                   { }
#masterFooterInner              { position: fixed; bottom: 0%; width: 100%; font-size: 7pt; text-align: center; padding: 1px 0px 1px 0px; z-index: 1000001; }


/* Header */
#headerTop, #headerLogo, #headerCentre, #headerLogon    { height: 60px; display: block; }
#headerTop                      { width: 100%; min-width: 750px; }
#headerLogo                     { width: 250px; float: left; background-image: url(logo.png); cursor: pointer; }
#headerCentre                   { width: 250px; float: left; }
#headerLogon                    { width: 250px; float: right; margin-left: -250px; text-align: right; }
#headerLogon a:link, 
#headerLogon a:visited          { color: #000; text-decoration:none; }
#headerLogon a:hover            { text-decoration: underline; }
#headerBar                      { width: 100%; height: 16px; display: block; float: left; color: #fff;
                                    background-image: url(headerBar.png); background-repeat: repeat-x; }
#headerLinks                    { float: right; }
#headerLinks a,
#headerLinks a:link,
#headerLinks a:visited          { color: #e6e6e6; text-decoration: none; font-size: 8pt; height:16px; line-height:15px; font-weight: bold; cursor: pointer; 
                                    background-image: url(menuIconMain.png); background-repeat: no-repeat; background-position: 1px 3px; padding: 0px 7px 0px 12px; }
#headerLinks a:hover            { color: #fff; }


/* Menu */
.headerMenuOuter                { margin: 0px 0px 0px 3px; color: #555; float: left; width: 50%; }
.headerMenu                     { height: 20px; z-index: 10000000; }
.headerMenu, 
.headerMenu ul                  { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; z-index: 10000000; }
.headerMenu a                   { display: block; padding: 5px 4px; }
.headerMenu a.trigger,
.headerMenu a.trigger:link, 
.headerMenu a.trigger:hover, 
.headerMenu a.trigger:active, 
.headerMenu a.trigger:visited   { color: #e6e6e6; }
.headerMenu a.trigger:hover, 
.headerMenu a.trigger:active    { color: #fff; }
.headerMenu a.trigger           { cursor: pointer; font-size: 8pt; font-weight: bold; height: 16px; line-height: 15px;
                                  padding: 0; text-align: left; text-decoration: none; background-image: url(menuIconMain.png); 
                                  background-repeat: no-repeat; background-position: 7px 4px; padding: 0px 4px 0px 17px; }
.headerMenu li                  { float: left; position: relative; position: static; width: auto; }
.headerMenu li ul, 
.headerMenu ul li               { padding: 0; width: 160px; }
.headerMenu ul li a             { border-right: 0 none; color: #333; padding: 3px 6px; border-top: solid 1px #f7f7f7; border-bottom: solid 1px #f7f7f7; }
.headerMenu li ul               { background-color: #ffffff; display: none; position: absolute; }
.headerMenu li:hover a, 
.headerMenu a:focus, 
.headerMenu a:active, 
.headerMenu li.p7hvr a          { color: #000; text-decoration: none; }
.headerMenu li:hover a.trigger  { color: #fff; }
.headerMenu li:hover ul, 
.headerMenu li.p7hvr ul         { display: block; }
.headerMenu li:hover ul a, 
.headerMenu li.p7hvr ul a       { background-color: transparent; color: #222; }
.headerMenu ul a:hover          { background-color: #fff5bd !important; color: #000 !important; border-top: solid 1px #f6c572; border-bottom: solid 1px #f6c572; }
.headerMenu                     { float: left; }
.headerMenu ul li a             { background-image: url(menuIcon.png); background-repeat: no-repeat; background-position: 6px 6px; padding-left: 18px;}


/* Printing */
@media print 
{
    #masterHeader,
    #masterFooter               { display: none; }    
}