/*
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 */
@import url('../css/header.css?v=08122015');
@import url('../css/navbar.css?v=08122015');
@import url('../css/sub_navigation.css?v=08122015');
@import url('../css/footer.css?v=08122015');
/*@import url('../css/country_selector.css?v=08122015');*/
@import url('../css/components.css?v=08122015');
@import url('../css/widgets.css?v=08122015');
@import url('../css/widget_box.css?v=08122015');


body {
background-image:url(../images/global/bg_white_main.gif);
background-repeat:repeat-y; 
background-color: #FFFFFF;
background-position: center; 
color: #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 1.35em;
margin: 0px;
padding: 0px;
}

#wrapper {
/*background:url(../images/global/bg_gradient_main.gif) repeat-x top;*/
text-align: center;
}

	img {
		border: 0px;
		}
	img.img_mid {
		vertical-align: middle;
		}
	
	form {
		margin: 0px;
		padding: 0px;
		z-index: -1;
		}
	input, select, textarea {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10px;
		margin: 0px;
		padding: 0px;
		outline: none;
		}
	input.w200 {
		width: 200px;
	}
	.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;*/
		outline: none;
		color: #554433;
		text-decoration: none;
		}
	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 {
		color: #CC3333;
		text-decoration: none;
		}
	span.selected {
		color: #CC3333;
		}
	a.whiteLink {
		color: #FFFFFF;
		text-decoration: none !important; 
		}
	a.whiteLink:hover {
		color: #DDDDDD;
		text-decoration: none;
		}
	a.block {
		display: block;
		}
	
	p {
		margin: 0px;
		padding: 0px 30px 15px 10px;
		}
	p.spacer_20 {
		margin: 0px;
		padding: 0px 30px 20px 10px;
		}
	p.introText {
		margin: 0px;
		padding: 20px 30px 20px 10px;
		}
	
	p.visaReqText 
	{
		border: thin solid #4A9D39;
		color: #4A9D39;
		margin: 0px;
		padding: 0px 30px 0px 10px;		
	}

   p.flightfarewarning { /* UDWA- 4661*/
            border: 1px solid #4a9d39;
            color: #4a9d39;
            margin-bottom: 10px;
            padding-top: 5px;
            padding: 0px 30px 0px 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;
		}*/
div.declartionIntro
{
	padding: 0px 10px 0px 20px;
}
div.introCugoText
{
	margin: 0px;
	padding: 20px 10px 20px 10px; /*background: #F1EEE7 url('../images/cugo/CugoClock.png') no-repeat scroll left top transparent;*/
	background: #F1EEE7 url(../images/icons/clock.png) no-repeat 5px 5px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 30px;
	padding-left: 30px;
	height: auto;
	border-bottom: #e4ded0 thin solid;
	border-left: #e4ded0 thin solid;
	border-top: #e4ded0 thin solid;
	border-right: #e4ded0 thin solid;
}
div.introCugoText span.cugoCounterMsgLabel
{
	margin: 0px;
	vertical-align: middle;
	padding:0px;
	height: auto;
	
}
	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: 1em;
		}
	
	acronym {
		text-decoration: none;
		}
	
	.clearBoth {
		clear: both;
		height: 0px;
		margin: 0px;
		overflow: hidden;
		}


/* CONTENT CONTAINERS */
div.ModifyCss
{
	padding: 0px 20px 10px 0px; 
	float: right;
}

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 {
background: url(../images/global/brown_bar_background.gif) repeat-x;
border-bottom: 1px solid #FFFFFF;
height: 25px;
}
div.greyBarContainer{
background-color: #C0BBAF;
border-bottom: 1px solid #FFFFFF;
height: 25px;
}
div.brownBarContainerNoBorder {
border: none;
}
div.brownBar, div.greyBar {
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 4px 0px 0px 10px;
*padding: 3px 0px 0px 10px;
}
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 {
		margin-bottom: 10px;
		}
	div.L2_indexContentLeft dl img, div.L2_indexContentRight dl img {
		margin-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 {
		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 {
background-color: #F1EEE7;
color: #554433;
padding: 15px 20px 20px 20px;
}

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; 
}
.formLabel, .formLabelTextarea {
color: #554433; 
font-size: .95em;
line-height: 1.2em;
padding: 0px 0px 0px 0px;
text-align: right;
}
div.H3_imageTitleCC {
    color: #000000;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    background-color: #F7F7F7;
    font-weight: bold;
    font-size: 14px;
}

.formLabelCC{
color: #000000; 
font-size: .98em;
line-height: 1.2em;
padding: 0px 0px 0px 0px;
}

.formLabelCCText{
color: #000000; 
font-size: .98em;
}
.formLabelGRF
{
color: #554433; 
font-size: .95em;
line-height: 1.2em;
padding: 0px 0px 0px 0px;
text-align: right;
width:700px;
}

.formLabelTextarea {
padding-top: 3px;
*padding-top: 5px;
}
.formLabelLeft {
color: #554433; 
font-size: .95em;
padding: 0px 0px 0px 0px;
}
/*open jaw*/
.formLabelLeftOJ {
color: #554433; 
font-weight :bold; 
font-size: 1.1em;
padding: 0px 0px 0px 0px;
line-height: 1.2em;
}
/*open jaw*/

.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;	

}

.formFieldWithUnderLabel{
/*margin: 5px 5px 5px 10px;*/
}
.formFieldButton {
margin: 0px 5px 0px 5px;
}
.formIndent {
padding: 0px 0px 0px 10px;
}
.formLink {
font-size: .95em;
padding: 0px 0px 0px 5px;
vertical-align: middle;
}
.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 {
font-size: .85em;
margin: 0px;
padding: 0px 0px 15px 10px;
}
.required {
color: #CC3333;
}
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 {
		color: #666666; /* WACG - Luan Nguyen - Colour contract fix*/
		font-size: 28px;
		line-height: 28px;
		font-weight: normal;
		margin: 0px;
		padding: 12px 0px 10px 10px;
		}
	h1.underline {
		border-bottom: 1px solid #E4DED0;
		padding: 12px 0px 10px 10px;
		margin-bottom: 14px;
		}
	h1.popupHeader {
		padding: 27px 0px 19px 10px;
		}
/* WCAG -- Tan -- UDWA-305 and UDWA-307 -- start */
    h1.fareruleHeader {
        color: #666666;
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        padding: 10px 0 15px;
       }
/* WCAG -- Tan -- UDWA-305 and UDWA-307 -- end */
	h2 {
		color: #666666; /* WACG - Luan Nguyen - Colour contract fix*/
		font-size: 22px;
		line-height: 1.25em;
		font-weight: normal;
		margin: 0px 0px 15px 0px;
		padding: 15px 15px 0px 10px;
		letter-spacing: -.025em;
		}

    h2.review-inner-header {/* WACG - Thinh Nguyen - jira 1930*/
		padding: 15px 15px 0px 0px;
		}
	h2.basic {
		padding-top: 2px;
		margin-bottom: 16px;
		}
	h2.underline {
		border-bottom: 1px solid #E4DED0;
		padding: 15px 0px 8px 10px;
		margin-bottom: 12px;
		}
	h2.callout {
		border-bottom: 1px solid #E4DED0;
		color: #C0BBAF;
		letter-spacing: -.5px;
		font-size: 18px;
		line-height: 22px;
		margin: 0px 0px 20px 0px;
		padding: 17px 15px 14px 10px;
		}
	h2.callout1 {		
		color: #C0BBAF;
		letter-spacing: -.5px;
		font-size: 18px;
		line-height: 22px;
		}
	.hilight {
		color: #C0BBAF;
		}
	h2.specialOffer {
		color: #554433;
		margin: 0px 0px 0px 0px;
		padding: 16px 0px 5px 10px;
		}
	h2.specialOfferText {	
		font-size: 16px;
		line-height: 20px;
		border-bottom: 1px solid #E4DED0;
		margin: 0px 0px 18px 0px;
		padding: 0px 15px 18px 10px;
		}
/* WCAG -- Tan -- UDWA-305 and UDWA-307 -- start */
    h2.fareruleHeader {
        color: #666666;
        font-size: 14px;
        font-weight: bold;
        padding: 0;
        }
/* WCAG -- Tan -- UDWA-305 and UDWA-307 -- 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 {
        position:relative; /* EK Bugfix SOW Added by Mohamed Ameer for to fix IE7 issue on Hotel Search page where Search by (optional) label was not wrapping */
		margin: 0px;
		padding: 10px 0px 11px 10px;
		}
	h3.confirmHeader {
		padding: 18px 0px 13px 10px;
		}
	h3.siteGateway {
		color: #999999;
		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;
		}
	.greenText {
		color: #64C131;
		}
	.checkedIn {
		font-weight: bold;
		color: #5E9A69;
		}	
	h6 {
		font-size: 19px;
		line-height: 28px;
		font-weight: normal;
		margin: 0px;
		padding: 12px 0px 10px 10px;
	}

/*End: JULY Release */

/*START: STAFF Check-IN... */
	.iconSeatAvailable {
		font-weight: bold;
		color: #5E9A69;
		background:transparent url(../images/icons/icon_seat_available.gif) no-repeat scroll left center;
		padding:1px 0 1px 20px;
		}	
		
	.iconStandby {
		background:transparent url(../images/icons/icon_seat_standby.gif) no-repeat scroll left center;
		padding:1px 0 1px 20px;
		}
		
	.standBy {
		background-color:#DDDDDD;
		}	
/*End: STAFF Check-IN... */

/*START: mBP CHANGES... */

div.boardingOption {
		background-color: #EDE9E0;
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D7D0BD;
		}
	div.boardingOption div.printOption, div.boardingOption div.mobileOption {
		padding: 12px 10px 0px 10px;
		}

	div.boardingOption h5 {
		font-size: 1.2em;
		color: #554433;
		margin: 0px 0px 3px 0px;
		padding:  0px 0px 0px 25px ;
		}

	div.boardingOption div.printOption h5 {
		background: url(../images/icons/icon_box_print.gif) no-repeat left;
		}
	div.boardingOption div.mobileOption h5 {
		background: url(../images/icons/icon_box_phone.gif) no-repeat left;
		}

	div.boardingOption p {
		padding-left: 25px ;
		}
	
	div.boardingOption a.panelLinkOpen, div.boardingOption a.panelLinkClose {
		display: block;
		position: absolute;
		width: 890px !important;/*770px /*This is specific to OLCI please do not change*/
		height: 60px;
		border: 0px solid #000000;
		background:url(../images/icons/icon_box_button_open.gif) no-repeat right !important;
		}
	div.boardingOption a.panelLinkClose {
		background:url(../images/icons/icon_box_button_close.gif) no-repeat right !important;
		}
		
	div.boardingOption h5.headerDefault {
		color: #554433;
		}
	div.boardingOption h5.headerRollover {
		color: #CC3333;
		}

	div.openPanel {
		background-color: #F7F5F0;
		border-bottom: 1px solid #D7D0BD;
		border-top: 1px solid #FFFFFF;
		padding: 15px 10px 5px 25px;
		}
	div.openPanel span.OptionTitle {
		font-size: 1.1em;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		padding:  0px 0px 0px 10px;
		}
		
	div.buttonPrint, div.buttonEmail, div.buttonSMS {
		float: right;
		width: 200px;
		margin-top: 8px;
		}
	div.buttonEmail {
		margin-top: 27px;
		}
	div.buttonSMS {
		margin-top: 40px;
		}

	table.optionForm {
		margin: 0px 0px 15px 10px;
		}
	table.optionForm .formFieldCheck {
		margin: 2px 5px 5px 10px;
		vertical-align:middle;
		}

	p.confirmHeader {
		background: url(../images/icons/icon_box_check_green.gif) no-repeat 0px 2px;
		font-weight: bold;
		padding-left: 20px;
		margin: 5px 0px 0px 10px;
		color: #5E9A69 !important;
		float: left;
		width: 140px;
		}
	p.confirmMessage {
		font-size: .9em;
		padding: 4px 15px 15px 0px;
		margin: 0px 0px 0px 0px;
		float: left;
		width: 520px;
		}

/*Not used */
div.buttonEmail .NarrowBGIMG, div.buttonPrint .NarrowBGIMG
{
	text-align: center;
	vertical-align: middle;
	font-size: 1.1em;
	color: #554433;
	font-weight: bold;
	padding-top: 2px;
}
/*Not used */

div.contentContainer .WideBGIMG
{
	text-align: center;
	vertical-align: middle;
	font-size: 1.1em;
	color: #554433;
	width: 260px;
	height: 22px;
	font-weight: bold;
	padding-top: 2px;
	text-decoration: none;
	display: block;
}

a.WideBGIMG
{
	background-color: Transparent;
	border-style: none;	
	background: url(../images/form_buttons/Button_big.jpg) no-repeat left top;
	display: block;
}

div.borderContainer .NarrowBGIMG
{
	text-align: center;
	vertical-align: top;
	padding-bottom: 4px;
	font-size: 1.1em;
	width: 200px;
	height: 22px;
	color: #554433;
	font-weight: bold;
	background: url(../images/form_buttons/Button_sm.jpg) no-repeat left top;
	background-color: Transparent;
	border-style: none;
	display: block;
}
.FinishBGIMG
{
	text-align: center;
	vertical-align: top;
	padding-bottom: 2px;
	font-size: 1.1em;
	width: 94px;
	height: 22px;
	color: #554433;
	font-weight: bold;
	background: url(../images/form_buttons/Button_close.jpg) no-repeat right top;
	background-color: Transparent;
	border-style: none;
	display: block;
}
/*END: mBP Changes*/

/* 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;
}
/*OLCI 12.3 Stopovers*/
a.bodyLink.lnkStops {
color: #313E53;
text-decoration: underline;
}
a.bodyLink.lnkStops:hover {
color: #CC3333;
text-decoration: none;
}
div.brownBarContainerOLCI, div.brownBarContainerNoBorderOLCI {
background: url(../images/global/brown_bar_background.gif) repeat-x;
border-bottom: 1px solid #FFFFFF;
height: 25px;
}
.olciTable td.headerBar {
		background: url(../images/mab/caption_bar_right.gif) right top no-repeat #726057;
		border: none;
		border-bottom: 0px solid #FFFFFF;
		color: #FFFFFF;
		font-weight: bold;
		padding: 0px;
		vertical-align: top;
		}
.olciTable td.headerBar div {
		background: url(../images/mab/caption_bar_left.gif) left top no-repeat;
	    margin: 0;
		padding: 7px 10px 8px 9px;
		display: inline-block;
		}
.olciTable td.headerBar div span {
		/*background: url("../images/global/line_vert_dots_13.gif") no-repeat scroll left center transparent;*/
		font-weight: bold;
		margin-left: 12px;
		/*padding-left: 17px;*/
		}
.olciTable td.headerBar div span.first {
		background: none;
		margin-left: 0px;
		padding-left: 0px;
		}
		
a.buttonForm span.login {
background: url("../images/form_buttons/button_bg_left_login.gif") no-repeat left top;
font-weight: bold;
padding-left: 30px;
}
		
.fltlogin {
		float:left;
		padding-top :6px;
		width:15%;
		text-align:center;
		}
		
		
	table.olciTable th {
		background-color: #A39B86;
		border-right: 1px solid #BBB39F !important;
		color: #FFFFFF;
		font-size: 0.95em;
		line-height: 1.2em;
		font-weight: bold;
		height: 30px;
		*height: 25px;
		text-align: left;
		vertical-align: bottom;
		padding: 6px 10px 5px 10px;
		}
	table.olciTable th:last-child {
		border-right: none;
		}

	table.olciTable td {
		font-size: 0.95em;
		line-height: 1.2em;
		background-color: #FFFFFF;
		border-right: 1px solid #D7D0BD;
		/*border-left: 1px solid #D7D0BD;*/
		border-bottom: 1px solid #D7D0BD;
		padding: 4px 10px;
		text-align: left;
		vertical-align: top;
		}
	/*table.olciTable td:first-child,*/
	table.olciTable td.first {
		background-color: #F7F6F2;
		border-left: 1px solid #D7D0BD;
		/*border-left: none !important;*/
		vertical-align: top;
		}
	table.olciTable td.notFirst {
		background-color: #FFFFFF;
		border-left: none;
		}
	table.olciTable td.connection {
		background-color: #FFFFFF;
		border-left: none;
		border-right: none;
		}

	table.olciTable tbody.ffTable td, table.olciTable tbody.seatingTable td, table.olciTable tbody.mealsTable td {
		padding-top: 6px;
		padding-bottom: 6px;
		}
	table.olciTable tbody.seatingTable td a.arrowSmall, table.ibeTable tbody.mealsTable td a.arrowSmall {
		float: right;
		padding-left: 10px;
		}
	table.olciTable tbody.seatingTable td span.textSmall, table.ibeTable tbody.mealsTable td span.textSmall {
		float: right;
		padding-left: 10px;
		}
	table.olciTable tbody.ffTable td {
		vertical-align: middle;
		height: 35px;
		*height: 25px;
		}
		table.olciTable th.selected {
		background-color: #4A9D39;
		}
	table.olciTable td.selected {
		border: 2px solid #4A9D39;
		color: #4A9D39;
		padding-left: 8px;
		font-weight: bold;
		}
	table.olciTable tbody.ffTable td.selected, table.olciTable tbody.seatingTable td.selected, table.olciTable tbody.mealsTable td.selected {
		padding-top: 4px;
		padding-bottom: 4px;
		}
	table.olciTable td strong.selected {
		background: url("../images/mab/icon_arrow_green.gif") no-repeat left center;
		padding-left: 10px;
		color: #4A9D39;
		}
	table.olciTable td.changed {
		color: #4A9D39;
		}
	div.padconfirm{padding-right:21px !important;}
	div.progressbarwid{width:23% !important;}
	div.progressbarwid p{text-align:center !important;}
	div.progresssepwid{width:2% !important;}
	div.paddconfirm
	{
		width:25.5% !important;
		text-align:center !important;
	}
div.brownBarContainerRnd{
		background: url(../images/mab/caption_bar_right.gif) right top no-repeat #726057;
		border-bottom: 1px solid #FFFFFF;
		color: #FFFFFF;
		/*font-size: 1.2em;
		line-height: 1.2em;*/
		padding: 0px;
		vertical-align: top;
		height: 30px;
		}
div.brownBarContainerRnd div.brownBarRnd{
		background: url(../images/mab/caption_bar_left.gif) left top no-repeat;
		font-weight: bold;
	    margin: 0;
		padding: 0;
		height: 30px;
		}
div.brownBarContainerRnd div.barLeft, div.brownBarContainerRnd div.barRight{
		background: none;
		margin-right: 0;
		padding: 6px 20px 7px 10px;
		width: auto;
		float: left;
		height: auto;
		}
div.brownBarContainerRnd div.barLeft
{
	width:200px;
	}
div.brownBarContainerRnd div.barRight {
	border-left: 1px solid #B9B0AB;
    }
table.OLCITableNew td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D7D0BD;
    border-right: 1px solid #D7D0BD;
    font-size: 0.95em;
    line-height: 1.2em;
    padding: 4px 10px;
    text-align: left;
    vertical-align: top;
}
td.OLCIheading {
		background-color: #A39B86 !important;
		color: #FFFFFF;
		font-weight: bold;
		/*height: auto;*/
		text-align: left;
		vertical-align: bottom !important;
		padding:2px;
		}
td.OLCIHdFirst {
    border-left: 1px solid #D7D0BD;
}
td.OLCINext {
		border-right: 1px solid #D7D0BD;
		padding:10px 15px;
		}
td.OLCIhdSelect {
		background-color: #4A9D39 !important;
		color: #FFFFFF;
		font-weight: bold;
		/*height: auto;*/
		text-align: left;
		vertical-align: bottom !important;
		padding:2px;
		}
td.OLCIselected {
    border: 2px solid #4A9D39 !important;
    color: #4A9D39 !important;
    font-weight: bold;
    padding-left: 8px;
}
td.OLCIHeadSelected {
    background-color:#4A9D39 !important;
}
td.OLCITbCell {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D7D0BD;
    border-right: 1px solid #D7D0BD;
    font-size: 0.95em;
    line-height: 1.2em;
    text-align: left;
    vertical-align: top;
}
td.OLCIFirst {
    background-color: #F7F6F2 !important;
    border-left: 1px solid #D7D0BD;
    vertical-align: top;
}
table.OLCITableNew td strong.selected
{
	background: url("../images/mab/icon_arrow_green.gif") no-repeat left center;
	padding-left: 10px;
	color: #4A9D39;
	font-weight: bold;
}
a.addSeats {
    background: url("../images/icons/icon_trans_arrow_forward_small.gif") no-repeat scroll right center transparent;
    font-weight: bold;
    padding: 0 10px 0 0;
    text-decoration: none !important;
}
a.OLCISelected {
		color: #4A9D39 !important;
        font-weight: bold;
		text-decoration: none;
		}
a.OLCIActive
{
	color: #CC3333;
	text-decoration: none;
}
span.bold
{
	font-weight:bold;
}
span.normal
{
	font-weight:normal;
}

/* ACTION BARS */

	div.actionBarContainer {
		background: url(../images/mab/action_bar_stretch.gif) repeat-x;
		width: 100%;
		height: 48px;
		margin-left: -3px;
		margin-bottom: 20px;
		}
	div.actionBar {
		background: url(../images/mab/action_bar_right.gif) right no-repeat;
		}
	div.actionBarLeft {
		background: url(../images/mab/action_bar_left.gif) left no-repeat;
		float: left;
		width: 75%;
		height: 48px;
		padding: 0px 0px 0px 18px;
		_padding: 0px 0px 0px 5px;
		}
	div.actionBarRight {
		float: right;
		width: 20%;
		padding: 12px 15px 12px 0px;
		text-align: right
		}

	div.actionBar ul {
		margin: 4px 0;
		padding: 0px;
		}

	div.actionBar ul li {
		background: url(../images/mab/action_bar_sep.gif) right repeat-y;
		list-style: none;
		float: left;
		font-size: 1.2em;
		font-weight: bold;
		padding: 11px 8px 12px 8px;
		}
	div.actionBar ul li:first-child {
		padding-left: 0px;
		}

	div.actionBar ul li:last-child {
		background: none;
		}
	div.actionBar ul li.last {
		background: none;
		}

	div.actionBar ul li span.saved {
		background: url("../images/mab/icon_check_green.gif") no-repeat left center;
		padding-left: 17px;
		color: #4A9D39;
		}
	div.actionBar ul li span.depart, div.actionBar ul li span.return {
		font-weight: normal;
		}
	div.actionBarRight.disabled,.btndisabled {
		opacity:.30;
		filter: alpha(opacity=30);
		-moz-opacity: 0.30;
		}
	div.actionBarRight.disabled a:hover {
		cursor: default;
		color: #554433;
		}

	div.actionBarRight.disabled {
		opacity:.30;
		filter: alpha(opacity=30);
		-moz-opacity: 0.30;
		}

	div.actionBarRight a.iconCancel {
		float: right;
		}
	div.actionBarRight a.iconCancel {
		margin: 0 5px 0 20px;
		*margin: 1px 5px 0 20px;
		}
div.durationMessage {
		background: url(../images/icons/icon_white_duration.gif) no-repeat center left;
		float: left;
		padding: 2px 0 1px 20px;
		font-weight: bold;
		}
table.displayTable td.connectionOLCI
{
	border-top: 1px solid #D7D0BD;
	background-color: #FFFFFF;
    font-weight: bold;
    height: 25px;
    padding: 0 10px;
	}

/* SPACERS */

.spacer5 {
font-size:5px;
height:5px;
}
.spacer10 {
height:10px;
}
.spacer15 {
height:15px;
}
.spacer20 {
height:20px;
}
.spacer25 {
height:25px;
}
.spacer30 {
height:30px;
}

/* CLEAR FIX */

	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
		}
	 
	.clearfix {
		display: inline-block;
		}
	 
	html[xmlns] .clearfix {
		display: block;
		}
	 
	* html .clearfix {
		height: 1%;
		}
		
		/*Added new style for 12.5 release and skywards*/

	a.buttonForm span.login {
	background: url("../images/form_buttons/button_bg_left_login.gif") no-repeat left top;
	font-weight: bold;
	padding-left: 30px;
	}
		
	.fltlogin {
		float:left;
		padding-top :6px;
		width:15%;
		text-align:center;
		}
		
	.flightheading th {
		background-color: #A39B86;
		border-right: 1px solid #BBB39F !important;
		color: #FFFFFF;
		font-size: 0.95em;
		line-height: 1.2em;
		font-weight: bold;
		height: 30px;
		*height: 25px;
		text-align: left;
		vertical-align: bottom;
		padding: 6px 10px 5px 10px;
		}
	.flightheading th:last-child {
		border-right: none;
		}
		.flightheading th.linkable:hover {
		background-color: #4A9D39;
		cursor: pointer;
		}
		.flightheading th.selected {
		background-color: #4A9D39;
		}
		.flightheading th.paginationLeft {
		border-left: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
		padding: 1px;
		}
		.flightheading th:first-child {
		border-left: 1px solid #FFFFFF;
		}
    div.progressBarOlci, div.progressBarOlci div.on, div.progressBarOlci div.off {
		background: url(../images/plan_book/epbar_tile.gif) repeat-x 0px 0px;
		display: block;
		float: left;
		height:30px;
		margin: 0px;
		padding: 0px;
		}
	div.progressBarOlci {
		width:945px;
		}
	
	div#progressBarOlciOn {
		background: url(../images/plan_book/epbar_active_tile.gif) repeat-x 0px 0px;
		}
	div.progressBarOlci div.on{
		background: url(../images/plan_book/epbar_active_tile.gif) repeat-x 0px 0px;
		}
	div.progressBarOlci div.off{
		background: url(../images/plan_book/epbar_tile.gif) repeat-x 0px 0px;
		}
	div.progressBarOlci div.on p, div.progressBarOlci div.off p {
		color: #FFFFFF;
		font-weight: bold;
		margin: 0px 0px 0px 0px;
		padding: 4px 15px 0px 10px;
		*padding: 3px 15px 0px 10px;
		}
	div.progressBarOlci div.off p {
		color: #F1EEE7;
		}
	div.progressBarOlci div.sep, div.progressBarOlci div.sepOnBefore, div.progressBarOlci div.sepOnAfter {
		background: url(../images/plan_book/epbar_divide.gif) no-repeat 0px center;
		display: block;
		float: left;
		height: 30px;
		margin: 0px;
		padding: 0px;
		width: 15px;
		}
	div.progressBarOlci div.sepOnBefore{
		background: url(../images/plan_book/epbar_active_left.gif) repeat-x 0px center;
		}
	div.progressBarOlci div.sepOnAfter{
		background: url(../images/plan_book/epbar_active_right.gif) repeat-x 0px center;
		}

	.olciTable td.headerBar div span.fltfirst {
		background: none;
		margin-left: 0px;
		padding-left: 0px;
		}
	.olciTable td.headerBar div span.paxfirst {
	background: none;
	margin-left: 0px;
	padding-left: 0px;
	}
	
	.olciTable td.headerBar div span.fltfirst {
		background: url("../images/mab/icon_trans_flight_basic.gif") no-repeat 0 center;
		padding-left: 20px;
		}
	.olciTable td.headerBar div span.paxfirst {
		background: url("../images/mab/icon_trans_pax.gif") no-repeat 0 center;
		padding-left: 20px;
		}
		.continueBarNew A.ebtn {
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 0px;
		}

	.tdborderright{
	border-right: 1px #D7D0BD solid !important;
	}
	.tdborderbottom{
	border-bottom: 1px #D7D0BD solid !important;
	}
	.tdborderleft{
	border-left: 1px #D7D0BD solid !important;
	}	
	.tdborder{
		border-top: 1px #D7D0BD solid !important;
		border-right: 1px #D7D0BD solid !important;
	}
	.notopborder{
	border-top: 0px !important;
	}
	.tdbrborder{	
	/*border-right: 1px #D7D0BD solid !important;*/
	border-bottom: 1px #D7D0BD solid !important;
	}
	.tdtoprightborder{	
	/*border-right: 1px #D7D0BD solid !important;*/
	border-top: 1px #D7D0BD solid !important;
	}
	.onwardRow td.first{
		border-left: #d7d0bd 1px solid !important;
		background-color : #f7f6f2 !important;
		}
	.pdleft5{padding-left:5px !important;}
	.pdleft{padding-left:20px !important;}
	.norightborder{
	border-right: 0px !important;
	}
	.ebtn {
		background-image: url('../images/icons/ebtn_icons.png');
		background-repeat: no-repeat;
		background-position: 0px 105px;
	}
	.ebtnlogin{width: 80%; float: left; padding-top: 5px;}
	div.stpcMessage {
		background: url(../images/icons/icon_stpc_hotel.gif) no-repeat center left;
		float: left;
		padding: 2px 0 1px 20px;
		font-weight: bold;
		}
	
	
	a.buttonForm span.loginolci {
		background: url("../images/form_buttons/button_bg_left_login.gif") no-repeat left top !important;
		font-weight: bold;
		padding-left: 30px;
		}
	.txtalign{text-align:left;width:100%;}
	.noborderrightMeal
	{	
		border-left: 0px !important;
		border-right: #d7d0bd 1px solid !important
	}
	.noborderleftFFP
	{
		border-right: 0px !important;
		border-left: 0px !important;
	}
	.skywardspadding
	{
	padding-bottom:5px !important;
	padding-top:5px !important;
	}
	div.formContainer .radioformField {
    color: #666666;
    float: left;
    font-size: 1em;
    margin-right: 5px;
    padding: 4px 0px 4px 10px !important;
    width: auto;
    border:0 !important;
   }
		
table.OLCITableNew4 td {
    background-color: #FFFFFF;
    border-bottom: 1px solid #D7D0BD;
    border-right: 1px solid #D7D0BD;
    font-size: 0.95em;
    line-height: 1.2em;
    padding: 4px 10px;
    text-align: left;
    vertical-align: top;
    float: left;
    padding-right: 10px;
}

    table.OLCITableNew4 td strong.selected {
        background: url("../images/mab/icon_arrow_green.gif") no-repeat left center;
        padding-left: 10px;
        color: #4A9D39;
        font-weight: bold;
        float: left;
    }
.imgEkAdvLogo {
    width: 29%;
    display: inline-block;
    float: right;
    overflow: hidden;
    text-align: right;
}

.EkAdvOfferContainer {
    width: 70%;
    display: inline-block;
    float: left;
}
	
/*ENHF GRF Search Start*/
.popup-bar {
    border-top: none;
    border-right: none;
    background: #e0e0e0;
    /*padding: 0px 20px;*/
    text-align: left;
    font-size: 14px;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #c7c7c7
}
.popup-header {
    color: #333;
    padding-top:5px;
    font-weight:bold;
    padding-left:20px;
}
.form-search-container {
    background: none repeat scroll 0 0 #f7f7f7;
    padding: 15px 20px 20px;
}
.submit-bar {
    background: #e0e0e0;
    border-bottom: 1px solid #c7c7c7;
    border-top: 1px solid #c7c7c7;
    font-size: 0.95em;
    height: 35px;
    padding: 0 10px;
}
/*ENHF GRF Search End*/ 		
/*Generic error Validation CSS starts here -- Ref#ENH*/
.error {
    border-color:#c33  !important;
    color:#c33 !important;
}
/* WACG - Luan Nguyen - Begin color boder of tr*/
tr.error {
    outline: thin solid #c33;
}
/* WACG - Luan Nguyen - End color boder of tr*/
/*Generic error Validation CSS Ends here -- Ref#ENH*/

/*Skip to content -- WCAG --  MY*/
a.skip_to_content_nav {
    position: absolute; 
    left: -9999px;
    white-space: nowrap; 
    bottom: 9px;
}
a.skip_to_content_nav:focus {
    left: 95px;
}

.visually-hidden { /*WCAG --  MY -- common components no breakage */
        border: 0 none !important;
    clip: rect(0px, 0px, 0px, 0px) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

/*Skip to content -- WCAG --  MY*/

/* WCAG -- MY -- Login Captcha text fix -- start */
.captchaContainer td.formLabel {
width: 55%;
}
.captchaContainer .formLabel p {
padding-right: 10px;
text-align: left;
}  

/* WCAG -- MY -- Login Captcha text fix -- end */

/* WCAG -- JIRA -379 -- start */
div#logo a {
display: inline-block;
}/* WCAG -- JIRA -379 -- End */

/*WCAG-Bang: fix forcus not hightlight on select*/
select:focus {
    outline: 1px solid #0b24fb;
    outline-offset: -1px;
}

/* WCAG - Thien Vu - add new by Yasir to fix SKEmailUpdate.aspx(content) */
.SKEmailUpdateTitle {
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.35em;
}
/* WCAG - Thien Vu - end */
img.asterisk {
    vertical-align: top!important;
}

img.asterisk_rel {
    position: relative!important;
    float: right;
    right: -23px;
    top: -43px;
    padding-right: 5px!important;  
}


/* WCAG - HieuNguyen - FlightandFare */
p.visaReqText {
    border: thin solid #4a9d39;
    color: #00723f;
    margin: 0;
    padding: 0 30px 0 10px;
}
/* WCAG - HieuNguyen - end */

/* WCAG - Vinh Cao */
/* style for SessionTimeout */
.body-overflow {
  overflow: hidden !important;
}

.container-fixed-session-timeout {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9005;
}

.container-modal-session-timeout {
    background-color: #f7f7f7;
    border-top: 8px solid #cacaca;
    box-sizing: border-box;
    margin: 200px auto 0;
    padding: 10px 20px;
    position: relative;
    width: 753px;
}

div.session-timeout-message {
    padding-top: 15px!important;
}

    div.session-timeout-message img {
        vertical-align: top;
        padding-top: 5px;
        padding-right: 3px;
    }

    div.session-timeout-message .title-modal {
        color: #333;
        font-size: 15px;
        font-weight: bold;
        line-height: 30px;
        margin: 5px 0 10px;
        padding: 0;
    }

    div.session-timeout-message hr.separator-thb {
        margin-bottom: 12px!important;
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background-color: transparent;
        border-color: #c4c4c4 -moz-use-text-color #f9f9f9;
        border-image: none;
        border-width: 1px 0;
    }

    div.session-timeout-message p.text-modal {
        margin-top: 0px!important;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px;
    }

    div.session-timeout-message a.red-button {
        min-width: 78px!important;
        padding: 12px 15px;
        background: #b32c2d none repeat scroll 0 0;
        color: #fff;
        display: block;
        float: right;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        white-space: nowrap;
    }

    div.session-timeout-message .link-toggle-input {
        color: #666666!important;
        padding-left: 17px!important;
        padding-top: 10px!important;
        background: rgba(0, 0, 0, 0) url("../../Images/manage_account/fare_families/arrow_left_red_8x15.png") no-repeat scroll left 13px!important;
        display: inline-block;
        font-size: 15px;
        font-weight: bold;
        height: 22px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    div.session-timeout-message .close-btn-tooltip {
        background: rgba(0, 0, 0, 0) url("../../Images/manage_account/homepage_widget/gray-close.png") no-repeat scroll right center;
        height: 23px;
        line-height: 23px;
        padding-right: 40px;
        position: absolute;
        text-decoration: none;
        /*width: 23px;*/
        right: 20px;
        top: 18px!important;
    }

.container-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 7;
    background-color: #000;
    display: none;
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70) !important;
}

p.text-modal-blck {
    color: #000;
}
/* WCAG - Vinh Cao - End */

/*WebChat - Start*/
.WebchatPosition_IBE {
    right: 0;
    position: fixed;
    bottom: 32%;
    z-index: 1000;
}
.WebchatPosition_MYB {
    right: 0;
    position: fixed;
    bottom: 32%;
    z-index: 1000;
}
/*WebChat - End*/
/*WCAG PN Links of content shoulde be underline*/
.content-with-link a {
    text-decoration: underline;
}
/*WACG PN Special cell & div for reading content*/
.specially-pax-cell {
    position: relative;
}
.specially-pax-div {
    position: absolute;
}
#div_popupContainer ul li {
    color: #333;
    font-size: 95%;
    line-height: 1.5em;
    padding-top: 10px;
}
div.error{
     border: 2px solid #b32c2d !important;
}
.reset_color a {
    color:#333333!important;
}
.separator-row-height {
    height: 20px;
}

/*WCAG PN Add class to merge 2 col in table Trip Summary*/
.cell_merge {
    position:relative;
}
.tdFrom {
    float: left;
    width: 50%;
}
.tdline_boder {
    border-right: 1px solid #cdcdcd;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
}
.tdTo {
    float: left;
    padding-left: 7%;
    width: 43%;
}

.chosen-container {
    width: 100%;
}
.cash-upgrade-width {
    max-width: 100% !important;
    width: 75% !important;
}
.cash-upgrade-padding {
    padding-right: 0px !important;
}

/*CAL - JIRA : (UDWA-4854) Login form - changes  Tarun 17-05-2016*/
.singleSignOn .singleSignLeft h1 {
    font-family: EmiratesSL,helvetica,arial,sans-serif !important;
    letter-spacing: 1.5px !important;
    font-weight: bold !important;
    line-height: 30px !important;
}
.contactDetailsContainer .mandatorySign {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    padding: 3px;
}

.contactDetailsContainer .mandatoryMessage {
    font-size: 11px;
    text-align: right;
    margin-bottom: 15px;
    font-style: italic;
    color: #333;
    margin-right: 23px;
}

.mandatorySign {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    padding: 3px;
}
.asteriskWnW {
    vertical-align: top!important;
    float:right;
    padding-top:0px;
    
}

.visualCaptchaDesc .mandatorySign {
    color: #000000;
    font-weight: bold;
    font-size: 13px;
    padding: 3px;
}
/*CAL - JIRA : (UDWA-4854) Login form - changes  Tarun 17-05-2016*/

/*PHUC HA - MOVE THIS TO CSS FILE TO AVOID THE IE ISSUE IN ARABIC*/
/*WACG - Emil: Add new style to fix the Interstitial page - search page*/
body.fareFamiliesLoaderBodyBG #logo {
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    width: auto;
    z-index: auto;
}
/*WACG - Emil End: Add new style to fix the Interstitial page - search page*/


.ts-form .ts-row.error input {
    border-color: #C60C30;
}
.ts-form .ts-row.error {
    border: none!important;
} 
.ts-server-errors.greenText {
    color: #357029;
    background-color: rgb(237, 251, 235);
}
.ts-server-errors.greenText ul li:before {
  color: #357029;
}
.ts-server-errors.error-position{
    position:relative;
}

.MYB-Loader, .IBE-Loader  {
   position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
}
.MYB-Loader .main-text,.IBE-Loader .main-text {
    margin: 0 0 15px 0;
    font-size: 36px;
    line-height: 40px;
    color: #fff;
}
.MYB-Loader .secondary-text , .IBE-Loader .secondary-text {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
} 
.MYB-LoaderBackground, .IBE-LoaderBackground {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('../../Images/manage_account/fare_families/planesLoader.gif') center 45% fixed no-repeat #000;
    background: url('../../Images/manage_account/fare_families/planesLoader.png') center 45% fixed no-repeat #000\0/ !important;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari 1.x */
    -khtml-opacity: 0.8;
    /* Good browsers */
    opacity: 0.8;
}
.MYB-LoaderContent, .IBE-LoaderContent { /*ENHF*/
    position: fixed;
    top: 45%;
    width: 100%;
    text-align: center;
}

.ts-server-errors ul li p {
    display: inline;
}

#ts-masthead-bottom .masthead-red-arrow {
  -ms-transform: scaleY(-1);
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}

#ts-masthead-bottom .sticky-content.sticked,
#ts-masthead-bottom .sticky-content-2.sticked {
  position: relative !important;
  top: 0 !important;
}

.greenMessage {
    border: 1px solid #008000;
    padding: 5px;
    color: #008000;
    margin: 10px 0 15px 0;
}

.cris-disabled{
    opacity: 0.5;
    cursor: not-allowed !important;
}

.disclaimer-margin{
    margin:50px;    
}
.ancPurchaseMiles
{
    display:none;
}
