/*
          Aviation stylesheet

        Date            Version         Name                    Comment
	Feb 01,2006	V1.0.GMS.0.1	Greg Stark		Added comments and fixed LoginErrorMessage
	Mar 16,2006	V1.0.AMJ.0.1	Aaron Johnson	added .TabSelect, .ActiveTab, .InactiveTab
	Jul 07,2006 V1.0.DJS.0.2    David Snodgrass Removed Padding on LineOne LineTwo
	Aug 03,2006	V1.0.AMJ.0.3	Aaron Johnson	changed RecordDetail (was unused previously)
	Sep 05,2006	V1.0.AMJ.0.4	Aaron Johnson	changed for W27191
        Sep 18,2013     V13.10.0.1      Shane Floden    Added stypes for VX820 Request Form
        09/19/2013      V13.10.0.1      Dion Spanggaard TK-12869 Create new link on login page
                                                        --Added LabelBlackItalicLarge
        02/04/2016      V16.02.0.1      Shane Floden    Added TopNavBarMarquee for Cardholder Rewards
*/

BODY { margin:0; padding:0; height:100%; border:none; font-family: arial, verdana, helvetica; font-size: 11px; color: #000000; background-color: #FFFFFF; margin: 0px; }
html { margin:0; padding:0; height:100%; border:none; }

.TextFieldDisabled { background-color: #CCCCCC; }
.TextFieldEnabled { background-color: #FFFFFF; }
.TopMenu { height: 55px; background-image: url("/graphics/image_header.jpg"); background-repeat: no-repeat; vertical-align: middle; background-color: #1C3383; }
.TopCorpMenu { height: 55px; background-image: url("/graphics/image_header.jpg"); background-repeat: no-repeat; vertical-align: middle; background-color: #1C3383; }
.TopCustMenu { height: 55px; background-image: url("/graphics/image_header.jpg"); background-repeat: no-repeat; vertical-align: middle; background-color: #1C3383; }
.TopCustMenu { height: 55px; background-image: url("/graphics/image_header.jpg"); background-repeat: no-repeat; vertical-align: middle; background-color: #1C3383; }
.TopObMenu { height: 55px; background-image: url("/graphics/image_header.jpg"); background-repeat: no-repeat; vertical-align: middle; background-color: #1C3383; }
.TopMercMenu { height: 55px; background-image: url("/graphics/image_header.jpg"); background-repeat: no-repeat; vertical-align: middle; background-color: #1C3383; }

.FooterBox { background-color: #FFFFFF; padding: 2px; border-top: 1px solid #000000; }
.FooterHr { height: 1px; background-color: #FFFFFF; border: 0px; width: 95%; }

.TabSelect { font-family: arial,verdana,helvetica; text-decoration: none; color: #FFFFFF; font-weight: bold; font-size: 11px }
.ActiveTab { background-color: #0C2074; }
.InactiveTab { background-color: #AAAAAA; }

.AreaHeaderBarLink { text-decoration: none; color: #FFFFFF; text-align: right; padding-right: 10px; font-family: arial,verdana,helvetica; font-weight: bold;}

.RecordDetail { border-collapse: collapse; border: 1px solid black; }

.TermsOfUseText { text-indent: 0px; }
.TermsOfUseBullet { text-indent: 0px; }
.TermsOfUseBody { width: 95%; padding-left: 25px; }

.CorpMenu { background-color: #0C2074; width: 200px; text-align: left; vertical-align: top; }
.CorpMenuCell { padding: 2px 0px; border-right: solid #000000 1px;  }
.CorpMenuSpacerCell { padding: 0px 0px; }
.CorpMenuCellMOver { padding: 2px 0px; border-right: solid #000000 1px; background-color: #222665; }
.CorpMenuLink { font-family: arial,verdana,helvetica; font-size: 11px; text-align: left; color: white; text-decoration: none; }

.SideMenu { background-color: #0C2074; width: 200px; text-align: center; vertical-align: top; }
.SideMenuCell { height: 40px; padding: 2px 5px; }
.SideMenuCellMOver { height: 40px; padding: 2px 5px; background-color: #222665; }
.SideMenuLink { font-family: arial,verdana,helvetica; font-size: 12px; text-align: center; color: white; text-decoration: none; }

.SideMenuPopupHolder { background-color: transparent; padding: 2px; }
.SideMenuPopup { background-color: #0C2074; border: 1px black solid; text-align: center; }
.SideMenuPopupCell { width: 200px; padding: 4px; text-align: center; vertical-align: middle; }
.SideMenuPopupCellMOver { width: 200px; padding: 4px; background-color: #222665; vertical-align: middle; }
.SideMenuPopupLink { font-family: arial,verdana,helvetica; font-size: 11px; text-align: center; color: white; text-decoration: none; vertical-align: middle; }

.TopNavBar { background-color: #0C2074; text-align: center; vertical-align: top; border-bottom: solid #000000 2px; white-space: nowrap; }
.TopNavBarCell { height: 18px; border-right: solid #000000 1px; padding: 0px 15px; white-space: nowrap; }
.TopNavBarCellMOver { height: 18px; border-right: solid #000000 1px; background-color: #222665; padding: 0px 15px; white-space: nowrap; }
.TopNavBarLink { font-family: arial,verdana,helvetica; font-size: 11px; text-align: center; color: white; text-decoration: none; white-space: nowrap;}
.TopNavBarMarquee { position: relative; overflow: hidden; width: 100%; height: 13px; border: none; line-height: 13px; 
    font-family: arial,verdana,helvetica; font-size: 11px; text-align: center;
    color: white; text-decoration: none; white-space: nowrap;}


.CompanyHeader { background-color: #D6D6E0; border: 1px solid black; height: 20px; padding-left: 10px; }
.CompanyHeaderLabel { font-family: arial,verdana,helvetica; font-size: 11px; color: black; font-weight: bold; white-space: nowrap; padding-left: 5px; } 
.CompanyHeaderData { font-family: arial,verdana,helvetica; font-size: 11px; color: black; white-space: nowrap; padding-left: 5px; }
		
.DataHeaderBar { background-color: #0C2074; height: 20px; padding: 0px 5px; }
.DataBox { background-color: #FFFFFF; border: 1px solid black; }
.SearchHeaderBar { background-color: #0C2074; height: 20px; padding-left: 5px; }
.SearchBox { background-color: #FFFFFF; border: 1px solid black; padding: 5px; }
.HeaderBarGrey { background-color: #D1D1D1; }
.HeaderBarYellow { background-color: #FFE683; }

.LineOne { background-color: #F4F4F4; }
.LineTwo { background-color: white;  }

.Area { border: solid black 1px; padding: 2px 5px; text-align: center; vertical-align: top; }
TR.AreaHeaderBar { background-color: #0C2074; padding: 0px 5px; }
TD.AreaHeaderBar { height: 20px; }

.ProgramNameSelect { width: 300px; }

.RegMgrImage { width: 100%; background-color: white; text-align: center; }

.CSRepName { white-space: nowrap; background-color: white; padding: 10px; vertical-align: middle; }

.MenuColor { background-color: #0C2074; }

.SiteBody { width: 100%; text-align: center; vertical-align: top; }

.BodyParagraph { width: 90%; text-align: left; }

.OfficeOpen { font-family: arial,verdana,helvetica; font-size: small; color: green; text-decoration: none; font-weight: bold; }
.OfficeClosed { font-family: arial,verdana,helvetica; font-size: small; color: red; text-decoration: none; font-weight: bold; }

/*
** Label Classes
*/
.LabelGraySmall { font-family: arial,verdana,helvetica; color: gray; font-size: 11px; text-decoration: none; }

.LabelBlackLarge { font-family: arial,verdana,helvetica; color: black; font-size: 14px; text-decoration: none; }
.LabelBlackMed { font-family: arial,verdana,helvetica; color: black; font-size: 11px; text-decoration: none; }
.LabelBlackSmall { font-family: arial,verdana,helvetica; color: black; font-size: 11px; text-decoration: none; }
.LabelBlackMicro { font-family: arial,verdana,helvetica; color: black; font-size: 8px; text-decoration: none; }
.LabelBlackBoldLarge { font-family: arial,verdana,helvetica; font-size: 14px; color: black; text-decoration: none; font-weight: bold; }
.LabelBlackBoldMed { font-family: arial,verdana,helvetica; font-size: 11px; color: black; text-decoration: none; font-weight: bold; }
.LabelBlackBoldSmall { font-family: arial,verdana,helvetica; font-size: 11px; color: black; text-decoration: none; font-weight: bold; }

.LabelBlackItalicLarge { font-family: arial,verdana,helvetica; color: black; font-size: 16px; text-decoration: none; font-style: italic;  font-weight: bold;}
.LabelBlackItalicMed { font-family: arial,verdana,helvetica; color: black; font-size: 11px; text-decoration: none; font-style: italic;  }
.LabelBlackSmallItalic { font-family: arial,verdana,helvetica; color: black; font-size: 11px; text-decoration: none; font-style: italic; }
.LabelBlackMicroItalic { font-family: arial,verdana,helvetica; color: black; font-size: 8px; text-decoration: none; font-style: italic; }

.LabelBlackLargeRight { font-family: arial,verdana,helvetica; color: black; font-size: 14px; text-decoration: none; text-align: right }
.LabelBlackMedRight { font-family: arial,verdana,helvetica; color: black; font-size: 11px; text-decoration: none; text-align: right }
.LabelBlackSmallRight { font-family: arial,verdana,helvetica; color: black; font-size: 11px; text-decoration: none; text-align: right }
.LabelBlackBoldLargeRight { font-family: arial,verdana,helvetica; font-size: 14px; color: black; text-decoration: none; font-weight: bold; text-align: right }
.LabelBlackBoldMedRight { font-family: arial,verdana,helvetica; font-size: 11px; color: black; text-decoration: none; font-weight: bold; text-align: right }
.LabelBlackBoldSmallRight { font-family: arial,verdana,helvetica; font-size: 11px; color: black; text-decoration: none; font-weight: bold; text-align: right }

.LabelWhiteLarge { font-family: arial,verdana,helvetica; color: white; font-size: 14px; text-decoration: none; }
.LabelWhiteMed { font-family: arial,verdana,helvetica; color: white; font-size: 11px; text-decoration: none; }
.LabelWhiteSmall { font-family: arial,verdana,helvetica; color: white; font-size: 11px; text-decoration: none; }
.LabelWhiteBoldLarge { font-family: arial,verdana,helvetica; font-size: 14px; color: white; text-decoration: none; font-weight: bold; }
.LabelWhiteBoldMed { font-family: arial,verdana,helvetica; font-size: 11px; color: white; text-decoration: none; font-weight: bold; }
.LabelWhiteBoldSmall { font-family: arial,verdana,helvetica; font-size: 11px; color: white; text-decoration: none; font-weight: bold; }

.LabelWhiteLargeRight { font-family: arial,verdana,helvetica; color: white; font-size: 14px; text-decoration: none; text-align: right }
.LabelWhiteMedRight { font-family: arial,verdana,helvetica; color: white; font-size: 11px; text-decoration: none; text-align: right }
.LabelWhiteSmallRight { font-family: arial,verdana,helvetica; color: white; font-size: 11px; text-decoration: none; text-align: right }
.LabelWhiteBoldLargeRight { font-family: arial,verdana,helvetica; font-size: 14px; color: white; text-decoration: none; font-weight: bold; text-align: right }
.LabelWhiteBoldMedRight { font-family: arial,verdana,helvetica; font-size: 11px; color: white; text-decoration: none; font-weight: bold; text-align: right }
.LabelWhiteBoldSmallRight { font-family: arial,verdana,helvetica; font-size: 11px; color: white; text-decoration: none; font-weight: bold; text-align: right }

.LabelSortedField { font-family: arial,verdana,helvetica; font-size: 11px; color: pink; text-decoration: none; font-weight: bold; }
.LabelSortOptions { font-family: arial,verdana,helvetica; font-size: 11px; color: #c0c0c0; text-decoration: none; font-weight: bold; }

/*
** Used by POS Request Form Vx820
*/
.LabelBlueBoldLarge { font-family: arial,verdana,helvetica; color: #0C2074; font-size: 16px; text-decoration: none; font-weight: bold; }
.ListItemLarge { list-style-type: square; margin-top: 2em; margin-left: 0px; font-family: arial, verdana, helvetica; color: black; font-size: 14px; text-decoration: none; }
.dash { border: 0 none; border-top: 1px dashed black; background: none; height: 0; margin-top: 2em; margin-bottom: 2em;}
.HideError { display:inline-none; color: red; }
/*
** Link Classes
*/

/* default link */
a { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; }

/* Note althought these are all called Orange, they no longer are Orange.  They are now USB blue. */
.LinkOrangeSmall { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; }
.LinkOrangeMed { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; }
.LinkOrangeBoldSmall { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; font-weight: bold; }
.LinkOrangeBoldMed { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; font-weight: bold; }

.LinkSmall { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; }
.LinkSmall:hover { color: #222665 }
.LinkMed { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; }
.LinkMed:hover { color: #222665 }
.LinkBoldSmall { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; font-weight: bold; }
.LinkBoldSmall:hover { color: #222665 }
.LinkBoldMed { font-family: arial, verdana, helvetica; font-size: 11px; color: #0C2074; font-weight: bold; }
.LinkBoldMed:hover { color: #222665 }

.LinkWhiteSmall { font-family: arial, verdana, helvetica; font-size: 11px; color: white; }
.LinkWhiteSmall:hover { color: #D0D0D0 }
.LinkWhiteMed { font-family: arial, verdana, helvetica; font-size: 11px; color: white; }
.LinkWhiteMed:hover { color: #D0D0D0 }
.LinkWhiteBoldSmall { font-family: arial, verdana, helvetica; font-size: 11px; color: white; font-weight: bold; }
.LinkWhiteBoldSmall:hover { color: #D0D0D0 }
.LinkWhiteBoldMed { font-family: arial, verdana, helvetica; font-size: 11px; color: white; font-weight: bold; }
.LinkWhiteBoldMed:hover { color: #D0D0D0 }

/*
** Error Message Classes
*/
.ErrorMessageLarge { font-family: arial,verdana,helvetica; font-size: 14px; color: red; text-decoration: none; }
.ErrorMessageBoldLarge { font-family: arial,verdana,helvetica; font-size: 14px; color: red; text-decoration: none; font-weight: bold; }
.ErrorMessageMed { font-family: arial,verdana,helvetica; font-size: 11px; color: red; text-decoration: none; }
.ErrorMessageBoldMed { font-family: arial,verdana,helvetica; font-size: 11px; color: red; text-decoration: none; font-weight: bold; }
.ErrorMessageSmall { font-family: arial,verdana,helvetica; font-size: 11px; color: red; text-decoration: none; }
.ErrorMessageBoldSmall { font-family: arial,verdana,helvetica; font-size: 11px; color: red; text-decoration: none; font-weight: bold; }

.LoginErrorMessage { font-family: arial,verdana,helvetica; font-size: 11px; color: red; background-color: black; border: 1px solid red; padding: 5px; font-weight: bold; text-align: center; vertical-align: middle; width: 400px; }
.PageErrorMessage { font-family: arial,verdana,helvetica; font-size: 11px; color: red; background-color: black; border: 1px solid red; padding: 5px; font-weight: bold; text-align: center; vertical-align: middle; width: 400px; }
.PageMessage { font-family: arial,verdana,helvetica; font-size: 11px; color: black; background-color: white; border: 1px solid red; padding: 5px; font-weight: bold; text-align: center; vertical-align: middle; width: 400px; }
.PageMessageBoldLarge { font-family: arial,verdana,helvetica; font-size: 18px; color: black; text-decoration: none; font-weight: bold; }

/*
** Button Classes
*/
.CorpMenuSubmitButton { font-family: arial,verdana,helvetica; font-size: 11px; color: black; width: 220px; }
.SubmitButton300 { font-family: arial,verdana,helvetica; font-size: 11px; color: black; width: 300px; }
.SubmitButtonPlain { font-family: arial,verdana,helvetica; font-size: 11px; color: black; }

.FirstRowColor { background-color: white; }
.SecondRowColor { background-color: #F0F0F0; }

.SupportFormTable { border: 1px solid black; padding: 5px; }

/*
** These Classes should be gotten rid of
*/
ul.plane { list-style-type: none; }
ul.disc { list-style-type: disc; }

li.plane { list-style-image: url("/graphics/pl.gif") }

li.INone { list-style-type: none; list-style-position: inside; list-style-image: url('/graphics/spacer.gif'); }
li.ONone { list-style-type: none; list-style-position: outside; list-style-image: url('/graphics/spacer.gif'); }

h3 { font-family: arial, verdana, helvetica, sans-serif; font-size: 12pt; font-weight: bold; }
h2.event { font-family: arial, verdana, helvetica, sans-serif; font-size: 16pt; color: black; font-weight: bold; }
h3.event { font-family: arial, times, serif; font-size: 16pt; color: black; font-weight: normal; font-style: italic; }

p.event { font-family: arial, verdana, helvetica, sans-serif; font-size: 12pt; color: black; font-weight: bold; }
.title { font-family: arial, verdana, helvetica, sans-serif; font-weight: bold; font-size: 10pt; color: black; }
a.eventlink { font-family: arial, verdana, helvetica, sans-serif; font-size: 10pt; }
.sub { font-family: arial, verdana, helvetica, sans-serif; font-size: 10pt; color: black; }
.text { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; color: black; background-color: white; }
.header { font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; color: black; font-weight: bold; background-color: transparent; }
.indent { margin-left: 30px; }
.textbold { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: black; background-color: white; }
.header3 { color: black; background-color: transparent; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; }
.header4 { color: black; background-color: transparent; font-family: arial, verdana, helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: center; }
.textsmall { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; color: black; }
.textsmallbold { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: black; }
.boxlabel { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #222665; }
.boxtitle1 { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #222665; }
.header5 { font-family: arial, verdana, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; background-color: #222665; text-align: center; }
p.error { text-align: center; color: red; }
td.error { color: red; text-align: center; }