/*

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