/*
Base font-size is %75

Font size: 16px = 1.35em
Font size: 14px = 1.2em
Font size: 12px = 1em
Font size: 11px = .95em
Font size: 10px = .85em


MAIN GLOBAL STYLES
------------------

- Global Definitions: Body, Images, Links, Forms, Paragraphs, Wrapper, Clear

- Content Containers
- Border
- Brown Bar
- Grey Bar
- Index Blurbs
- Intro Container
- Source Text
- Promo Chips
- Form Page Styles
- Headers
- Page Header
- Sub Header
- Section Header
- Horizontal Rules
- Spacers

*/


/* GLOBAL DEFINITIONS */

body {
background-image:url(../images/global/bg_white_main.gif);
background-repeat:repeat-y; 
/* IBE KU Begin */
background-color: #FFFFFF; /*#9A8F83;*/
color: #000000;	/*#666666;*/
font-size: 11px;	/*75%;*/
/* IBE KU End */
background-position: center; 
font-family: Arial, Helvetica, sans-serif;
line-height: 1.35em;
margin: 0px;
padding: 0px;
}

#wrapper 
{
/* IBE KU Begin */
/*background:url(../images/global/bg_gradient_main.gif) repeat-x top;*/
/* IBE KU End */
text-align: center;
}

img {
border: 0px;
}
img.img_mid {
vertical-align: middle;
}

form {
margin: 0px;
padding: 0px;
}
input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0px;
padding: 0px;
}
.checkBox {
margin-right: 5px;
*vertical-align: middle;
}
.radioButton{
margin-right: 5px;
vertical-align: middle;
}
/* the ::root hack below shows this info to ONLY Safari browsers */
::root .radioButton{
margin-bottom: 4px;
}
.dropdown {
margin-left: 10px;
}

a {
/*color: #554433;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/* IBE KU Begin */
color: #000000;	/*#554433;*/
/*text-decoration: none;*/
/* IBE KU End */
}
a:hover {
color: #CC3333;
text-decoration: none;
}
a:active {
color: #CC3333;
text-decoration: none;
}
a.bold {
font-weight: bold;
}
div.contentContainer a, div.contentLeftWide a {
text-decoration: underline;
}
a.bodyLink {
color: #554433;
text-decoration: underline;
}
a.bodyLink:hover {
color: #cc3333;
text-decoration: none;
}
a.selected 
{
/*IBE KU Begin*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #3155b5;	/*#CC3333;*/
/*IBE KU End*/
text-decoration: none;
}
a.whiteLink {
color: #FFFFFF;
text-decoration: none !important; 
}
a.whiteLink:hover {
color: #DDDDDD;
text-decoration: none;
}
a.block {
display: block;
}
p 
{
/*Ref#KU_B; Begin:*/
/*margin: 0px;
padding: 0px 30px 15px 10px;*/
/*Ref#KU_B; Begin:*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
/*Ref#KU_B; End:*/
}
p.spacer_20 {
margin: 0px;
padding: 0px 30px 20px 10px;
}
p.introText {
margin: 0px;
padding: 20px 30px 20px 10px;
}

/*  IMPORATNT
NEED TO UPDATE introText class to the following specs, to accomodate the new content structure of nesting the <p> tags inside the introText DIV

div.introText {
margin: 0px;
padding: 20px 0px 5px 0px;
}*/

p.innerText {
margin: 0px;
padding: 0px 10px 0px 10px;
}
p.iconText {
font-size: .95em;
margin: 0px;
padding: 0px 0px 0px 10px;
}
p.systemHeader, p.systemHeader_15 {
font-size: 1.2em;
font-weight: bold;
margin: 0px;
padding: 0px 30px 5px 10px;
}
p.systemHeader_15 {
padding: 0px 30px 15px 10px;
}
p.p525{
width: 525px;
}
p.devGuideHeader {
font-weight: bold;
margin: 0px;
padding: 0px 0px 10px 0px;
}

.small{
font-size: .85em;
line-height: 1.2em;
}

acronym {
text-decoration: none;
}

.clearBoth {
clear: both;
height: 0px;
margin: 0px;
overflow: hidden;
}


/* CONTENT CONTAINERS */

div.borderContainer {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-left: none;
margin: 0px;
padding: 0px;
}
div.borderContainer.noRightBorder {
border-right: none;
}

div.brownBarContainer, div.brownBarContainerNoBorder
{
/* IBE KU Begin */
background-color: #3155b5;
/*background: url(../images/global/brown_bar_background.gif) repeat-x;
border-bottom: 1px solid #FFFFFF;*/
/* IBE KU End */
height: 25px;
}
div.greyBarContainer{
background-color: #C0BBAF;
border-bottom: 1px solid #FFFFFF;
height: 25px;
}
div.brownBarContainerNoBorder {
border: none;
}
div.brownBar, div.greyBar 
{
/* IBE KU Begin */
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/* IBE KU End*/	
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 4px 0px 0px 10px;
*padding: 3px 0px 0px 10px;
}

/* IBE KU Begin- NEW Class defined for PassengerBar */
div.brownBarForCtrl{
/* IBE KU Begin */
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/* IBE KU End*/	
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 4px 0px 0px 10px;
padding: 3px 0px 0px 10px;
}
/* IBE KU End*/

div.brownBar dl {
padding: 0px;
margin: 0px;
color: #FFFFFF;
font-weight: bold;
}
div.brownBar dt {
padding: 0px 0px 0px 0px;
}
div.brownBar dd {
float: right;
padding: 0px 10px 0px 0px;
margin-top: -16px;
}
div.brownBar dl {
clear: both;
*margin-bottom: -5px;
}

div.contentLeft, div.contentLeftSmall, div.L2_indexContentLeft, div.L2_indexContentLeft_2COL_WR {
background-color: #FFFFFF;
float: left;
margin-right: 15px;
width: 275px;
}
div.contentRight, div.contentRightSmall, div.L2_indexContentRight, div.L2_indexContentRight_2COL_WR {
background-color: #FFFFFF;
float: left;
width: 275px;
}
div.L2_indexContentLeft img, div.L2_indexContentRight img {
padding-bottom: 10px;
}
div.L2_indexContentLeft dl img, div.L2_indexContentRight dl img {
padding-bottom: 0px;
}
div.L2_indexContentLeft_2COL_WR, div.L2_indexContentRight_2COL_WR {
width: 270px;
}
div.contentLeftSmall {
width: 193px;
}
div.contentRightSmall {
width: 192px;
}

div.contentLeftWide {
float: left;
margin-right: 30px;
width: 350px;
}
div.contentRightNav, div.contentRightNavGrey, div.specialOfferNav {
float: left;
width: 185px;
}
div.contentRightNavGrey {
background-color: #C0BBAF;
}
div.specialOfferNav {
background-color: #C0BBAF;
float: left;
margin: 3px 20px 20px 0px;
}
div.contentRightNavGrey ul, div.contentRightNavGrey li, div.specialOfferNav ul, div.specialOfferNav li, ul.simpleList, ul.simpleList li {
padding: 0px;
margin: 0px;
}
ul.simpleList {
padding: 0px 5px 0px 5px;
}
div.contentRightNavGrey ul, div.specialOfferNav ul {
padding: 0px 5px 5px 5px;
}
div.contentRightNavGrey li, div.specialOfferNav li, ul.simpleList li {
padding: 10px 5px 10px 5px;
border-bottom: 1px solid #E4DECF;
list-style-type: none;
}
div.contentRightNavGrey li.last, div.specialOfferNav li.last, ul.simpleList li.last {
border: none;
} 
ul.simpleList li.first {
padding-top: 0px;
} 
div.contentRightNav a, div.contentRightNavGrey a, div.specialOfferNav a {
text-decoration: none;
}

div.indexPromo {
background-color: #C0BBAF;
margin-top: -10px;
padding: 0px 5px 15px 5px;
}	
div.indexPromoText {
color: #FFFFFF;
padding: 7px 5px 0px 5px;
}
dl.indexList, dl.indexPromo {
margin: 0px;
padding: 0px;
}
dl.indexList dt, dl.indexPromo dt {
border-bottom: 1px solid #E4DED0;
font-weight: bold;
margin: 0px 0px 7px 0px;
padding: 0px 10px 8px 10px;
}
dl.indexList dt a, dl.indexPromo dt a {
text-decoration: none;
}
dl.indexList dd a, dl.indexPromo dd a {
color: #666666;
text-decoration: none;
}
dl.indexList dt.noTopPadding {
padding-top: 0px;
}
dl.indexList dt.flightServiceHead{
color: #C0BBAF;
font-size: 1.2em;
padding-top: 0px;
}
dl.indexList dd {
margin: 0px;
padding: 0px 10px 25px 10px;
}
dl.indexList dd.smallBottomPadding{
margin: 0px;
padding: 0px 10px 10px 10px;
}
dl.indexList dd.linkBottomPadding {
margin: 0px;
padding: 0px 10px 5px 10px;
}
dl.indexPromo dt {
margin: 0px 0px 10px 0px;
padding: 0px 5px 10px 5px;
}
dl.indexPromo dd {
color: #FFFFFF;
margin: 0px;
padding: 0px 20px 0px 5px;
}

div.introContainer {
background-color: #FFFFFF;
padding: 1px 1px 0px 0px;
}
div.introContainerTan {
background-color: #F1EEE7;
padding: 1px 1px 0px 0px;
position: relative;
}

div.promoChip {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
border-left: none;
display: block;
margin: 0px 0px 20px 0px;
padding: 0px;
}

div.promoContainer {
background-color: #F1EEE7;
padding-top: 10px;
}

div.sourceContainer, div.sourceContainerBorderTop {
background-color: #FFFFFF;
border-bottom: 1px solid #E4DED0;
margin: 0px;
padding: 0px;
}
div.sourceContainerBorderTop {
border-bottom: none;
border-top: 1px solid #E4DED0;
margin-top: 25px;
}
div.source {
font-size: .95em;
line-height: 1.2em;
padding: 15px 30px 20px 10px;
}

div.whiteBack {
background-color: #FFFFFF;
padding: 1px 1px 0px 0px;
}

div#on_1, div#on_2, div#on_3, div#on_4, div#on_5, div#on_6, div#on_7, div#on_8, div#on_9, div#on_10 {
display: none;
}

div.siteMapLeft {
float: left;
margin: 0px 20px 20px 0px;
width: 350px;
}
div.siteMapRight {
float: right;
margin: 0px 0px 20px 0px;
width: 350px;
}


/* FORM PAGE STYLES */

div.formContainer 
{
/* IBE KU Begin */
background-color: #FFFFFF;	/*#F1EEE7;*/
padding: 0px 1px 1px 1px;	/*15px 20px 20px 20px;*/
border: solid 1px #d6d6d6;
/* IBE KU End */
color: #554433;
}
div.formSectionHeader {
background-color: #E4DECF;
border-bottom: solid 1px #FFFFFF;
border-top: solid 1px #FFFFFF;
margin: 0px;
padding: 8px 0px 8px 10px;
*padding: 7px 0px 8px 10px;
}

.formText {
color: #554433; 
}

div.formAPISubHeader {
background-color: #B8D8FD;
border-bottom: solid 1px #FFFFFF;
border-top: solid 1px #FFFFFF;
margin: 0px;
padding: 8px 0px 8px 10px;
*padding: 7px 0px 8px 10px;
color: #000000;
}

.formText {
color: #554433; 
}

/*START: KU...New Class */
.formLabelBigTxt
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;	
line-height: 1.2em;
padding: 0px 0px 0px 0px;
text-align: right;
}
/*END: KU...New Class */

.formLabel, .formLabelTextarea 
{
/* IBE KU Begin */
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;	/*.95em;*/
color: #000000;		/*#554433;*/
/* IBE KU End */
line-height: 1.2em;
padding: 0px 0px 0px 0px;
text-align: right;
}

.formLabelTextarea {
padding-top: 3px;
*padding-top: 5px;
}
.formLabelLeft {
color: #554433; 
font-size: .95em;
padding: 0px 0px 0px 0px;
}
.formLabelSpacer {
color: #554433; 
font-size: .95em;
padding: 0px 0px 0px 20px;
text-align: right;
}
.formSubHead {
color: #666666;
font-weight: bold;
margin: 5px 0px -4px 0px;
*margin-left: 0px;
padding-bottom: 15px;
}
.formSubLabel {
color: #554433; 
font-size: .95em;
padding: 0px 15px 0px 0px;
text-align: left;
vertical-align: middle;
}
.formUnderLabel{
color: #554433; 
font-size: .95em;
padding: 0px 0px 10px 10px;
*padding-top: 2px;
text-align: left;
}
.formFieldSmallSelect {
margin: 5px 5px 5px 10px;
width: 110px;
}

.formField,.formFieldWithUnderLabel {
margin: 5px 5px 5px 10px;
vertical-align: middle;	
/* IBE KU Begin */
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
/* IBE KU End */
}
.formFieldWithUnderLabel{
/*margin: 5px 5px 5px 10px;*/
}
.formFieldButton {
margin: 0px 5px 0px 5px;
}
.formIndent {
padding: 0px 0px 0px 10px;
}
.formLink {
padding: 0px 0px 0px 5px;
vertical-align: middle;
/* IBE KU Begin */
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; /*.95em;*/
color: #000000;
font-weight:bold;
/* IBE KU End */
}
.formNote {
border-left: 1px solid #666666;
color: #666666;
font-size: .85em;
line-height: 1em;
margin: 0px 0px 0px 10px;
padding: 0px 0px 1px 10px;
*padding-bottom: 2px;
*margin-top: -2px;
/*width: 150px;*/
vertical-align: middle;
}
.requiredFootnote 
{
/*Ref#KU-OLCI_B; Begin:*/
/*font-size: .85em;
margin: 0px;
padding: 0px 0px 15px 10px;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
/*Ref#KU-OLCI_B; End:*/
}
.required {
/*Ref#KU-OLCI_B; Begin:*/
/*color: #CC3333;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ad1021;
/*Ref#KU-OLCI_B; End:*/
}
label.hideLabel {
display: none;
}


/* HEADER STYLES */

div#pageHeader, div#pageHeaderUnderline {
margin: 0px;
padding: 15px 0px 5px 10px;
}
div#pageHeaderUnderline {
border-bottom: 1px solid #E4DED0;
margin: 0px 0px 14px 0px;
padding: 15px 0px 4px 10px;
}

h1 {
/* Ref#KU_B; Begin: */
/* color: #C0BBAF;
font-size: 28px;
line-height: 28px;
font-weight: normal;
margin: 0px;
padding: 12px 0px 10px 10px; */
font-family: Verdana;
font-size: 18px;
color: #00aeef;
font-weight:bold;
/* Ref#KU_B; End: */
}
h1.underline {
/* Ref#KU_B; Begin: */
/*border-bottom: 1px solid #E4DED0;
padding: 12px 0px 10px 10px;
margin-bottom: 14px;*/
font-family: Verdana;
font-size: 18px;
color: #00aeef;
font-weight:bold;
/* Ref#KU_B; End: */
}
h1.popupHeader {
padding: 27px 0px 19px 10px;
}
h2 
{
/* Ref#KU_B; Begin: */
/*color: #C0BBAF;
font-size: 22px;
line-height: 1.25em;
font-weight: normal;
margin: 0px 0px 15px 0px;
padding: 15px 15px 0px 10px;
letter-spacing: -.025em;*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
/* Ref#KU_B; End: */
}
h2.basic {
/* Ref#KU_B; Begin: */
/*padding-top: 2px;
margin-bottom: 16px;*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
/* Ref#KU_B; End: */
}
h2.underline {
/* Ref#KU_B; Begin: */
/*border-bottom: 1px solid #E4DED0;
padding: 15px 0px 8px 10px;
margin-bottom: 12px;*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
/* Ref#KU_B; End: */
}
h2.callout {
/*border-bottom: 1px solid #E4DED0;
color: #C0BBAF;
letter-spacing: -1px;
font-size: 18px;
line-height: 22px;
margin: 0px 0px 20px 0px;
padding: 17px 15px 14px 10px;*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
/* Ref#KU_B; End: */
}
.hilight {
/*color: #554433;*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
/* Ref#KU_B; End: */
}
h2.specialOffer {
/*color: #554433;
margin: 0px 0px 0px 0px;
padding: 16px 0px 5px 10px;*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
/* Ref#KU_B; End: */
}
h2.specialOfferText {	
/*font-size: 16px;
line-height: 20px;
border-bottom: 1px solid #E4DED0;
margin: 0px 0px 18px 0px;
padding: 0px 15px 18px 10px;*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
/* Ref#KU_B; End: */
}
h3 {
color: #666666;
font-size: 19px;
line-height: 19px;
font-weight: normal;
margin: 0px;
padding: 14px 0px 13px 10px;
}
h3.border {
border-top: 1px solid #E4DED0;
padding-top: 19px;
}
h3.flightSearch {
margin: 0px;
padding: 10px 0px 11px 10px;
}
h3.confirmHeader {
padding: 18px 0px 13px 10px;
}
h3.siteGateway {
color: #C0BBAF;
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin: 0px;
padding: 9px 10px 7px 10px;
text-align:left;
}
h3.promoHeader_L2 {
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
line-height: 16px;
margin: 0px;
padding: 10px 10px 7px 5px;
text-align:left;
}
h3.serviceFinderHeader {
color: #554433;
font-size: 12px;
font-weight: bold;
line-height: 16px;
margin: 0px;
padding: 6px 10px 9px 10px;
text-align:left;
}
.brownText {
color: #554433;
}
.redText {
color: #CC3333;
}
.whiteText {
color: #FFFFFF;
}

/*Start: JULY Release */
h6 {
font-size: 19px;
line-height: 28px;
font-weight: normal;
margin: 0px;
padding: 12px 0px 10px 10px;
}

.greenText 
{
/*IBE KU Begin*/
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #ffaa39;	/*#64C131;*/
/*IBE KU End*/
}
.checkedIn {
font-weight: bold;
color: #5E9A69;
}	
/*End: JULY Release */

/* HORIZONTAL RULES */

div.horRule, div.horRule_5, div.horRule_10, div.horRuleWhite, div.horRuleWhite_5, div.horRuleDarker, div.horRuleDark, div.horRuleDark_5, div.horRuleBrown, div.horRuleBrown_5, div.horRuleBottom_5, div.horRuleBottom_10 {
background-color: #E4DED0;
height: 1px;
margin: 0px;
padding: 0px;
}
div.horRuleWhite {
background-color: #FFFFFF;
}
div.horRuleWhite_5 {
background-color: #FFFFFF;
margin: 5px 0px 5px 0px; 
}
div.horRuleDark {
background-color: #D7D0BD;
}
div.horRuleDark_5 {
background-color: #D7D0BD;
margin: 5px 0px 5px 0px; 
}
div.horRuleDarker {
background-color: #D9D3C6;
}
div.horRuleBrown {
background-color: #594C44;
}
div.horRuleBrown_5 {
background-color: #594c44;
margin: 5px 0px 5px 0px; 
}
div.horRule_5 {
margin: 5px 0px 5px 0px; 
}
div.horRule_10 {
margin: 10px 0px 10px 0px; 
}
div.horRuleBottom_5 {
margin: 0px 0px 5px 0px; 
}
div.horRuleBottom_10 {
margin: 0px 0px 10px 0px; 
}
div.horRule hr, div.horRule_5 hr, div.horRule_10 hr, div.horRuleWhite hr, div.horRuleWhite_5 hr, div.horRuleDarker hr, div.horRuleDark hr, div.horRuleDark_5 hr, div.horRuleBrown hr, div.horRuleBrown_5 hr, div.horRuleBottom_5 hr, div.horRuleBottom_10 hr {
display: none;
}


/* SPACERS */

.spacer5 {
font-size:5px;
height:5px;
}
.spacer10 {
height:10px;
}
.spacer15 {
height:15px;
}
.spacer20 {
height:20px;
}
.spacer25 {
height:25px;
}
.spacer30 {
height:30px;
}
/* IBE KU Begin */
.ButtonHeader
{
background: url(../Images/form_buttons/button_L.gif) no-repeat left; 
/*background: url(../Images/form_buttons/button_R.gif) no-repeat right;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #FFFFFF;
background-color:#3955B5;
border-style: none;
}
.ModuleTitle {
font-family: Verdana;
font-size: 14px;
font-weight:bold;
color: #3155b5;
padding: 4px 0px 10px 10px;
}
.PageTitle {
font-family: Verdana;
font-size: 18px;
color: #00aeef;
font-weight:bold;
padding: 4px 0px 10px 10px;
}
/* IBE KU End */
