/*

PAGE LAYOUT COMPONENTS
----------------------

- Arrow Lists
- Bulleted List
- Continue Bars
- D-I Template Index List
- FAQS Index List, Results, Callouts
- Flight Search Summary
- Information Tables Lists
- Pagination
- Site Tools
- Skywards Login Widget
- Sort Functionality
- Special Fares Widget
- Table Option / Price Row
- Table Total Row
- Table Edit Row
- Top Tab Navigation

*/


/* ARROW LIST STYLES */

dl.arrowList {
margin: 0px;
padding: 0px;
}
dl.arrowListBox, dl.arrowListBoxSmall, dl.arrowListBoxSmallDark  {
background-color: #F1EEE7;
margin: 0px;
padding: 10px;
}
dl.arrowListBoxSmallDark  {
background-color: #E4DED0;
}
dl.arrowList dt, dl.arrowList dd, dl.arrowListBox dt, dl.arrowListBox dd, dl.arrowListBoxSmall dt, dl.arrowListBoxSmall dd, dl.arrowListBoxSmallDark dt, dl.arrowListBoxSmallDark dd {
margin: 0px;
padding: 0px;
}
dl.arrowList dt, dl.arrowListBox dt, dl.arrowListBoxSmall dt, dl.arrowListBoxSmallDark dt {
color: #666666;
font-weight: bold;
padding: 0px 0px 8px 10px;
}
dl.arrowListBox dt, dl.arrowListBoxSmall dt, dl.arrowListBoxSmallDark dt {
padding: 5px 0px 10px 5px;
}
dl.arrowList dt.header, dl.arrowListBox dt.header, dl.arrowListBoxSmall dt.header, dl.arrowListBoxSmallDark dt.header {
font-size: 1.2em;
}
dl.arrowList dd, dl.arrowListBox dd, dl.arrowListBoxSmall dd {
border-top: 1px solid #E4DED0;
padding-right: 10px;
}
dl.arrowListBox dd, dl.arrowListBoxSmall dd, dl.arrowListBoxSmallDark dd {
padding-right: 5px;
}
dl.arrowListBoxSmall dd, dl.arrowListBoxSmallDark dd {
font-size: .95em;
}		
dl.arrowListBoxSmallDark dd {
border-top: 1px solid #F1EEE7;
}	
dl.arrowList dd a, dl.arrowListBox dd a, dl.arrowListBoxSmall dd a, dl.arrowListBoxSmallDark dd a {
background: url(../images/icons/icon_trans_arrow_forward.gif) no-repeat right;
display: block;
height: 1%;
padding: 6px 20px 6px 10px;
*padding: 5px 20px 6px 10px;
}
dl.arrowListBox dd a, dl.arrowListBoxSmall dd a, dl.arrowListBoxSmallDark dd a {
padding: 6px 20px 6px 5px;
*padding: 5px 20px 6px 5px;
}
dl.arrowList dd.first, dl.arrowListBox dd.first, dl.arrowListBoxSmall dd.first, dl.arrowListBoxSmallDark dd.first {
border-top: none;
}
dl.arrowList a, dl.arrowListBox a, dl.arrowListBoxSmall a, dl.arrowListBoxSmallDark a {
text-decoration: none;
}



/* BULLETED LIST */

ul.bulletList, ul.bulletList li, ul.bulletListNoMargin, ul.bulletListNoMargin li {
margin: 0px 0px 15px 0px;
padding: 0px;
}
ul.bulletList_20, ul.bulletList_20 li {
margin: 0px 0px 20px 0px;
padding: 0px;
}
ul.bulletList ul {
}
ul.bulletList li, ul.bulletList_20 li, ul.bulletListNoMargin li {
background: url(../images/global/square_bullet.gif) no-repeat 0px 6px;
list-style-type: none;
margin: 0px 0px 5px 10px;
padding: 0px 0px 0px 10px;
}
ul.bulletList li.topPadding {
margin-top: 10px;
}
ul.bulletListNoMargin li{
margin-left: 0px;
}


/* CONTINUE BAR CONTAINER */

div.continueBar 
{
/* IBE KU Begin */
background-color: #e7ebf7;/*#D7D0BD;*/
border-bottom: solid 1px #d6d6d6;
border-left: solid 1px #d6d6d6;
border-right: solid 1px #d6d6d6;
/* IBE KU End */
font-size: .95em;
height: 35px;
padding: 0px 10px 0px 10px;
}

div.continueBarTest 
{
/* IBE KU Begin */
background-color: #e7ebf7;/*#D7D0BD;*/
border-bottom: solid 1px #d6d6d6;
border-left: solid 1px #d6d6d6;
border-right: solid 1px #d6d6d6;
/* IBE KU End */
font-size: .95em;
height: 35px;
padding: 0px 10px 0px 10px;
}

div.continueBar a {
font-weight: bold;
}
div.continueBarLeft, div.continueBarLeftForm {
float: left;
padding: 9px 0px 0px 0px;
}
div.continueBarRight, div.continueBarRightButton {
float: right;
margin-top: 0px;
padding: 9px 0px 0px 0px;
}
div.continueBarLeftForm {
padding: 9px 0px 0px 0px;
*padding: 8px 0px 0px 0px;
}
div.continueBarRightButton {
padding: 6px 0px 0px 0px;
}


/* CONTINUE BAR LISTS */

div.continueBar ul {
margin: 0px;
padding: 0px;
}
div.continueBar li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
div.continueBarLeft li {
padding-right: 12px;
}
div.continueBar li.separatorLine {
padding: 0px 5px 0px 5px;
}
div.continueBarRight li.spacer {
padding-left: 20px;
}


/* D-I INDEX / FAQ INDEX LIST */

dl.faqList, dl.faqList dt, dl.faqList dd,
dl.indexList_DJ, dl.indexList_DJ dt, dl.indexList_DJ dd {
margin: 0px;
padding: 0px;
}
dl.faqList dt, dl.indexList_DJ dt {
border-top: 1px solid #E4DED0;
font-weight: bold;
padding: 10px 10px 0px 10px;
}
dl.faqList dd, dl.indexList_DJ dd {
padding: 0px 10px 10px 10px;
}
dl.faqList dt.first, dl.indexList_DJ dt.first {
border-top: none;
padding-top: 0px;
}
dl.faqList a, dl.indexList_DJ a {
text-decoration: none;
}


/* FAQ RESULTS */

dl.faqResults, dl.faqResults dt, dl.faqResults dd {
margin: 0px;
padding: 0px;
}
dl.faqResults dt {
background: url(../images/icons/icon_white_faq_Q.gif) 0px 2px no-repeat;
font-weight: bold;
margin: 20px 10px 14px 10px;
padding-left: 17px;
}
dl.faqResults dd {
background: url(../images/icons/icon_white_faq_A.gif) 0px 2px no-repeat;
margin: 0px 10px 20px 10px;
padding: 0px 0px 0px 17px;
}
dl.faqResults dd.cont {
background-image: none;
}

ul.faqBox, ul.allFaq {
background-color: #F1EEE7;
font-size: .95em;
font-weight: bold;
margin: 0px;
padding: 0px;
}
ul.allFaq {
background-color: #D7D0BD;
}
ul.faqBox li, ul.allFaq li {
border-bottom: 1px solid #E4DED0;
list-style-type: none;
margin: 0px 10px 0px 10px;
padding: 0px;
}
ul.allFaq li {
border-bottom: 1px solid #FFFFFF;
}
ul.faqBox li a, ul.allFaq li a {
background: url(../images/icons/icon_box_arrow_forward.gif) no-repeat right;
display: block;
padding: 5px 0px 5px 0px;
padding-right: 20px;
}
ul.allFaq li a {
background: url(../images/icons/icon_bar_button_forward.gif) no-repeat right;
}
ul.allFaq li {
border-bottom: 1px solid #FFFFFF;
}
ul.faqBox li.first {
padding-top: 5px;
}
ul.faqBox li.last {
border: none;
padding-bottom: 5px;
}
ul.allFaq li.last {
border: none;
*padding-bottom: 2px;
}


div.faqCallOutNoImage, div.faqCallOutNoImageRightSide{
background-color: #F1EEE7;
padding: 10px 10px 10px 10px;
}
div.faqCallOutNoImageRightSide{
padding: 5px 0px 5px 0px;
}
div.faqCallOutNoImage ul, div.faqCallOutNoImage li, div.faqCallOutNoImageRightSide ul, div.faqCallOutNoImageRightSide li{
padding: 0px;
margin: 0px;
}
div.faqCallOutNoImage li, div.faqCallOutNoImageRightSide li{
border-bottom: 1px solid #E4DED0;
padding: 5px 5px 5px 10px;
list-style-type: none;
font-weight: bold;
}
div.faqCallOutNoImageRightSide li{
font-size: .95em;
}
div.faqCallOutNoImage li.last, div.faqCallOutNoImageRightSide li.last{
border: none;
}
div.faqCallOutNoImage a {
text-decoration: none;
}


/* FLIGHT SEARCH SUMMARY */

div.flightSearchSummary {
background-color: #F1EEE7;
margin: 0px;
padding: 10px;
}
table.flightSearchSummary {
width: 100%;
}
table.flightSearchSummary td.label {
text-align: right;
}
table.flightSearchSummary td.detail {
font-weight: bold;
padding: 0px 20px 0px 7px;
}


/* INFORMATION TABLES LISTS */

table.infoTableList {
margin: 0px 10px 0px 10px;
}
table.infoTableList td {
text-align: right;
vertical-align: top;
}
table.infoTableList td.listDetail {
font-weight: bold;
padding: 0px 0px 10px 10px;
text-align: left;
}
table.infoTableList td.listDetail.last {
padding-bottom: 0px;
}


/* PAGINATION */

ul.paginationLinks li {
padding: 0px;
}
ul.paginationLinks li.separatorLine {
padding: 0px 3px 0px 3px;
}
ul.paginationLinks li strong.thisPage {
color: #CC3333;
}
ul.paginationLinks li.noBorder {
border: none;
}
ul.paginationLinks li.last {
border: none;
padding-right: 0;
}
.buttonOff, .buttonOn {
border: none;
padding-bottom: 2px;
vertical-align: middle;
}

ul.paginationLinks.alphaMenu li.separatorLine {
padding: 0px 2px 0px 2px;
}


/* SITE TOOLS */

div.siteTools_565 {
width: 565px;
}
ul.siteTools, ul.siteTools li, ul.siteToolsNoBorder, ul.siteToolsBottom, ul.siteToolsBottom li, ul.siteToolsNoBorder {
margin: 0px;
padding: 0px;
}
ul.siteTools {
border-top: 1px solid #E4DED0;
}
ul.siteToolsBottom {
padding: 10px 0px 0px 0px;
}
ul.siteToolsNoBorder {
border: none;
}
ul.siteTools li, ul.siteToolsBottom li, ul.siteToolsNoBorder li {
float: right;
font-size: .95em;
font-weight: bold;
list-style-type: none;
padding: 5px 10px 5px 10px;
}
ul.siteToolsBottom li {
text-align: right;
}

ul.siteTools li.print, ul.siteToolsBottom li.print, ul.siteToolsNoBorder li.print {
border-right: 1px solid #E4DED0;
text-align: right;
}
div.popupContainer ul.siteToolsBottom li.print, div.popupContainer ul.siteToolsBottom li.email{
margin-top: 8px;
}
ul.siteTools li.viewPrint, ul.siteToolsBottom li.logo{
float: left;
}
ul.siteToolsBottom li.logo{
float: left;
margin-top: -30px;
padding: 0px 0px 8px 10px;;
}


/* SKYWARDS LOGIN WIDGET */

div.skywardsLoginWidget {
background-color: #F1EEE7;
border-bottom: 1px solid #FFFFFF;
font-size: .95em;
line-height: 1.2em;
padding: 10px 10px 10px 10px;
}
div.skywardsLoginWidget input.textField, div.skywardsLoginWidget select {
margin: 0px;
padding: 0px;
width: 155px;
}
div.skywardsLoginWidgetFormLabel {
color: #554433;
margin: 0px;
padding: 10px 0px 2px 0px;
}
dl.skywardsLoginWidgetCheck {
color: #554433;
margin: 15px 0px 15px 0px;
padding: 0px;
}
dl.skywardsLoginWidgetCheck dt {
float: left;
margin: 0px 5px 0px 0px;
*margin: 0px 0px 0px 0px;
padding: 0px;
height: 30px;
}
dl.skywardsLoginWidgetCheck dd {
margin: 0px;
padding: 0px;
}


/* SORT FUNCTIONALITY */

ul.sortLinks li a.thisPage {
background: url(../images/global/arrow_down_red.gif) no-repeat left;
padding-left: 14px;
color: #CC3333;
}
ul.sortLinks li {
border-right: 1px solid #666666;
padding: 0px 5px 0px 2px;
*padding: 0px 3px 0px 7px;
}
ul.sortLinks li.last {
border: none;
padding-right: 0;
}


/* SPECIAL FARES WIDGET */

div#specialFaresWidget {
background-color: #F1EEE7;
}
ul.specialFares {
display: block;
line-height: 1.1em;
margin: 0px;
padding: 0px;
}
ul.specialFares li {
border-bottom:1px solid #E9E3D6;
display:block;
font-size: .95em;
list-style-type: none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
ul.specialFares li.last {
border: none;
padding-bottom: 6px;
}
ul.specialFares a {
background: url(../images/icons/icon_trans_arrow_forward.gif) no-repeat right;
color: #554433;
display: block;
font-weight: bold;
margin: 0px 5px 0px 10px;
padding: 5px 0px 7px 0px;
text-decoration: none;
}
ul.specialFares li.note {
border: none;
font-size:.85em;
margin: 0px 5px 0px 10px;
padding: 0px 0px 3px 0px;
}
ul.specialFares a:hover {
color:#cc3333;
}
span.fareCost {
font-weight: normal;
color: #CC3333;
}


/* TABLE OPTION & PRICE ROW */

div.tableOptionBar, div.tableOptionBarNoBorder  {
border-top: 1px solid #E4DED0;
height: 40px;
padding: 0px 10px 0px 10px;
}
div.tableOptionBarLeft {
float: left;
padding: 11px 0px 0px 0px;
}
div.tableOptionBarRight {
float: right;
margin-top: 0px;
padding: 12px 0px 0px 0px;
}
div.tableOptionBarNoBorder {
border-top: none;
}

dl.viewPrice {
margin: 0px;
padding: 0px;
}
dl.viewPrice dt {
float: left;
font-size: 1.2em;
font-weight: bold;
margin: 0px;
padding: 0px 10px 0px 0px;
}
dl.viewPrice dd.thePrice {
border-left: 1px solid #999999;
float: left;
font-size: 1.2em;
font-weight: bold;
margin: 0px;
padding: 0px 10px 0px 10px;
}
dl.viewPrice dd.icon {
float: left;
font-size: .95em;
margin: 0px;
padding: 0px 10px 0px 10px;
}
dl.viewPrice dd.aboutPrice {
float: left;
font-size: .95em;
margin: 0px;
padding: 1px 10px 0px 0px;
}

dl.fareKey {
font-size: .95em;
margin: 0px;
padding: 0px;
}
dt.currentFareBox {
float: left;
padding: 0px;
margin: 0px;
}
dt.LowestFareBox {
float: left;
padding: 0px;
margin: 0px 0px 0px 20px;
}
dt.unavailableFareBox {
float: left;
padding: 0px;
margin: 0px 0px 0px 20px;
}
dl.fareKey dd {
float: left;
margin: 0px 0px 0px 10px;
}


/* TABLE TOTAL ROW */

div.tableTotalBar {
border-bottom: 1px solid #E4DED0;
height: 30px;
padding: 0px 10px 0px 10px;
}
div.tableTotalBarLeft {
float: left;
padding: 7px 0px 0px 0px;
}
div.tableTotalBarRight {
float: right;
margin-top: 0px;
padding: 7px 0px 0px 0px;
}
div.tableTotalBarLeft ul {
margin: 0px;
padding: 0px;
}
div.tableTotalBarLeft li {
display: inline;
list-style-type: none;
margin: 0px 20px 0px 0px;
padding: 0px;
}
div.tableTotalBarLeft li.icon {
font-size: .95em;
}
div.tableTotalBarLeft li.note {
font-size: .95em;
}

dl.subTotal {
float: right;
margin: 0px;
padding: 0px;
width: 195px;
}
dl.subTotal dt, dl.subTotal dd {
margin: 0px;
padding: 0px;
}
dl.subTotal dt {
float: left;
text-align: right;
width: 100px;
}
dl.subTotal dd {
float: left;
font-weight: bold;
text-align: right;
width: 95px;
}
dl.subTotal dd.large {
font-size: 1.2em;
}

dl.tableTotal {
margin: 0px;
padding: 0px;
}
dl.tableTotal dt, dl.tableTotal dd {
margin: 0px;
padding: 0px;
}
dl.tableTotal dt {
float: left;
margin-right: 10px;
}
dl.tableTotal dd {
float: left;
font-weight: bold;
}
dl.tableTotal dd.large {
font-size: 1.2em;
}


/* TABLE EDIT ROW */

div.tableEditBar {
background-color: #D7D0BD;
font-size: .95em;
height: 30px;
padding: 0px 10px 0px 10px;
}
div.tableEditBarLeft {
float: left;
padding: 7px 0px 0px 0px;
}
div.tableEditBarLeftForm {
float: left;
padding: 7px 0px 0px 0px;
*padding: 5px 0px 0px 0px;
}
div.tableEditBarRight {
float: right;
margin-top: 0px;
padding: 7px 0px 0px 0px;
}


/* TABLE EDIT ROW LISTS */

div.tableEditBar ul {
margin: 0px;
padding: 0px;
}
div.tableEditBar li {
display: inline;
list-style-type: none;
margin: 0px;
padding: 0px;
}
div.tableEditBarLeft li {
padding-right: 12px;
}


/* TOP TAB NAVIGATION */

div.topNav {
background: url(../images/global/brown_bar_background.gif) 0px 0px repeat-x;
background-color: #F1EEE7;
height: 25px;
margin: 0px;
}
div.topNavPadding {
padding: 4px 0px 5px 2px;
}
div.topNav ul {
margin: 0px;
padding: 0px;
}
div.topNav li {
background: none;
display: inline;
list-style-type: none;
margin: 0px;
padding: 3px 0px 3px 0px;
}
div.topNav li a, div.topNav li a.offState {
background: url(../images/global/bg_inner_nav.gif) 0px 0px repeat-x;
border-left: 1px solid #BBBBBB;
border-right: 1px solid #BBBBBB;
border-top: 1px solid #BBBBBB;
color: #DDDDDD;
font-weight: bold;
margin: 0px -1px 0px 0px;
padding: 2px 10px 6px 10px;
}
html>body{
position: relative;
}
div.topNav li a:hover{
color: #FFFFFF;
}
div.topNav a.onState, div.topNav a.onState:hover {
background-color:#F1EEE7;
background-image: none;
border: none;
color:#CC3333;
font-weight: bold;
padding: 3px 11px 6px 11px;
}

div.topNav li a.offState.spacer2 {
margin: 0px 2px 0px 0px;
}
div.topNav a.onState.spacer2 {
margin: 0px 2px 0px 0px;
}


/*  MAKE A BOOKING PROGRESS BAR  -- ADDED TO COMPONENTS.CSS TO MAKE IT WORK WITHIN IN THE BUSINESS REWARDS SECTION */

div.progressBar, div.progressBarShort, div.progressBar div.on, div.progressBarShort div.on, div.progressBar div.off, div.progressBarShort div.off {
background: url(../images/plan_book/progress_bar_bg.gif) repeat-x 0px 0px;
display: block;
float: left;
height:26px;
margin: 0px;
padding: 0px;
}
div.progressBar {
width:780px;
}
div.progressBarShort {
width:720px;
}
div#progressBarOn {
background: url(../images/plan_book/progress_bar_bg_on.gif) repeat-x 0px 0px;
}
div.progressBar div.on, div.progressBarShort div.on {
background: url(../images/plan_book/progress_bar_bg_on.gif) repeat-x 0px 0px;
}
div.progressBar div.off, div.progressBarShort div.off {
background: url(../images/plan_book/progress_bar_bg.gif) repeat-x 0px 0px;
}
div.progressBar div.on p, div.progressBarShort div.on p, div.progressBar div.off p, div.progressBarShort div.off p {
color: #FFFFFF;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 4px 15px 0px 10px;
*padding: 3px 15px 0px 10px;
}
div.progressBar div.off p, div.progressBarShort div.off p {
color: #F1EEE7;
}
div.progressBar div.sep, div.progressBarShort div.sep, div.progressBar div.sepOnBefore, div.progressBarShort div.sepOnBefore, div.progressBar div.sepOnAfter, div.progressBarShort div.sepOnAfter {
background: url(../images/plan_book/progress_bar_mid_off.gif) no-repeat 0px 0px;
display: block;
float: left;
height: 26px;
margin: 0px;
padding: 0px;
width: 15px;
}
div.progressBar div.sepOnBefore, div.progressBarShort div.sepOnBefore {
background: url(../images/plan_book/progress_bar_mid_next.gif) no-repeat 0px 0px;
}
div.progressBar div.sepOnAfter, div.progressBarShort div.sepOnAfter {
background: url(../images/plan_book/progress_bar_mid_on.gif) no-repeat 0px 0px;
}


/* USER INFORMATION BOX / BUSINESS REWARDS TOGGLE LINK */

div.introContainerTan {
width: 779px;
}

div.introContainerTan div.userInfoBox {
background-color: #D7D0BD;
float: right;
padding: 10px;
margin: 10px 10px 0px 0px;
width: 250px;
}


/*div.smeRewardBar{
background-color: #969eac;
height: 50px;
font-size:0.95em;
padding:0px 10px;
}

div.smeRewardBarRight{
float:right;	
padding:18px 0px 0px;
}

div.smeRewardBarRight a{
color: #FFFFFF;
font-weight: bold;
}
div.smeRewardBarRight a:hover {
color: #CC3333
}

div.smeRewardBarLeft{
padding:9px 0px 0px;	
float:left;
}*/