﻿*:focus {
    outline: none;
}

hr {
height: 1px;
background-color: #848484;
border: none;
}
input[type="submit"]
{
	cursor: pointer;
}
.colorRed {
    color: #c33;
}
.offersHeader {
    margin-top: 25px;
}
.offersHeader h1 {
    /* better add padding-top to the main container (padding causes no issues in ie6, never) */
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:29px;
    margin-bottom:15px;
}
.offersHeader .breadcumbsNav {
    margin-top: -10px;
    margin-bottom: 15px;
}
.listOffers h2 {
    font-size:22px;
    margin-top: 20px;

    letter-spacing: 0;
    word-spacing: 0;
}
.offersHeader p {
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:16px;
    margin-bottom: 15px;
}

.select230 {
    width:224px !important;
}

/*--- FLOATING NAVIGATION ---*/
#navFloating {
    position: absolute;
    z-index: 4;
    top: 0px;
    margin-left: -20px;
    background-color: #fff;
    background: url('../../Images/manage_account/special_offers/bot_shadow.jpg') bottom left repeat-x #fff;
    padding: 10px 0 15px 20px;
    width: 790px;
}

/*--- JUMP NAVGATION ---*/
#navJump {
    width:100%;
    display:block;
    /* Because we float the LI elements, the UL will be with height = 0 in IE6 (overflow:hidden fix doesn't work), we can clear the container and use it for margin bottom */
    margin-bottom:10px;
}
#navJump ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
}
#navJump ul li {
    /* inline-block isn't supported in IE6/7, we use Block + float */
    display:block;
    float: left;
    margin-right:23px;
}
#navJump ul li a {
    border-collapse: separate;
    background-color:#f7f6f4;
    color:#c33;
    display:block;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    line-height: 1;
    font-size:12px;
    height:27px;
    padding:13px 10px 0 8px;
    text-decoration:none;
    -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.3);
    box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.3);
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#969696", Direction=135, Strength=3);
}
#navJump ul li a:hover {
    background-color:#9a8f89;
    color:#fff;
}
#navJump ul li a.active {
    background-color:#9a8f89;
    color:#fff;
}
#navJump ul li a#sectionFeatured span.active {
    background-position: 0 0px !important;
}
#navJump ul li a#sectionAirlines span.active {
    background-position: -23px 0px !important;
}
#navJump ul li a#sectionHotels span.active {
    background-position: -44px 0px !important;
}
#navJump ul li a#sectionRetail span.active {
    background-position: -66px 0px !important;
}
#navJump ul li a#skipCar span.active {
    background-position: -80px 0px !important;
}
#navJump ul li a#sectionBanks span.active {
    background-position: -104px 0px !important;
}
.icoFeatured {
    display:block;
    float:left;
    height:20px;
    width:21px;
    background: url(../../Images/manage_account/special_offers/ico/ico_sprite.png) 0 -24px no-repeat;
    margin:-5px 8px 0 0;
}
.icoAirlines {
    display:block;
    float:left;
    height:23px;
    width:21px;
    background: url(../../Images/manage_account/special_offers/ico/ico_sprite.png) -23px -24px no-repeat;
    margin:-5px 8px 0 0;
}
.icoHotels {
    display:block;
    float:left;
    height:21px;
    width:22px;
    background: url(../../Images/manage_account/special_offers/ico/ico_sprite.png) -44px -24px no-repeat;
    margin:-4px 8px 0 0;
}
.icoRetail {
    display:block;
    float:left;
    height:24px;
    width:14px;
    background: url(../../Images/manage_account/special_offers/ico/ico_sprite.png) -66px -24px no-repeat;
    margin:-5px 8px 0 0;
}
.icoCar {
    display:block;
    float:left;
    height:21px;
    width:24px;
    background: url(../../Images/manage_account/special_offers/ico/ico_sprite.png) -80px -24px no-repeat;
    margin:-4px 8px 0 0;
}
.icoBanks {
    display:block;
    float:left;
    height:18px;
    width:29px;
    background: url(../../Images/manage_account/special_offers/ico/ico_sprite.png) -104px -24px no-repeat;
    margin:-2px 8px 0 0;
}
/*--- OFFERS FILTER ---*/

/*--- OFFERS ---*/
#offersWrapper {
    margin-bottom:100px;
}
.listOffers {
    width: 810px;
    position: relative;
}
.listOffers .last {
    border: 2px solid #565656;
}
.offersRibbon,
.offersRibbonNew {
    display: none;
}
.skywards .offersRibbon {
    background:url(../../Images/manage_account/special_offers/ribbon_skywards_only.png) 0 0 no-repeat;
    height:118px;
    width:118px;
    position:absolute;
    top:-3px;
    right:-3px;
    z-index:3;
    display: block;
}
.blueMember .skywards .offersRibbon {
    background:url(../../Images/manage_account/special_offers/ribbon_skywards_blue.png) 0 0 no-repeat;
}
.silverMember .skywards .offersRibbon {
    background:url(../../Images/manage_account/special_offers/ribbon_skywards_silver.png) 0 0 no-repeat;
}
.goldMember .skywards .offersRibbon {
    background:url(../../Images/manage_account/special_offers/ribbon_skywards_gold.png) 0 0 no-repeat;
}
.platinumMember .skywards .offersRibbon {
    background:url(../../Images/manage_account/special_offers/ribbon_skywards_platinum.png) 0 0 no-repeat;
}
.ioMember .skywards .offersRibbon {
    background:url(../../Images/manage_account/special_offers/ribbon_skywards_io.png) 0 0 no-repeat;
}

.new .offersRibbonNew {
    background:url(../../Images/manage_account/special_offers/ribbon_new.png) 0 0 no-repeat;
    height:73px;
    width:73px;
    position:absolute;
    top:-4px;
    right:-3px;
    z-index:2;
    display: block;
}
.offersContainer {
    display: block;
    text-decoration: none;
    border:2px solid #565656;
    float:left;
    height:210px;
    margin:0 35px 20px 0;
    position:relative;
    width:230px;
}
.offersContainer img {
    display: block;
}
.offersContainer .descContainer {
    border: none;
    position:absolute;
    margin:0;
    bottom:0;
    left: 0;
    min-height: 50px;
    z-index:2;
    background: url('../../Images/manage_account/opacityBackground.png') repeat;
}
.offersContainer.desc h3, .offersContainer.desc p {
    font-family: Arial, Helvetica, sans-serif;
    color:#fff;
}
.offersContainer.desc h3 {
    background: url(../../Images/manage_account/special_offers/ico/ico_arrow_offers.png) right 2px no-repeat;
    font-size:16px;
    margin-bottom:3px;
    display: block;
    float: left;
    padding-right: 12px;
    letter-spacing: 0;
    word-spacing: 0;
}
.offersContainer.desc p {
    font-size:12px;
    line-height:12px;
    margin-bottom:3px;
    letter-spacing: 0;
    word-spacing: 0;
}
.offersContainer.desc p.expiration {
    font-size:8px;
    letter-spacing: 0;
    word-spacing: 0;
}
.sepOffer {
    clear:both;
    width:740px;
    margin:20px 0px -5px 20px;
    height:1px;
    font-size: 1px;
    line-height: 1px;
    background-color:#c4c4c4;
}

/* OFFERS DESC V2 */
.offersContainer table.desc {
    float: none;
    height: auto;
    margin: 0;
    border: none;
    position: static;
}
.offersContainer table td {
    color: #fff;
    vertical-align: middle;
    padding: 5px;
    height: 50px;
}
.offersContainer table td a {
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    display: block;
    float: left;
    width: 215px;
    background: url('../../Images/manage_account/icons/whiteArrow.gif') right 2px no-repeat;
    margin-bottom: 2px;
}
.offersContainer table td p {
    clear: both;
    font-size: 12px;
    line-height: 14px;
    margin-bottom: 2px;
}

/* SEE MORE BUTTON */
.seeMoreOffers {
    clear: both;
    color: #c33;
    display: block;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -10px;
    margin-bottom: 75px;
    text-decoration: underline;
}
.seeMoreOffers:hover {
    text-decoration: none;
}

/* TESTING DYNAMIC SHOWING OF OFFERS */
.notLoaded {
    display: none;
}

/*--- OFFERS FILTER ---*/
#navFloating #offersFilter {
    padding: 0;
    margin: 0;
    display:block;
    margin-top: 8px;
    height:28px;
    float: left;
}
#navFloating #offersFilter li {
    float: left;
    padding: 0 20px;
    list-style: none outside none;
    background: url(../../Images/manage_account/special_offers/filter_div.png) left center no-repeat;
}
#navFloating #offersFilter li:first-child {
    padding-left: 0;
    background: none;
}
#offersFilter label {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333;
}
#offersFilter input {
    margin-right: 10px;
    vertical-align: middle;
}

#backToTop {
    display: none;
    float: right;
    margin: 10px 25px 0 0;
    cursor: pointer;
}
#backToTop a {
    display: block;
    padding: 0 0 0 20px;
    height: 20px;
    font: 12px/20px Arial, Helvetica, sans-serif;
    color: #cc3333;
    background: url(../../Images/manage_account/special_offers/icon_arrowUp.png) 0 0 no-repeat;
}

/* Offer Detail Page */
/* ================= */
/* Hero banner */
.heroHeader {
    height: 355px;
    width: 780px;
    position:relative;
}
.heroHeader .bannerImg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/*WACG - Phuong Nguyen - Begin: fixed udwa - 2930*/
/*.heroHeader .offerTitle {
    position:absolute;
    top: 150px;
    left: 25px;
}
.heroHeader .offerTitle h1 {
    color: #fff;
    font-size: 30px;
}*/

.heroHeader .offerCont{
    position: absolute;
    bottom: 0px;
    width: 780px;
    left: 0px;
}
.heroHeader .offerTitle {
    position: absolute;    
 	bottom: 0px;  
 	/*top: 0px;*/
 	left: 0px;  
 	right: 0px;  
 	background: #000;  
 	opacity: 0.5;  
 	z-index: 2;
    height:40px; /* WCAG Phuc Ha - Fix 5547 */
}
.heroHeader h1 {
    color: #fff;
    font-size: 30px;
    padding: 20px 22px;  
 	opacity: 0.9;  
 	z-index: 3;  
 	position: relative;
}
/*WACG - Phuong Nguyen - End: fixed udwa - 2930*/
.heroHeader #widgetOfferContainer {
    float: right;
    margin: 20px 10px 0 0;
    padding-top: 90px;
}
.heroHeader #widgetOfferContainer .ctaOnly {
    padding-top: 50px;
    overflow: hidden;
}


.heroHeader.bottom div.offerTitle {
    bottom: 30px;
    top: auto;
}


.heroHeader.top div.offerTitle {
    top: 25px;
}
/* Offer detail */
.offerText {
    width: 480px;
    float: left;
    font-size: 13px;
    line-height: 1.5;
    padding-top: 10px;
    padding-bottom: 5px;
}
.offerText h2 {
    font-weight: normal;
    margin-top: 35px;
    margin-bottom: -10px;
}
.offerText h5 {
    font-size: 14px;
    word-spacing: normal;
    letter-spacing: normal;
}
.offerText p {
    margin-top: 20px;
}
.offerText ul {
    margin-bottom: 35px;
}
.contentOfferBlock {
    border-bottom: 1px solid #c4c4c4;
    padding-top: 10px;
    padding-bottom: 20px;
}
.contentOffer {
    text-align: left;
    float: right;
    width: 230px;
}
.contentOffer .sectionTitle {
    font-size: 20px;
    letter-spacing: -1px;
    color: #333;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #c4c4c4;
    margin: 0 0 10px 0;
}
.contentOffer div.networkIcons,
.contentoffer div.subscribeIcon {
    float: none;
}
.contentOffer .socialLine {
    margin-top: 5px;
    margin-bottom: 12px;
}
.contentOffer .socialLine a {
    float: left;
}
.contentOffer .socialLine p {
    float: left;
    margin-top: 8px;
    margin-left: 10px;
}
.contentOffer .shareOffer .socialNetworks ul {
    padding: 0;
    margin: 0;
}
.contentOffer .offersContainer {
    border: none;
    height: auto;
    margin: 0;
    width: 230px;
    margin-bottom: 0px;
}
.contentOffer .offersContainer h3 {
    background: none;
}
.contentOffer .arrowLink {
    float: right;
}

/* Partner side Container */
.partnerContainer {
    font-size: 13px;
    color: #333;
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 15px;
    
}
.partnerBrandLogo {
	padding-bottom: 10px;
}
.partnerContainer p {
    line-height: 1.3;
}
.partnerContainer table {
    width: 100%;
    margin-bottom: 10px;
}
.partnerContainer table td {
    width: 50%;
    vertical-align: middle;
}
.partnerContainer .partnerName,
.specialOfferBlockContainer h3 {
    font-size: 30px;
    letter-spacing: -1px;
    color: #333;
}
.partnerContainer .arrowLink {
    float: left;
}

/* Offers table */
.offersTable {
    padding-bottom: 15px;
	padding-top: 15px;
    border-bottom: 1px solid #ccc;
}
.offersTable .tableHeading {
    clear: both;
    overflow: hidden;
    padding-top: 15px;
}
.offersTable h4 {
    padding-top: 10px;
    float: left;
}
.offersTable p {
    font-size: 13px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 10px;
}
.offersTable table {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    margin-top: 10px;
    margin-bottom: 20px;
}
.offersTable th {
    font-weight: bold;
}
.offersTable td,
.offersTable th {
    color: #666;
    font-size: 14px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    width: 195px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
}
.contentv4 .termsConditions {
    padding: 0;
    border: none;
    padding-top: 25px;
}
.termsConditions h4 {
    margin-bottom: 20px;
}
.contentv4 .termsConditions ul {
    margin-left: 35px;
}
.contentv4 .termsConditions ul li {
    margin: 0;
    padding: 5px 0 5px 0;
}
/* Travel Book Widget */
.travelBook {
    width: 213px;
    height: 158px;
    background: url('../../Images/manage_account/special_offers/detail_page/travel_container.png') top left no-repeat;
}
.travelBook .topBook {
    font-size: 22px;
    line-height: 25px;
    font-weight: bold;
    padding: 18px 0 25px 20px;
    color: #e8e8e8;
}
.travelBook .bookCalendar {
    width: 35px;
    height: 35px;
    margin: -8px 10px 0 0;
    cursor: pointer;
    float: left;
    background: url('../../Images/manage_account/special_offers/detail_page/calendar_icon.gif') top left no-repeat;
}
.travelBook .contentBook {
    padding: 0px 20px 0px 8px;
    color: #666;
    font-size: 11px;
    text-align: right;
}
.travelBook .contentBook a {
    color: #333;
    text-decoration: underline;
}
.travelBook .contentBook a:hover {
    text-decoration: none;
}
.travelBook .skywardsButton {
    margin-bottom: 13px
}
.travelBook .skywardsButton a {
    text-decoration: none;
}

/*** My Tier ***/
#myTier {}
#myTier .contentHeadline {
    margin: 18px 0 10px 0;
}
#myTier .contentHeadline h2 .colorSilver,
#myTier .contentHeadline h2 .colorSlvr {
    color: #b3b3b3;
}
#myTier .contentHeadline h2 .colorPlatinum {
    color: #505050;
}
#myTier .contentHeadline h2 .colorIO {
    color: #000;
}
#myTier .contentHeadline h2 .colorGold {
    color: #b08c5c;
}
#myTier .contentHeadline h2 .colorBlue {
    color: #3c8dba;
}
#myTier .tierBox {
    border: 1px solid #d0d0d0;
}
#myTier .tierBox .renew,
#myTier .tierBox .achieve,
#myTier .tierBox .ioTier {
    clear: both;
    overflow: hidden;
    background-color: #000;
    zoom: 1;
}
#myTier .tierBox .ioTier {
    /*background: url("../../Images/manage_account/myStatement/tierBox_io_bg.jpg") top left repeat;*/
    _background: #E8E8E8;
}
#myTier .tierBox .renew {
    border-bottom: 1px solid #d0d0d0;
    /*background: url("../../Images/manage_account/myStatement/tierBox_renew_bg.jpg") top left repeat;*/
}
#myTier .tierBox .achieve {
    /*background: url("../../Images/manage_account/myStatement/tierBox_achieve_bg.jpg") top left repeat;*/
}
/* caption */
#myTier .tierBox .renew .caption,
#myTier .tierBox .achieve .caption,
#myTier .tierBox .ioTier .caption {
    float: left;
    width: 142px;
    height: 49px;
    overflow: hidden;
}
#myTier .tierBox .ioTier .caption {
    _background: #000000;
    _margin-right: 5px;
}
#myTier .tierBox .caption table {
    width: 100%;
    height: 52px;
    vertical-align: middle;
}
#myTier .tierBox .caption table tr td {
    padding: 0;
    margin: 0;
}
#myTier .tierBox .caption h3 {
    font-size: 17px;
    line-height: 1;
    text-align: center;
    color: #fff;
}
/* article */
#myTier .tierBox .article {
    overflow: hidden;
}
#myTier .tierBox .ioTier .article {
    background: #e8e8e8;
}
#myTier .tierBox .ioTier .article p {
    margin: 5px 9px;
    _margin-bottom: 0px;
    line-height: 1em;
}
#myTier .tierBox .ioTier .article p.small {
    font-size: 11px;
}
#myTier .tierBox .renew ul.article,
#myTier .tierBox .renew table.article,
#myTier .tierBox .achieve ul.article,
#myTier .tierBox .achieve table.article {
    margin: 0;        /*overwriting global classes*/
    padding: 0;       /*overwriting global classes*/
    list-style: none; /*overwriting global classes*/
    background: #f7f7f7;
    color: #7a7979;
}
#myTier .tierBox .renew ul.article,
#myTier .tierBox .achieve ul.article {
    display: inline;
}
#myTier .tierBox .renew table.article,
#myTier .tierBox .achieve table.article {
    width: 636px;
    _float: left;
    height: 50px;
}
#myTier .tierBox .renew .article li,
#myTier .tierBox .renew .article td,
#myTier .tierBox .achieve .article li,
#myTier .tierBox .achieve .article td {
    margin: 0;        /*overwriting global classes*/
    line-height: 24px;
    padding-left: 10px;
    border-bottom: 1px solid #d0d0d0;
    color: #333;
    list-style: none outside none;
}
#myTier .tierBox .renew .article td,
#myTier .tierBox .achieve .article td {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #d0d0d0;
    vertical-align: middle;
}
#myTier .tierBox .renew .article .lastItem,
#myTier .tierBox .achieve .article .lastItem {
    border: none;
}
#myTier .tierBox .renew .article .hyphen,
#myTier .tierBox .achieve .article .hyphen {
    padding-left: 5px;
}
#myTier .tierBox .renew ul.article li a,
#myTier .tierBox .achieve ul.article li a {
    text-decoration: underline;
    color: #333;
}
#myTier .tierBox .renew ul.article li a:hover,
#myTier .tierBox .achieve ul.article li a:hover {
    text-decoration: none;
    color: #333;
}
/*#myTier .tierBox .achieve .article {
    float: left;
    width: 580px;
    background: url("../../Images/manage_account/myStatement/tierBox_achieve_caption_bg.png") center left no-repeat;
}
#myTier .tierBox .achieve table.article {
    height: 50px;
    margin-top: 10px;
}
#myTier .tierBox .achieve .article p,
#myTier .tierBox .achieve .article td {
    padding: 0px 18px;
    padding-bottom: 10px;
    text-align:  left;
    vertical-align: middle;
    color: #fff;
}*/

/*** Travel Timeline ***/
#travelTimeline {
    padding-bottom: 8px;
    border-bottom: 1px solid #c4c4c4;
}
#travelTimeline .contentHeadline {
    margin: 18px 0 5px 0;
}
#travelTimeline img {
    margin: 0 0 10px;
}

/*** My Statment ***/
#myStatment {}
#myStatment select {
    font-size: 12px;
    color: #666;
}
#myStatment .contentHeadline {
    margin: 18px 0 5px 0;
}
.subHeadline {
    font-size: 12px;
    padding-bottom: 10px;
    color: #333;
}
.subHeadline a {
    color: #333;
    text-decoration: underline;
}
.subHeadline a:hover {
    text-decoration: none;
    color: #333;
}
#myStatment .tableSort {
    /*height: 65px;*/
    border: 1px solid #d8d6d4;
    border-bottom: 0;
    padding: 8px 0 20px 17px;
    background: #e6e4e3;
    overflow: hidden;
    zoom: 1;
}
#myStatment .tableSort .sortBy {
    float: left;
    width: 215px;
    margin-right: 37px;
}
#myStatment .tableSort .sortBy p {
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 4px;
}
#myStatment .tableSort .sortBy select {
    display: block;
    width: 215px;
}
#myStatment .tableSort .filter {
    overflow: hidden;
}
#myStatment .tableSort .filter input,
#myStatment .tableSort .filter label {
    float: left;
    line-height: 14px;
    line-height: 16px\9;
    *line-height: 18px;
}
#myStatment .tableSort .filter label {
    display: block;
    margin: 0 35px 0 8px;
}
#myStatment .tableSort .filter label.lastItem {
    margin-right: 0;
}
#myStatment .tableSort .searchBtn {
    padding-right: 10px;
    margin-bottom: -20px;
    overflow: hidden;
}
#myStatment .tableSort .searchBtn input {
    float: right;
    display: block;
    height: 27px;
    width: 142px;
    border: 1px solid #cdcccb;
    background: url("../../Images/manage_account/myStatement/btn_search_bg.jpg") top left repeat-x;
    font-size: 13px;
    cursor: pointer;
    filter: chroma(color=#ffffff);
    color: #666;
}
#myStatment .tableSort .searchBtn input:hover {
    color: #CC3333;
}
#myStatment .tableSort .searchSubmitButton input {
    float: right;
    display: block;
    height: 34px;
    width: auto;
    border: 0px;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_left.png") no-repeat left top transparent;
    font-size: 13px;
    cursor: pointer;
    filter: none;
    color: #666;
}
/* Table stylization */
#myStatmentTable table {}
#myStatmentTable table tr th .date {
    width: 113px;
}
#myStatmentTable table tr .partner {
    width: 103px;
}
#myStatmentTable table tr .transaction {
    width: 301px;
}
#myStatmentTable table .noResultsRow table td {
    padding: 9px 11px;
    border: 1px solid #d0cdc6;
    border-top: 0;
    border-bottom: 1;
    vertical-align: middle;
    font-size: 14px;
    color: #666;
    border-collapse: separate;
}
#myStatmentTable table tr td .transaction,
#expandWrapper table tr td .transaction{
    width: 290px;
    padding-left: 11px;
    text-align: left;
}
#myStatmentTable table tr .skywrdsMiles {
    width: 163px;
}
#myStatmentTable table tr .tierMiles {
    width: 94px;
}
#myStatmentTable table tr th table {
    font-size: 14px;
    text-align: center;
    color: #fff;
}
#myStatmentTable table tr th table td {
    height: 34px;
    vertical-align: middle;
    border: 1px solid #d0cdc6;
    background: #bcb1aa;
}
.expandWrapper table {
    font-size: 12px;
    color: #333;
    text-align: center;
}
.expandWrapper table .expandBtn {
    cursor: pointer;
}
.expandWrapper table tr td {
    padding-top: 9px;
    padding-bottom: 9px;
    vertical-align: middle;
    border: 1px solid #d0cdc6;
    border-top: none;
}
.expandWrapper.collapsed {
    overflow: hidden;
}
.odd .expandWrapper.collapsed table tr td {
    background-color: #f6f3f1;
}
.even .expandWrapper.collapsed table tr td {
    background-color: #e0d7d1;
}
.expandWrapper table tr td.date,
.expandWrapper table tr td:first-child  {
    padding-left: 13px;
    width: 100px;
}
.expandWrapper table tr td.date {
    background: url("../../Images/manage_account/myStatement/table_arrow_opened.jpg") 10px center no-repeat;
}

.odd .collapsed table tr td.date {
    background: url("../../Images/manage_account/myStatement/table_arrow_collapsed.gif") 10px center no-repeat;
    background-color: #f6f3f1;
}
.even .collapsed table tr td.date {
    background: url("../../Images/manage_account/myStatement/table_arrow_collapsed.gif") 10px center no-repeat;
    background-color: #e0d7d1;
}
.odd .noAccordion table tr td.date {
    background: #f6f3f1;
}
.even .noAccordion table tr td.date {
    background: #e0d7d1;
}
.noJS .odd .noAccordion table tr td.date {
    background: #fff;
}
.noJS .even .noAccordion table tr td.date {
    background: #fff;
}
.expandWrapper table tr td.skywrdsMiles,
.expandWrapper table tr td.tierMiles {
    font-weight: bold;
}
.expandWrapper.collapsed table tr td.skywrdsMiles,
.expandWrapper.collapsed table tr td.tierMiles {
    font-weight: normal;
}
#myStatementResults .earned.hidden,
#myStatementResults .redeemed.hidden {
    display: none;
}

/* Table Controls */
.tableControls {
    margin-top: 17px;
    clear: both;
    overflow:  hidden;
}
.tableControls .showCtrl,
.tableControls .pageCtrl {
    float: left;
}
.tableControls .showCtrl p,
.tableControls .pageCtrl p {
    font-size: 14px;
    line-height: 14px;
    padding-bottom: 8px;
    font-weight: bold;
}
.tableControls .showCtrl {
    margin-right: 43px;
}
.tableControls .showCtrl select {
    width: 165px;
}
.tableControls .pageCtrl select {
    width: 100px;
    display: none;
}
.tableControls .sumTable {
    float: right;
}
.tableControls .sumTable table {
    font-size: 17px;
    font-weight: bold;
    color: #666;
    text-align: center;
}
.tableControls .sumTable table tr td {
    height: 34px;
    width: 258px;
    vertical-align: middle;
    border: 1px solid #d8d6d4;
}
.tableControls .sumTable table tr td.frist {
    width: 107px;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding-left: 15px;
    color: #333;
}
.tableControls .sumTable table tr td.sub {
    background-color: #e0e0e0;
    font-size: 12px;
}
.tableControls .sumTable table tr td.total {
    background-color: #f6f6f6;
    font-size: 12px;
}
.btnsContainer {
    padding-bottom: 12px;
    overflow: hidden;
    clear: both;
}
.CancelButton {
    color: #333333;
    display: block;
    float: left;
    font-size: 12px;
    line-height: 16px;
    padding-right: 20px;
    padding-top: 17px;
    text-decoration: underline;
    border: none;
    margin: 0;
    outline: none;
    outline-offset: 0;
    /* Look like a link */
    background: none;
    cursor: pointer;
}
.skywardsButtonSmallNoArrow,
.skywardsButtonSmall {
    display: block;
    _display: auto;
    float: right;
    margin: 10px;
    margin-right: 0;
    padding-right: 26px;
    _padding-right: 25px;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_right.png") top right no-repeat;
    _background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_right.gif") top right no-repeat;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    cursor: pointer;
}
.searchBtn .skywardsButtonSmall {
    margin-bottom: 10px;
    _margin-bottom: -18px;
}
.skywardsButtonSmallNoArrow {
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_no_arrow.png") top right no-repeat;
}
.skywardsButtonSmallNoArrow span,
.skywardsButtonSmallNoArrow input,
.skywardsButtonSmall span,
.skywardsButtonSmall input {
    display: inline-block;
    height: 34px;
    line-height: 32px;
    text-align: right;
    padding-left: 16px;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_left.png") top left no-repeat;
}
.skywardsButtonSmallNoArrow span,
.skywardsButtonSmallNoArrow input {
    padding-left: 26px;
}
.skywardsButtonSmall input {
    padding-top: 0;
    text-align: center;
    /* ie6/7 */
    *height: 33px;
    *padding: 0;
    *padding-left: 5px;
}
.skywardsButtonSmall:hover a {
    color: #cc3333;
}
.skywardsButtonSmall:hover {
    color: #CC3333;
}

/*** Missing miles ***/
#missingMiles {
    border-top: 1px solid #c4c4c4;
}

/* My statement - No Transactions */
.noTransactions {
    margin-bottom: 25px;
    border: 1px solid #ccc;
    background: #f6f6f6;
}
.noTransactions .noTransactionInfo {
    padding: 10px 20px;
    line-height: 1.3;
    font-size: 12px;
    color: #333;
}
.noTransactions .noTransactionInfo .title11 {
    font-size: 18px;
}
.noTransactions .noTransactionInfo .skywardsButtonSmall {
    float: left;
    margin: 5px 0 15px -2px;
}

/*** Upcomming Travel ***/
/* Slider */
.plusslider {
    position: relative;
    overflow: hidden;
    padding: 0 0 19px;
}
.plusslider-container {
    position: relative;
    display: block;
    overflow: hidden;
}
div.child {
    width: 502px;
}
.plusslider .child { float: left;}
/* PlusFader Specific (not needed with .plustype-slider) */
.plustype-fader .child { display: none; position: absolute; left: 0; top: 0; }
.plustype-fader .current { z-index: 5; }
/* End PlusFader Specific */

/* No-javascript fallback */
.plusslider-container > * { display: none; }
.plusslider-container > *:first-child { display: block; }
.plusslider-container .child { display: block; position: relative; overflow: hidden; } /* Counter no-js fallback for cloned elements. Necessary for infiniteSlide
/* End no-javascript fallback */
.plusslider a img { border: none; } /* Prevent blue borders in IE (not only does it look ugly, but it messes up spacing which breaks the "slider" type */
/* Arrows */
.plusslider-arrows-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;

}
.plusslider-arrows-wrapper .plusslider-arrows {
    height: 20px;
    width: 45px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
    overflow: visible;
}
.plusslider-arrows-wrapper .plusslider-arrows .prev,
.plusslider-arrows-wrapper .plusslider-arrows .next {
    display: block;
    width: 6px;
    height: 10px;
    margin-top: 5px;
    background: url("../../Images/manage_account/dashboard/slider_pagination_sprite.png") no-repeat;
    text-indent: -9999px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
}
.plusslider-arrows-wrapper .plusslider-arrows .prev {
    float: left;
    margin-left: -15px;
    background-position: 0 -20px;
}
.plusslider-arrows-wrapper .plusslider-arrows .next {
    float: right;
    margin-right: -8px;
    background-position: -20px -20px;
}
/* Slider Pagination */
.plusslider-pagination-wrapper {
    position: relative;
    width: 45px;
    margin: 5px auto 0;
    z-index: 20;
    overflow: hidden;
    zoom: 1;
}
#upcomingTravel .plusslider-pagination {
    margin: 0;
    padding: 0;
}
#upcomingTravel .plusslider-pagination li {
    list-style: none;
}
.plusslider-pagination li {
    display: block;
    float: left;
    width: 9px;
    height: 9px;
    list-style: none;
    margin-right: 6px;
    background: url("../../Images/manage_account/dashboard/slider_pagination_sprite.png") -20px 0 no-repeat;
    text-indent: -9999px;
    cursor: pointer;
}
.plusslider-pagination li.current {
    background-position: 0 1px;
}
/* Content */
#upcomingTravel {
    position: relative;
    width: 502px;
    background-image: url("../../Images/manage_account/dashboard/slider_pagination_bg.jpg");
    background-position: 100% 100%;
    background-repeat: repeat-x;
    border-collapse: separate;
    -webkit-box-shadow: 2px 3px 4px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    2px 3px 4px rgba(50, 50, 50, 0.3);
    box-shadow:         2px 3px 4px rgba(50, 50, 50, 0.3);
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#969696", Direction=135, Strength=3);
}
#upcomingTravel.noFlavour {
    background: none;
}
#upcomingTravel.noFlavour .plusslider {
    padding: 0;
}
#upcomingTravel .titleHoleder {
    position: absolute;
    left: 18px;
    top: 0;
    padding: 0 10px;
    max-width: 450px;
    background-color: #000;
}
.titleHoleder.userRedMember,
.tierBox .userRedMember{
    background: url("../../Images/manage_account/userTiers/red/bg_title_stripes.jpg") bottom left repeat-x;
}.titleHoleder.userBlueMember,
.tierBox .userBlueMember{
    background: url("../../Images/manage_account/userTiers/blue/bg_title_stripes.jpg") center left repeat-x;
}
.titleHoleder.userSilverMember,
.tierBox .userSilverMember {
    background: url("../../Images/manage_account/userTiers/silver/bg_title_stripes.jpg") center left repeat-x;
}
.titleHoleder.userGoldMember,
.tierBox .userGoldMember{
    background: url("../../Images/manage_account/userTiers/gold/bg_title_stripes.jpg") center left repeat-x;
}
.titleHoleder.userPlatinumMember,
.tierBox .userPlatinumMember{
    background: url("../../Images/manage_account/userTiers/platinum/bg_title_stripes.jpg") center left repeat-x;
}
.titleHoleder.userIOMember,
.tierBox .userIOMember {
    background-color: #000;
}
#upcomingTravel .titleHoleder table {
    height: 33px;
}
#upcomingTravel .titleHoleder table tr td {
    vertical-align: middle;
}
#upcomingTravel .titleHoleder table tr td h3 {
    font-size: 17px;
    color: #fff;
    line-height: 33px;
    padding: 0; 
}
#upcomingTravel .seeAllUpcoming {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    min-width: 127px;
    max-width: 146px;
    line-height: 17px;
    padding: 9px 8px 9px 14px;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity = 60);
}
#upcomingTravel .seeAllUpcoming.nobg {
    background: none;
    opacity: 1;
    filter: none;
}
#upcomingTravel .seeAllUpcoming a {
    text-decoration: underline;
    color: #fff;
}
#upcomingTravel .seeAllUpcoming a:hover {
    text-decoration: none;
}

#upcomingTravel .seeAllUpcoming.nobg a {
    color: #333333;
}

#upcomingTravel .flightHeader {
    height: 46px;
    background-color: #eaeaea;
}   

#upcomingTravel #slider {
    padding-bottom: 19px;
}

#upcomingTravel .imageHolder {
    background: url("../../Images/manage_account/dashboard/image_holder_bg.jpg") top left no-repeat;
    height: 147px;
}

#upcomingTravel .scrollContainer {
    width: 502px;
    height: 319px;
    overflow: auto;
    overflow-x: hidden;
}

#upcomingTravel .scrollContainer .jspPane { 
    width: 502px !important;
}

#upcomingTravel .scrollContainer .jspVerticalBar {
    width: 4px;
    right: 6px;
    background: transparent;
}

#upcomingTravel .scrollContainer .jspVerticalBar .jspDrag {
    width: 4px;
    background: #a9a9a9;
    border-radius: 5px;
}

#upcomingTravel .scrollContainer .jspVerticalBar .jspTrack {
    background-color: #d6d6d6;
    border-radius: 5px;
}

#upcomingTravel .innerBottom {
    width: 468px;
    height: 174px;
    padding: 16px 16px 13px 18px;
    background: #ececec url("../../Images/manage_account/dashboard/innerBottom_bg.jpg") top left repeat-x;
}

#upcomingTravel .innerBottom.first-item {
    padding-top: 0;
    height: 174px;
}

#upcomingTravel .innerBottom.light {
    background: #eaeaea;
    border-bottom: 1px solid #cacaca;
}

#upcomingTravel .innerBottom.dark {
    background: #e0e0e0;
    border-bottom: 1px solid #cacaca;
}

    #upcomingTravel .innerBottom .flightInfo {
        border: 1px solid #D9D9D9;
        background: #ececec url("../../Images/manage_account/dashboard/flightInfo_bg.jpg") top left repeat-x;
    }

        #upcomingTravel .innerBottom .flightInfo .left-part,
        #upcomingTravel .innerBottom .flightInfo .right-part,
        #upcomingTravel .innerBottom .flightInfoBottom .left-part,
        #upcomingTravel .innerBottom .flightInfoBottom .right-part {
            float: left;
        }

        #upcomingTravel .innerBottom .flightInfo .left-part {
            width: 114px;
            border-right: 1px solid #D9D9D9;
            height: 71px;
            text-align: center;
            padding-top: 21px;
        }
            #upcomingTravel .innerBottom .flightInfo .left-part p {
                font-size: 32px;
                line-height: 30px;
            }

            #upcomingTravel .innerBottom .flightInfo .left-part .small {
                font-size: 15px;
                line-height: 17px;
            }

        #upcomingTravel .innerBottom .flightInfo .right-part {
            width: 351px;
        }

            #upcomingTravel .innerBottom hr {
                border: none;
                height: 1px; 
                background-color: #cdcdcd;
                margin: 12px 0;
                *margin: 6px 0;
            }

            #upcomingTravel .innerBottom .flightInfo .right-part .upper {
                height: 28px;
                line-height: 28px;
                border-bottom: 1px solid #D9D9D9;
                padding-left: 10px;
            }

            #upcomingTravel .innerBottom .flightInfo .right-part .bottom {
                padding-top: 10px;
                height: 53px;
            }

                #upcomingTravel .innerBottom .flightInfo .right-part .bottom table {
                    height: 44px;
                    border-collapse: separate;
                }

                #upcomingTravel .innerBottom .flightInfo .right-part .bottom table td p {
                    font-size: 11px;
                    line-height: 14px;
                }

                #upcomingTravel .innerBottom .flightInfo .right-part .bottom table td.icon {
                    width: 61px;
                    border-right: 1px solid #d2d2d2;
                    text-align: center;
                }

                #upcomingTravel .innerBottom .flightInfo .right-part .bottom table td.from {
                    border-left: 1px solid #fbfbfb;
                    padding: 0 5px 0 14px; 
                    min-width: 60px;
                }

                #upcomingTravel .innerBottom .flightInfo .right-part .bottom table td.to {
                    padding-left: 11px; 
                }

                #upcomingTravel .innerBottom .flightInfo .right-part .bottom table td .large {
                    font-size: 20px;
                    line-height: 18px;
                }

        #upcomingTravel .innerBottom .flightInfoBottom .left-part {
            width: 115px;
            height: 44px;
            border-right: 1px solid #d2d2d2;
            padding-top: 10px;
        }

            #upcomingTravel .innerBottom .flightInfoBottom .left-part p {
                font-size: 12px;
            }

            #upcomingTravel .innerBottom .flightInfoBottom .left-part strong {
                font-size: 14px;
            }

        #upcomingTravel .innerBottom .flightInfoBottom .right-part {
            height: 37px;
            border-left: 1px solid #fbfbfb;
            padding: 17px 0 0 20px; 
        }

            #upcomingTravel .innerBottom .flightInfoBottom .right-part select {
                width: 326px;
                font-size: 12px;
                padding: 3px 4px 3px 5px;
                border-radius: 0;
                border-color: #999999;
            }

#upcomingTravel .textContainer {
    height: 165px;
    padding: 38px 22px 0 18px;
    background: #ececec url("../../Images/manage_account/dashboard/innerBottom_bg.jpg") top left repeat-x;
}

    #upcomingTravel .textContainer .title {
        font-weight: bold;
        font-size: 18px;
        line-height: 17px;
        margin-bottom: 10px;
    }

    #upcomingTravel .textContainer .skywardsButtonSmall {
        float: left;
        margin-left: 0;
        margin-top: 15px;
    }

#upcomingTravel .airport {
    height: 94px;
    padding: 12px 0 10px 6px;
    background: #ececec url("../../Images/manage_account/dashboard/airport_bg.jpg") top left repeat-x;
    overflow: hidden;
    zoom: 1;
}
#upcomingTravel .airport .flightInfo {
    float: left;
    /*margin-left: 6px;*/
    width: 326px;
    border: 1px solid #d9d9d9;
}
#upcomingTravel .airport .flightInfo .date {
    background: #f7f7f7 url("../../Images/manage_account/dashboard/flightInfo_small_bg.jpg") top left repeat-x;
    border-bottom: 1px solid #f7f7f7;
}
#upcomingTravel .airport .flightInfo .date table {
    height: 27px;
    vertical-align: middle;
}
#upcomingTravel .airport .flightInfo .date table p {
    margin: 4px 9px 0;
    color: #000;
}
#upcomingTravel .airport .flightInfo .currentFlight {
    background: #e8e8e8 url("../../Images/manage_account/dashboard/flightInfo_large_bg.jpg") top left repeat-x;
    border-top: 1px solid #dedede;
    padding: 5px 0;
    color: #333;
}
#upcomingTravel .airport .flightInfo .currentFlight table {
    height: 43px;
}
#upcomingTravel .airport .flightInfo .currentFlight table tr td {
    padding-top: 5px;
}
#upcomingTravel .airport .flightInfo .currentFlight table tr td.icon {
    width: 61px;
    border-right: 1px solid #d2d2d2;
    text-align: center;
}
#upcomingTravel .airport .flightInfo .currentFlight table tr td.from {
    padding: 5px 12px 0 15px;
    border-left: 1px solid #fbfbfb;
    vertical-align: top;
}
#upcomingTravel .airport .flightInfo .currentFlight table tr td.separator {
    width: 28px;
}
#upcomingTravel .airport .flightInfo .currentFlight table tr td.to {
    width: 132px;
    vertical-align: top;
    padding-left: 12px;
}
#upcomingTravel .airport .flightInfo .currentFlight table tr td.from p,
#upcomingTravel .airport .flightInfo .currentFlight table tr td.to p {
    font-size: 11px;
    line-height: 14px;
    color: #333;
}
#upcomingTravel .airport .flightInfo .currentFlight table tr td.from p.large,
#upcomingTravel .airport .flightInfo .currentFlight table tr td.to p.large {
    font-size: 18px;
    line-height: 18px;
}
#upcomingTravel .airport .flightControls {
    float: left;
    margin-left: 9px;
    width: 155px;
}
#upcomingTravel .airport .flightControls .skywardsButtonSmall {
    float: none;
    display: block;
    margin: 18px 0 -18px;
    color: #333333;
}
#upcomingTravel .airport .flightControls .skywardsButtonSmall.first {
    margin-top: -2px;
    padding-top: 0;
}
#upcomingTravel .airport .flightControls .skywardsButtonSmall span {
    display: block;
    padding-left: 10px;
    font-size: 11px;
    text-align: left;
}
#upcomingTravel .airport .flightControls a.skywardsButtonSmall:hover span,
#upcomingTravel .airport .flightControls a.skywardsButtonSmall:hover {
    color: #C33;
}
#upcomingTravel .airport .flightControls p {
    margin-top: 22px;
    padding-left: 3px;
}
#upcomingTravel .airport .flightControls p a {
    color: #333333;
    text-decoration: underline;
    font-size: 11px;
    font-weight: bold;
}
#upcomingTravel .airport .flightControls p a:hover {
    text-decoration: none;
}
#upcomingTravel .favouriteDest,
#upcomingTravel .noFavouriteDest {
    padding: 20px 0 0;
    background: #ececec url("../../Images/manage_account/dashboard/airport_bg.jpg") top left repeat-x;
    overflow: hidden;
    zoom: 1;
    height: 96px;
}
#upcomingTravel .noFavouriteDest {
    height: 116px;
}
#upcomingTravel .favouriteDest .article,
#upcomingTravel .noFavouriteDest .article,
#upcomingTravel .noFavouriteDest .buttonWrapper{
    padding: 0 20px;
    overflow: hidden;
}
#upcomingTravel .favouriteDest .article {
    float: left;
    width: 350px;
}
#upcomingTravel .favouriteDest .article .title {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
#upcomingTravel .favouriteDest .article p {
    line-height: 15px;
    color: #333;
}
#upcomingTravel .favouriteDest .buttonWrapper .skywardsButtonSmall {
    float: left;
    margin: 35px 0 0;
}
#upcomingTravel .noFavouriteDest .article .title {
    font-size: 18px;
    line-height: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333333;

}
#upcomingTravel .noFavouriteDest .article p {
    font-size: 12px;
    line-height: 12px;
    color: #333333;
}
#upcomingTravel .noFavouriteDest .buttonWrapper .skywardsButtonSmall {
    float: left;
    margin: 16px 0 0 -2px;
}

/*** Dashboard ***/
#dashboard {
    width: 233px;
    padding: 0 13px 15px 15px;
    background: #e2e1e1 url("../../Images/manage_account/myStatement/dashboard_bg.jpg") top left repeat-x;
    overflow: hidden;
    zoom: 1;
    border-collapse: separate;
    -webkit-box-shadow: 2px 3px 4px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    2px 3px 4px rgba(50, 50, 50, 0.3);
    box-shadow:         2px 3px 4px rgba(50, 50, 50, 0.3);
    filter: progid:DXImageTransform.Microsoft.Shadow(color="#969696", Direction=135, Strength=3);
}
#dashboard .titleHoleder {
    float: left;
    padding: 0 10px;
    background-color: #000;
}
#dashboard .titleHoleder table {
    height: 32px;
}
#dashboard .titleHoleder table tr td {
    vertical-align: middle;
}
#dashboard .titleHoleder table tr td h3 {
    font-size: 18px;
    color: #fff;
}
#dashboard .miniNav {
    margin: 12px 0 7px;
}
#dashboard .miniNav table {
    width: 100%;
    border: 1px solid #c9c8c8;
}
#dashboard .miniNav table.first-item {
    margin-bottom: 7px;
}
#dashboard .miniNav table tr {
    background: url("../../Images/manage_account/myStatement/miniNav_bg.jpg") top left repeat-x;
}
#dashboard .miniNav table tr td {
    height: 53px;
    padding: 0 20px 0 13px;
    vertical-align: middle;
    background: url("../../Images/manage_account/myStatement/miniNav_arrow.png") center right no-repeat;
}
#dashboard .miniNav table tr td.miles {
    width: 97px;
}
#dashboard .miniNav table tr td.bookFlight {
    width: 112px;
}
#dashboard .miniNav table tr td a {
    display: block;
    color: #333;
}
#dashboard .miniNav table tr td a:hover {
    display: block;
    color: #C33;
    text-decoration: none;
}
#dashboard .quickLinks {
    position: relative;
    min-height: 185px;
    _height: 185px;
}
#dashboard .quickLinks table {
    width: 100%;
}
#dashboard .quickLinks tr th {
    height: 28px;
    background: url("../../Images/manage_account/myStatement/bg_silver_stripes.jpg") top left repeat;
}
#dashboard .quickLinks tr th p {
    margin: 0 9px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #fff;
}
#dashboard .quickBtns {
    background: #ebebeb url("../../Images/manage_account/dashboard/dashboard_table_bg.jpg") top left repeat-x;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #d4dbdf;
}
#dashboard .quickBtns a {
    color: #333;
    display: block;
    padding-left: 35px;
}
#dashboard .quickBtns a:hover {
    color: #C33;
    text-decoration: none;
}
#dashboard .quickBtns tr td {
    height: 51px;
    background: url("../../Images/manage_account/dashboard/dashboard_icons_sprite.png") 0 50% no-repeat;
}
#dashboard .quickBtns tr td.firstCol {
    width: 116px;
}
#dashboard .quickBtns tr td.separator {
    width: 2px;
    padding: 0;
}
#dashboard .quickBtns tr td.myStatement {
    background-position: 0 50%;
}
#dashboard .quickBtns tr td.alerts {
    background-position: -150px 50%;
}
#dashboard .quickBtns tr td.printCard {
    background-position: -300px 50%;
}
#dashboard .quickBtns tr td.helpCentre {
    background-position: -450px 50%;
}
#dashboard .quickBtns tr td.requestPin {
    background-position: -600px 50%;
}
#dashboard .quickBtns tr td.contactUs {
    background-position: -750px 50%;
}
#dashboard .quickBtns tr td.milesAccelerator {
    background-position: -900px 50%;
}
#dashboard .quickBtns tr td.claimMiles {
    background-position: -1050px 50%;
}
#dashboard .quickBtns tr td.milesCalculator {
    background-position: -1200px 50%;
    padding: 0;
}
#dashboard .phonePin {
    position: absolute;
    left: 0;
    top: 0;
    height: 158px;
    width: 233px;
    background: #ededed;
    display: none;
}
#dashboard .phonePin.visible {
    display: block;
}
#dashboard .phonePin.noJS {
    position: relative;
    display: block;
    margin-top: 10px;
}
#dashboard .phonePin.noJS .closeBtn {
    display: none;
}
#dashboard .pinHeader {
    height: 30px;
    background: url("../../Images/manage_account/myStatement/bg_silver_stripes.jpg") top left repeat;
}
#dashboard .pinHeader table {}
#dashboard .pinHeader table tr td {
    height: 30px;
}
#dashboard .pinHeader table tr td p {
    padding: 0 9px;
    color: #fff;
    font-size: 14px;
}
#dashboard .pinHeader .closeBtn {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 6px;
    top: 6px;
    background: url("../../Images/manage_account/dashboard/phonePin_close_btm.png") top left no-repeat;
    cursor: pointer;
}
#dashboard .pinContent {
    margin: 12px;
}
#dashboard .pinContent p {
    color: #333;
    font-weight: bold;
    font-size: 14px;
}
#dashboard .pinContent p.pinNumber {
    font-size: 23px;
}
#dashboard .pinContent .buttonHolder {
    margin-top: 7px;
    border-top: 1px solid #d4d4d4;
    overflow: hidden;
    zoom: 1;
}
#dashboard .pinContent .buttonHolder .skywardsButtonSmall {
    margin-bottom: 0;
    padding-top: 0;
}
.phonePinContainer {
    border: 1px solid #e0e0e0;
    background: #ededed;
}
.phonePinContent {
    padding: 18px 20px 18px 40px;
}
.phonePinContent table {
    width: 100%;

}
.phonePinContent td {
    padding: 25px 0;
}
.phonePinContent p {
    font-size: 17px;
    font-weight: bold;
    line-height: 25px;
}
.phonePinContent p strong {
    font-size: 25px;
    vertical-align: middle;
}
.phonePinContent td.divider {
    width: 2px;
    background: url('../../Images/manage_account/dashboard/dashboard_table_separator.jpg') right top repeat-y;
}
.phonePinContent .skywardsButtonSmall {
    white-space: nowrap;
}
.phonePinContent .skywardsButtonSmall input {
    white-space: nowrap;
    height: 32px\0;
    *height: 32px;
    *line-height: 32px;
    *text-indent: -20px;
}
.phonePinHeading {
    padding: 7px 10px 7px 10px;
    font-size: 14px;
    color: #fff;
    background: url("../../Images/manage_account/myStatement/bg_silver_stripes.jpg") top left repeat;
}
.marketingMessage {
    border: 1px solid #d8d6d4;
    background: #f6f6f6;
}
.marketingMessage td {
    height: 169px;
    vertical-align: middle;
    padding: 10px 35px 0;
    margin-top: 15px;
}
.marketingMessage td p {
    font-weight: bold;
    font-size: 20px;
    color: #333;
}
.marketingMessage td div.skywardsButtonSmall {
    float: left;
    height: 34px;
    margin: 5px 0 10px;
    zoom: 1;
}
.marketingMessage td .skywardsButtonSmall input {
    _padding-left: 0;
    zoom: 1;
}
.widgetFlightBookTitle {
	padding: 15px 0 5px 14px;
}
.widgetFlightBookTitle h3 {
	font-size: 18px;
	color: #333;
}
.flightWidget {
    float: none;
    width: 780px;
    margin: 12px 0 0;
    background: #efefef;
}
.flightWidget .widgetNav {
    width: 100%;
    height: 38px;
}
.flightWidget .widgetNav td {
    height: 38px;
    padding-left: 12px;
    font-size: 12px;
    font-weight: bold;
    background: url("../../Images/manage_account/flightWidget/navigation_sprite.png") 0 0 repeat-x;
    vertical-align: middle;
    color: #ccc;
}
.flightWidget .widgetNav td.bookFlight {
    width: 374px;
}

/***  Widget navigation tabs styles ***/
/*  if there is no update or book class, the "book" class styles are applied as default */
.flightWidget .book .widgetNav td.bookFlight {
    border-left: 1px solid #cecece;
}
.flightWidget .update .widgetNav td.updateFlight {
    border-right: 1px solid #cecece;
}
.flightWidget td.updateFlight,
.flightWidget .update td.bookFlight,
.flightWidget .book td.updateFlight {
    width: 364px;
    background-position: 0 -40px;
    color: #fff;
}
.flightWidget td.bookFlight,
.flightWidget .update td.updateFlight,
.flightWidget .book td.bookFlight {
    width: 364px;
    background-position: 0 0;
    color: #797979;
}
.flightWidget .widgetNav td.separator,
.flightWidget .update .widgetNav td.separator,
.flightWidget .book .widgetNav td.separator {
    width: 3px;
    background-position: 0 -80px;
    padding: 0;
}
.flightWidget .widgetNav td.separator,
.flightWidget .book .widgetNav td.separator {
    background-position: 0 -120px;
}
/* widget tabs text styles*/
.book .updateFlight:hover,
.update .bookFlight:hover {
    cursor: pointer;
}
.book .bookFlight span {
    cursor: default;
}

/* Widget Upgrade flight tab */
.open-block-content {
    position: static;
    width: auto;
}
.flightWidget div.homeWidget .radio-row label,
.flightWidget div.homeWidget .note {
    float: left;
    padding: 4px 10px 5px 5px;
}
.flightWidget div.homeWidget .check-holder {
    padding-top: 0;
}
.flightWidget div.homeWidget .searchTypeContainer {
    border: medium none;
    float: left;
    padding: 0 0 12px 80px;
}
.flightWidget div.homeWidget .searchType {
    background: url("../../Images/manage_account/fare_families/gray_tile.png") repeat-x scroll 0 0 #666; /*WCAG-Bang: fix Item1 of UDWA-220*/
    float: left;
    font-size: 0.95em;
    height: 29px;
    padding: 0 0 0 10px;
    border-radius: 0;
    border: none;
}
.flightWidget div.homeWidget .searchType .radio {
    float: left;
    height: 15px;
    margin-top: 7px;
    width: 15px;
    padding: 0;
}
.flightWidget div.homeWidget .searchType label {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    padding: 7px 15px 0 6px;
}
.flightWidget div.homeWidget .multiLink {
    float: left;
    padding: 7px 15px 4px 5px;
}
.flightWidget div.homeWidget .multiLink a {
    color: #CC3333;
    font-size: 11px;
    text-decoration: underline!important;
    font-weight: normal;
}
.flightWidget div.homeWidget .multiLink a:hover {
	text-decoration: none!important;
}
.flightWidget .row input {
    margin-top: 0;
}
.flightWidget .searchTypeContainer {
    padding-bottom: 7px;
}
.flightWidget div.homeWidget .row input {
    padding:0 9px 0 15px;
    font-size: 11px;
    line-height: 22px;
    height: 22px;
}
.flightWidget div.homeWidget .row,
.flightWidget div.homeWidget .radio-row {
    font-size: 0.95em;
    line-height: 1em;
    margin: 0 0 7px;
}
.flightWidget div.homeWidget .radio-row .radio {
    float: left;
    height: 15px;
    margin: 3px 0 0;
    padding: 0;
    width: 15px;
}
.flightWidget div.homeWidget .row label {
    vertical-align: middle;
    line-height: 1.5;
    padding-left: 15px;
}
.flightWidget div.homeWidget .row label.first,
.flightWidget div.homeWidget .radio-row label.first {
    font-size: 12px;
    padding-left: 0;
    width: 70px;
}
.flightWidget div.homeWidget .row label,
.flightWidget div.homeWidget .radio-row label.first {
    float: left;
    font-weight: bold;
    padding-right: 10px;
    font-size: 12px;
    text-align: right;
}
.flightWidget div.homeWidget .row input {
    height: auto;
    line-height: 1.3;
}
.flightWidget div.homeWidget .row input,
.flightWidget div.homeWidget .row select {
    border: 1px solid #999999;
    border-radius: 0 0 0 0;
    color: #666666;
    float: left;
    font-size: 12px;
    margin-top: 0;
    padding: 5px 10px 5px 5px;
    /*width: 100px;*/
}
.flightWidget div.homeWidget .row select {
    background-color: white;
    padding: 3px 4px 3px 5px;
    /*width: auto;*/
    height: auto;
}
div.homeWidget .row label.date {
	width: auto;
}
.flightWidget div.homeWidget .calendar-holder {
    float: left;
    position: relative;
    padding-right: 20px;
}
.flightWidget div.homeWidget .calendar-holder .img_mid {
    height: 19px;
    right: 0;
    width: 16px;
    overflow: hidden;
    position: absolute;
    top: 4px;
    margin: 0;
}
.flightWidget div.homeWidget .row .skywardsButtonSmall {
    position: absolute;
    bottom: 12px;
    right: 22px;
    padding-right: 19px;
}
.flightWidget div.homeWidget .row .skywardsButtonSmall input {
    background-color: transparent;
    border: none;
    height: 32px;
    padding-right: 13px;
    color: #333333;
    width: auto;
    padding-left: 10px;
    padding-right: 8px;
}
.flightWidget div.homeWidget .row .skywardsButtonSmall input:hover {
    color: #cc3333;
}
.flightWidget .bookContent {
    /*height: 380px;*/
    overflow:  hidden;
    position: relative;
    width: 780px;
}
.flightWidget .updateContent {
    height: 280px;
}
.flightWidget .updateContent .multipleFlights {
    height: 280px;
    background: #c9beb8;
    overflow: auto;
}
.flightWidget .updateContent .multipleFlights table {
    width: 765px;
}
.flightWidget .updateContent .multipleFlights table tr.odd {
    background: #f6f3f1;
}
.flightWidget .updateContent .multipleFlights table tr.even {
    background: #e0d7d1;
}
.flightWidget .updateContent .multipleFlights table tr td {
    vertical-align: top;
    height: 88px;
    border-bottom: 1px solid #d0cdc6;
    color: #333;
}
.flightWidget .updateContent .multipleFlights table tr td.fromDest {
    width: 117px;
}
.flightWidget .updateContent .multipleFlights table tr td.separator {
    width: 53px;
    text-align: right;
    vertical-align: middle;
}
.flightWidget .updateContent .multipleFlights table tr td.toDest {
    width: 94px;
}
.flightWidget .updateContent .multipleFlights table tr td.article {
    width: 367px;
}
.flightWidget .updateContent .multipleFlights table tr td.upgrade {
    width: 133px;
}
.flightWidget .updateContent .multipleFlights table tr td .box {
    min-width: 92px;
    /*height: 66px;*/
    background: #fff;
    border: 1px solid #bdbbb9;
    margin: 10px 0 10px 23px;
    padding-bottom: 6px;
}
.flightWidget .updateContent .multipleFlights table tr td .box span {
    display: block;
    font-size: 12px;
    line-height: 14px;
    padding: 6px 6px 0 10px;
}
.flightWidget .updateContent .multipleFlights table tr td .box span.large {
    font-weight: bold;
    font-size: 22px;
    padding-top: 10px;
}
.flightWidget .updateContent .multipleFlights table tr td.article {
    border-right: 1px solid #d0cdc6;
    vertical-align: middle;
}
.flightWidget .updateContent .multipleFlights table tr td.article p {
    margin-left: 25px;
}
.flightWidget .updateContent .multipleFlights table tr td.update {
    vertical-align: middle;
    text-align: center;
}
.flightWidget .updateContent .multipleFlights table tr td.update .skywardsButtonSmall {
    margin: 0 10px 0 0;
}
.flightWidget .searchTypeContainer .searchType .multiLink {
    padding-top: 7px !important;
}
.noUpcomming {
    overflow: hidden;
}
.noUpcomming .widgetLeft,
.noUpcomming .widgetRight {
    margin: 22px 0;
    height: 235px;
}
.noUpcomming .widgetLeft {
    float: left;
    width: 390px;
    border-right: 1px solid #fff;
}
.noUpcomming .widgetRight {
    overflow: hidden;
    position: relative;
}
.noUpcomming .container {
    padding: 55px 0 0 40px;
}
.noUpcomming .widgetLeft .container {
    width: 280px;
}
.noUpcomming .widgetRight .container {
    width: 180px;
}
.noUpcomming .widgetRight label {
    font-size: 11px;
    font-weight: bold;
}
.noUpcomming .widgetRight .container input {
    width: 160px;
    height: 14px;
    line-height: 14px;
    font-size: 11px;
    border: 1px solid #999;
    padding: 4px 10px 4px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: white;
    color: #666;
    margin: 4px 0 10px;
}
.noUpcomming .widgetRight .skywardsButtonSmall {
    margin: 0;
    position: absolute;
    bottom: 0px;
    right: 22px;
}
.notEnoughMiles {
    overflow: hidden;
    margin: 35px 0;
}
.notEnoughMiles .container {
    padding: 55px 0 0 39px;
}
.notEnoughMiles .container .skywardsButtonSmall {
    float: left;
    margin: 20px 0 0;
}


/* widget content visibility */
.update .bookContent {
    display: none;
}
.book .updateContent {
    display: none;
}
#printLogo {
    display: none;
}
@media print {
    #masthead {display:none;}
    .popInHeaderImg {display: none;}
    .skywardsButtonSmall {display: none;}
    .popInCancel {display: none;}
    #topNavigationWrapper { display: none;}
    .topMainNav { display: none;}
    #leftColumn {display: none;}
    .footerShadow {display: none;}
    .footerOuterContainer { display: none;}
    .popInButton { display: none;}
    .popinBackground { display: none;}
    .popinRedicrectContent {
        width: auto;
        height: auto;
    }
    .PopInContent {
        width: auto;
        height: auto;
    }
    .printGiftCardLeft {
        width: auto;
        height: auto;
    }
    img {
        width: auto;
        height: auto;
    }

    /* Opening doors voucher print */
    .contentv4 .voucherContainer {
        padding-bottom: 80px;
        border: 0;
    }
    .contentv4 .voucherContainer .partnerLogo {
        padding-top: 50px;
    }
    .contentv4 .voucherContainer .partnerLogo .hiddenField {
        display: block;
    }
    .contentv4 .voucherContainer .partnerLogo h1 {
        padding-top: 0;
    }
    .contentv4 .voucherContainer .voucherBody {
        position: relative;
    }
    .contentv4 .voucherContainer .validityFields {
        display: none;
    }
    .contentv4 #printDetailInfo {
        display: block;
        margin-bottom: 150px;
    }
    #printLogo {
        display: block;
        float: left;
    }
    #printUserInfo {
        float: right;
        padding-top: 15px;
    }
    #printUserInfo .voucherPrintInfo {
        text-align: left;
        position: relative;
        width: 251px;
		display: none;
    }
    #printUserInfo div {
        text-align: right;
        margin-bottom: 6px;
    }
    .voucherPrintInfo img {
        left: 0;
        position: absolute;
        z-index: -1;
    }
    .vNumberLeft {
        text-align: left;
        float: left;
        padding-top: 15px;
        padding-left: 10px;
    }
    .vNumberRight {
        padding-top: 15px;
        padding-right: 10px;
        float: right;
    }

    .openDoors .arrowLinkLeft,
    .openDoors,
    .voucherContainer .skywardsButton {
        display: none;
    }
}
.messageSaved {
    margin-top: 10px;
    display: block;
    border: 1px solid #ccc;
    background: url("../../Images/manage_account/icons/green_check.gif") no-repeat 10px center #f6f5f3;
    padding: 10px;
    padding-left: 27px;
    font-weight: bold;
    color: #4A9D39;
}

/* Input Error */
#mainWrapper .hasError {
    border: 1px solid #c33 !important;
}

/* Contact Details page */
.contactDetailsContainer, .optInMember {
    padding: 18px 22px 20px 25px;
    margin-top: 20px;
    min-height: 1px;
    _height: 100%;
    border: 2px #f0eeec solid;
    background: url('../../Images/manage_account/contact_details_container_gradient.jpg') bottom left repeat-x;
}
.contactDetailsContainer hr {
    color: #b3b1af;
}
.contactDetailsText1 {
    font-size: 12px;
    color: #333;
    float: left;
    width: 520px;
    margin-top: 10px;
    padding-right: 52px;
}
.contactDetailsFormTitle {
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
}
#contactDetailsForm {
    overflow: hidden;
    position: relative;
    margin-top: -5px;
}
#contactDetailsForm .contactDetailsInput {
    border: 1px #d6d6d6 solid;
    background: #fff;
    width: 312px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    font-size: 13px;
    margin-top: 5px;
}
#contactDetailsForm select.contactDetailsInputFixed
{
	width: 322px;
}
.contactDetailsInputField .emailShareCheck {
    width: 15px;
    border: none;
	margin-right: 0;
	padding-left: 0;
}
.reqrdFields {
    /*font-weight: bold;*/
    font-style: italic;
    font-size: 10px;
    margin: 5px 0 15px;
}
#contactDetailsForm .contactDetailsInputZip {
    border: 1px #d6d6d6 solid;
    background: #fff;
    width: 140px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    font-size: 12px;
}
.contactDetailsCheckBoxesContainer {
    padding-top: 5px;
}
#contactDetailsCheckBoxes td {
    margin-right: 10px;
    overflow: hidden;
}
.contactDetailsCheckBoxes2 td {
    margin-right: 10px;
    overflow: hidden;
    line-height: 20px;
    vertical-align: middle;
}
.contactDetailsCheckBoxName {
    line-height: 16px;
}
#same1 {
    line-height: 20px;
}
.contactDetailsCheckBox {
    margin-left: 25px;
}
.contactDetailsCheckBoxName td {
    font-size: 12px;
    color: #666;
    padding-left: 5px;
}
.numberHolder .mobile_radio,
.numberHolder .business_radio,
.numberHolder .home_radio {
    display: block;

}
#addPhoneNumber {
    margin-top: 10px;
}
.addPhoneNumberText {
    font-size: 13px;
    font-weight: bold;
    padding-left: 5px;
}
.contactDetailsSelect {
    width: 322px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 28px;
    color: #999999;
    padding: 4px;
}
.contactDetailsButtons {
    float: right;
}
.contactDetailsButtons a {
    display: block;
    float: left;
    text-decoration: underline;
    font-size: 15px;
    line-height: 16px;
    color: #666;
    margin-right: 20px;
    padding-top: 17px;
}
.contactDetailsButtons a:hover {
    text-decoration: none;
}
.contactDetailsInputField a:hover {
    text-decoration: none;
}


/* Standard Button/LinkButton styles */
.contactDetailsContainer .skywardsButton,
.optInMember .skywardsButton { min-width: 70px; font-size: 12px; float: right;}
.contactDetailsContainer .skywardsButton a,
.optInMember .skywardsButton a { min-width: 70px; font-size: 12px; float:left; }
.contactDetailsContainer .skywardsButton input { min-width: 100px; padding: 0; text-indent: 13px; font-size: 12px;  }
.contactDetailsButtons .skywardsButton { float: left; }
/* Standard Button/LinkButton styles */
.personalContactDetailsContainer .skywardsButton { min-width: 70px; font-size: 12px; }
.personalContactDetailsContainer .skywardsButton a { min-width: 70px; font-size: 12px; }
.personalContactDetailsContainer .skywardsButton input { min-width: 80px; padding: 0; text-indent: 13px; font-size: 12px; }

/* Personal Contact Details page */

.personalContactDetailsContainer {
    padding: 18px 22px 20px 25px;
    border: 2px #f0eeec solid;
    margin-top: 20px;
    color: #666;
    background: url('../../Images/manage_account/contact_details_container_gradient.jpg') bottom left repeat-x;
}
.personalContactDetailsContainer hr {
    color: #b3b1af;
}
.personalContactDetailsName {
    font-size: 16px;
    color: #333;
}
.personalContactDetailsSex {
    font-size: 12px;
    margin-top: 12px;
    color: #333;
}
.personalContactDetailsBdate {
    font-size: 12px;
    margin-top: 12px;
    color: #333;
}
.personalContactDetailsCallEmirates {
    font-size: 11px;
    font-style: italic;
    color: #333;
    margin-top:12px;
}
.personalContactDetailsSelect {
    width: 96px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 28px;
    color: #999999;
    border: 1px #d6d6d6 solid;
}
.personalContactDetailsLine {
    padding: 5px 10px 0 10px;
}
.personalContactDetailsCalendar {
    padding: 6px 10px 0 10px;
}
.personalContactDetailsEmployed {
    font-size: 12px;
    font-weight: bold;
}

/* CLaim Miles page */
.claimMilesText1 {
    font-size: 12px;
    color: #333;
    margin-top: 10px;
}
.claimMilesText1 a {
	text-decoration: underline;
	color: #333;
}
.claimMilesText1 a:hover {
	text-decoration: none;
	color: #333;
}
.claimMilesArea1 {
    /*display: block;*/
    /*border: 1px solid #000;*/
    padding: 20px;
    margin-top: 20px;
    background: #f6f3f0;
    /*overflow: hidden;*/
}
.retailTotal {
      text-align: right;
      padding-right: 70px;
}
.claimMilesTitle {
    font-size: 16px;
    color: #333;
}
.claimMilesTlast {
    padding-bottom: 12px;
}
.claimMilesTooltipImg {
    vertical-align: top;
    padding-top: 10px;
}
.claimMilesTooltipImg2 {
    padding-top: 25px;
}
.claimMilesTable1 {
    float: left;
}
.claimMilesTable1 p {
    color: #333;
}
.claimMilesPartnerSpace {
    padding-bottom: 50px;
}
.claimMilesFormTitle {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin-top: 10px;
}
.claimMilesPartnerTextarea textarea {
    border: 1px solid #D6D6D6;
    color: #999999;
    font-size: 13px;
    height: 100px;
    padding: 10px;
    resize: none;
    width: 665px;
    margin-top: 5px;
}
.claimMilesPartnerSpan {
    font-size: 11px;
}
.claimMilesSubmitBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 15px;
    padding-top: 20px;
}
.submitHover:hover {
    color: #cc3333;
}
.claimMilesArea2 {
    float: left;
    width: 317px;
    background-color: #f6f3f0;
    padding: 20px 20px 20px 20px;
    margin-top: 15px;
}
.fullWidth {
    float: none;
    width: auto;
}
.claimMilesArea3 {
    float: right;
    width: 317px;
    background-color: #f6f3f0;
    padding: 20px 20px 20px 20px;
    margin-top: 15px;
}
.claimMilesAreaContent {
    padding-top:5px;
    color: #333;
}
.claimMilesAreaContent a {
    color: #cc3333;
    text-decoration: underline;
}
.claimMilesAreaContent a:hover {
    text-decoration: none;
}
.claimMilesList {
    margin-bottom: 15px;
}
.claimMilesList ul li {
    padding-bottom: 5px;
}
.claimMilesTitle2 {
    font-size: 15px;
    font-weight: bold;
    margin: 15px 0px 10px 0px;
}
.partnerTable2 {
    border-top: 1px #ccc solid;
    margin-bottom: 10px;
}
.partnerTable2 th {
    background-color: #bcb1aa;
    font-weight: bold;
    color: #fff;
    font-size: 14px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 30px;
    text-align: center;
    vertical-align: middle;
}
th.claimMilesTableLeft {
    text-align: left;
    padding-left: 10px;
}
.odd td.claimMilesTableLeft,
.even td.claimMilesTableLeft {
    text-align: left;
    padding-left: 10px;
}
.partnerTable2 td {
    color: #333;
    font-size: 13px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
}
.even td:first-child,
.odd td:first-child,
.partnerTable2 th:first-child {
    border-left: 1px solid #ccc;
}
tr.even td.noLeftBorder,
tr.odd td.noLeftBorder
{
	border-left: 0px;
}
.claimMilesTableTrLast {
    border: none;
    font-weight: bold;
}
.claimMilesTableTrLast td {
    border: none;
    background: #fff;
    text-align: center;
}
.claimMilesTableTrLast td:first-child {
    text-align: right;
}
.claimMilesTableButton .skywardsButton { min-width: 70px; font-size: 12px; float: right;}
.claimMilesTableButton .skywardsButton a { min-width: 70px; font-size: 12px; float:left; }
.claimMilesTableButton .skywardsButton { float: right; margin-top: 12px; }


/* Add Passager */

.addPassagerContainer {
    border: 1px solid #848484;
    border-left: none;
    border-right: none;
    margin: 20px 0;
    padding: 0 0 20px;
}
.appendingItem {
    display: none;
    position: relative;
}
.removeConfirmForm {
    display: none;
    position: absolute;
    width: 730px;
    left: 0;
    top: 20px;
    z-index: 1000;
    background: #fff;
}
.removeFormEtem,
.removeFormEtem:focus,
.removeFormEtem:active,
.removeFormEtem:link,
.removeFormEtem img {
    outline: none;
}
.hiddenField {
    display: none;
}

/* Redirect PopUp */
.popinRedicrectContent {
    width: 558px;
    margin:auto;
    background: #fff;
    margin-top: 150px;
}
.redirectPopUpTitle {
    color: #333;
    font-weight: bold;
    font-size: 15px;
    margin: 19px 10px 0 10px;
}
.popInHeaderImg {
    background-image: url('../../Images/manage_account/popin_top_red.jpg');
    background-repeat: no-repeat;
    height: 43px;
}
.popinBackground .popInHeaderImg h2,
div.popInHeaderImg h2 {
    color: #fff;
    margin-left: 20px;
    padding-top: 12px;
    *padding-top: 9px;
    font-size: 19px;
}
.redirectPopUpContent {
    color: #333;
    font-size: 12px;
    margin: 14px 10px 0 10px;
}
.PopInContentGiftCard {
    color: #333;
    font-size: 13px;
    margin-top: 14px;
}
.PopInContent {
    color: #333;
    font-size: 12px;
    margin: 14px 20px 0px 20px;
}
.PopInContent p {
    padding-right: 10px;
    margin-bottom: 10px;
}
.PopInContent p img {
    margin-bottom: 20px;
}
.popInFormTitle {
    font-size: 12px;
    color: #333;
    margin-top: 10px;
    font-weight: bold;
}
#popInRemindMe {
    padding:0 5px 0 20px;
}
#popInRemindMe .popInTextArea {
    border: 1px #d6d6d6 solid;
    background: #fff;
    width: 497px;
    padding-left: 10px;
    margin-top: 5px;
    font-size: 13px;
    color: #999999;
}
.popInRemindMeSelect {
    width: 96px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 28px;
    color: #999;
    border: 1px #d6d6d6 solid;
}
.popInButton {
    padding: 10px 0 10px 0;
    margin-right: 10px;
    overflow: hidden;
}
.popInButton .skywardsButton {
    float: right;
    min-width: 70px;
    margin-left: 10px;
    _padding-right: 3px;
}
.popInButton .skywardsButton input,
.popInButton .skywardsButton a {
    min-width: 83px;
    width: 83px;
}
.popInCancel .skywardsButtonSmall {
    float: left;
}
.skywardsButtonSmall:hover input {
    color: #CC3333;
}
.popInCancel {
    float: right;
	margin-left: 10px;
	margin-right: 10px;
}
.popInCancel a {
    cursor: pointer;
    display: block;
    float: left;
    text-decoration: underline;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin-right: 0px;
    padding-top: 17px;
}
.popInCancel a:hover {
    display: block;
    float: left;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin-right: 0px;
    padding-top: 17px;
}

input .skywardsButtonSmall,
a .skywardsButtonSmall {
    float: right;
    margin: 10px;
    margin-right: 0;
    padding-right: 26px;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_right.png") top right no-repeat;
    _background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_right.gif") top right no-repeat;
}
.skywardsButtonSmall input {
    display: block;
    float: right;
    margin: 0;
    padding-left: 13px;
    height: 34px;
    line-height: 34px;
    font-weight: bold;
    font-size: 12px;
    text-align: right;
    color: #554434;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_left.png") top left no-repeat;
    outline: none;
    border: none;
    cursor: pointer;
    padding-bottom: 4px;
}

/* Standard Button/LinkButton styles */
.mealOption .skywardsButton { min-width: 70px; font-size: 12px; }
.mealOption .skywardsButton a { min-width: 70px; font-size: 12px; }

/* Dietary Requirements PopIn */
.dietaryTopShadow {
    background-image: url("../../Images/manage_account/dieatary_bottom_shadow.jpg");
    background-repeat:no-repeat;
    height: 10px;
    margin-top: 10px;
}
.dietaryBottomShadow {
    background-image: url("../../Images/manage_account/popInBottomShadow.jpg");
    background-repeat:no-repeat;
    width: 558px;
    height: 18px;
}
.mealOptionContainer {
    height: 450px;
    overflow: auto;
    outline: none;
}
.mealOption .optionSelected {
    text-indent: -9999px;
    height: 40px;
    width: 50px;
    background: url('../../Images/manage_account/icons/item_selected.gif') center center no-repeat;
}
.mealOption .optionSelected span {
    display: none;
}
.mealOption {
    width: 100%;
    height: 100%;
    border: none;
}
.mealOptionTitle {
    color: #333;
    font-weight: bold;
}
.mealOption .odd {
    background-color: #fbfbfb;
}
.mealOption .even {
    background-color: #fff;
}
.redirectWindow {
    padding: 10px;
}
.popinRedicrectContent .mealOption td {
    border: none;
    border-bottom: 1px #cacaca solid;
    padding: 15px 20px 15px 20px;
}
.mealOption tr td.mealOptionLast {
    border-bottom: none;
}

/* Gold Gift - Confirm Your Address PopIn */
.confirm_address_details {
    font-size: 14px;
    font-weight: bold;
    margin: 15px 20px;
}
.popInConfirmAddress1Links {
    margin-top: 80px;
}

/* Terms and Conditions PopIn */
.termsAndConditions {
    margin: 10px 20px 20px 20px;
}
.termsAndConditionsTitle {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
}
.termsAndConditionsContainer {
    height: 300px;
    overflow: auto;
}
.termsAndConditionsContent {
    font-size: 12px;
}

/* Print gift card page */
.printGiftCardContainer {
    margin: 0 auto;
    width: 425px;
    padding-top: 10px;
}
.printGiftCardLeft {
    float: left;
    margin-right: 20px;
}
.printGiftCardRight {
    float: left;
	position: relative;
}
.printGiftCardRightR {
    position: relative;
}
.printGiftCardInfo {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
	top: 15px;
    left: 72px;
	width: 120px;
}
.printGiftCardInfoIoTier {
	top: 100px;
	width: 120px;
	left: 38px;
	text-align: center;
}
.printGiftCardFirstName {
    color: #eee;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: 15px;
    left: 72px;
}
.printGiftCardLastName {
    color: #eee;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
	top: 18px;
    left: 82px;
}
.printGiftCardEK {
    font-size: 11px;
    color: #eee;
    font-weight: bold;
    position: absolute;
	top: 35px;
    left: 82px;
}
.printGiftCardExp {
    font-size: 11px;
    color: #eee;
    font-weight: bold;
    position: absolute;
	top: 44px;
    left: 82px;
}
.ioCard .printGiftCardFirstName,
.ioCard .printGiftCardLastName,
.ioCard .printGiftCardEK,
.ioCard .printGiftCardExp {
    font-size: 11px;
    width: 100%;
    left: 0;
    text-align: center;
}
.ioCard .printGiftCardFirstName {
    top: 40px;
}
.ioCard .printGiftCardLastName {
    top: 108px;
}
.ioCard .printGiftCardEK {
    top: 55px;
}
.ioCard .printGiftCardExp {
    top: 70px;
}
/* Travel Coordinator Page */
.travelCoordinatorText1 {
    font-size: 12px;
    color: #333;
    width: 730px;
    margin-top: 10px;
    padding-right: 32px;
}
.travelCoordinatorSubText1 {
    font-size: 12px;
    color: #333;
    width: 730px;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-right: 32px;
}
.travelCoordinatorForm input select {
    width: 96px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 28px;
    color: #999;
    border: 1px #d6d6d6 solid;
}
.travelCoordinatorSelect {
    width: 322px;
    margin-top: 5px;
    margin-right: 10px;
    font-size: 13px;
    line-height: 28px;
    color: #999;
}
.travelCoordinatorSelect2 {
    width: 96px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 28px;
    color: #999;
    border: 1px #d6d6d6 solid;
}
.travelCoordinatorText1 li {
    line-height: 1.5;
}
.travelCoordinatorText1 p {
    line-height: 1.35;
}
.travelCoordinatorText2 {
    margin-top: 20px;
}
.travelCoordinatorText3 {
    margin-top: 20px;
}
.travelCoordinatorAgree {
    margin-top: 20px;
    margin-bottom: 30px;
}
#travelCoordinatorLinks1 a {
    color: #333;
    font-size: 12px;
    text-decoration: underline;
}
#travelCoordinatorLinks1 a:hover {
    color: #333;
    font-size: 12px;
    text-decoration: none;
}
#travelCoordinatorLinks2 a {
    color: #333;
    font-size: 12px;
    text-decoration: underline;
}
#travelCoordinatorLinks2 a:hover {
    color: #333;
    font-size: 12px;
    text-decoration: none;
}
.travelCoordinatorInfoContainer {
    background-color: #f6f3f1;
    padding: 30px;
}
.travelCoordinatorInfoTable td {
    vertical-align: top;
    line-height: 1.7;
}
.travelCoordinatorInfoName {
    font-size: 15px;
    font-weight: bold;
}
.travelCoordinatorInfoContent {
    font-size: 13px;
    padding-left: 40px;
    padding-bottom: 10px;
}

/* Transfer Miles Page */

.transferMilesRemaining {
    margin-top: 20px;
    color: #333;
}
.transferMilesNumber {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.transferMiles_amount_money {
    font-size: 16px;
    font-weight: bold;
    padding-right: 10px;
    line-height: 28px;
}
.transferMilesCurrencySelect {
    width: 92px;
    font-size: 13px;
    line-height: 28px;
    color: #999;
	padding: 4px;
}
.transferMilesInTextArea {
    border: 1px #d6d6d6 solid;
    background: #fff;
    width: 512px;
    padding-left: 10px;
    margin-top: 5px;
    font-size: 11px;
    color: #999999;
}
.transferMilesSaveButton {
    margin-top: 20px;
    color: #333;
}
.transferMilesSaveButton .skywardsButton { min-width: 70px; font-size: 12px; }
.transferMilesSaveButton .skywardsButton a { min-width: 70px; font-size: 12px; }
.transferMilesSaveButton .skywardsButton input { min-width: 80px; padding: 0; text-indent: 13px; font-size: 12px; }

/* Email Subscriptions Page */

.preferred_email_lang {
    margin: 5px 0px 15px 0px;
}

/* Refer a Friend Optional Campaign Widget */

.referFriendOptionalCampaignWidgetContainer {
    background-color: #e9e9e9;
    margin: -10px 0px 15px 0px;
}
.referFriendOptionalCampaignWidgetImage {
    float: left;
    width: 349px;
}
.referFriendOptionalCampaignWidgetContent {
    float: left;
    width: 325px;
    margin-left: 25px;
    padding-top: 45px;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
}
.referFriendOptionalCampaignWidgetTitle {
    padding-bottom: 15px;
}

/* Change Password Page */

.contactDetailsInputField.correct .check_passed {
    display: block;
}
.check_passed {
    line-height: 26px;
    display: none;
}
.check_failed {
    line-height: 26px;
    display: none;
}
.change_password_error {
    color: #d81921;
    margin-top: 5px;
    display: none;
	font-weight: bold;
}
.contactDetailsInputField.error .check_failed,
.contactDetailsInputField.error .change_password_error {
    display: block;
}
#contactDetailsForm .contactDetailsInputField.error .contactDetailsInput {
    border: 1px #d30410 solid;
}
.contactDetailsContainer .phoneNumsWrapper table {
    margin: 10px 0;
}
.contactDetailsContainer .phoneNumsWrapper input {
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    border: 1px #D6D6D6 solid;
    font-size: 13px;
    background: white;
    margin: 0;
}
.contactDetailsContainer .phoneNumsWrapper td {
    vertical-align: middle;
    height: 26px;
    padding-right: 15px;
}
.contactDetailsContainer .phoneNumsWrapper .separator td {
    height: 15px;
}
.contactDetailsContainer .phoneNumsWrapper td input {
    vertical-align: middle;
    height: 26px;
    width: 100px;
}
.contactDetailsContainer .phoneNumsWrapper td.phoneNumber input {
    width: 170px;
}
.contactDetailsContainer .phoneNumsWrapper .caption {
    width: 80px;
}
.contactDetailsContainer .phoneNumsWrapper .prefered {
    text-align: center;
    padding: 0;
    width: 50px;
}
.contactDetailsContainer .phoneNumsWrapper .prefered input {
    border: none;
    width: auto;
    height: auto;
}

.password_strength_indicator {
    display: none;
    height: 26px;
    line-height: 26px;
    background-color: #ececec;
    width: 322px;
    margin: 5px 0px 0px 10px;
}
.password_strength_indicator.weak .password_str_weak,
.password_strength_indicator.good .password_str_good,
.password_strength_indicator.strenght .password_str_weak {
    display: block;
}
.password_str_weak {
    text-align: center;
    width: 33%;
    background-color: #d62828;
    color: #fff;
    font-size: 13px;
    display: none;
}
.password_str_good {
    text-align: center;
    width: 66%;
    background-color: #e3bc45;
    color: #fff;
    font-size: 13px;
    display: none;
}
.password_str_strong {
    text-align: center;
    width: 100%;
    background-color: #56c315;
    color: #fff;
    font-size: 13px;
    display: none;
}
#contactDetailsForm .contactDetailsInputError {
    border: 1px #d6d6d6 solid;
    background: #fff;
    width: 312px;
    height: 26px;
    line-height: 26px;
    padding-left: 10px;
    font-size: 13px;
}
.changePasswordIndicatorTitle {
    display: none;
    font-size: 12px;
    color: #333;
    font-weight: bold;
    margin-top: 22px;
    position: absolute;
    margin-left: 344px;
}

 .userMembershipContainer {
    margin-top: 25px;
    line-height: 1.3;
    /*height: 172px;*/
    background: none;
}
.membershipBackground {
    padding-top: 8px;
    height: 164px;
}
.userMembershipContainer .membershipWelcome,
.userMembershipContainer .membershipName,
.userMembershipContainer .membershipNumber,
.userMembershipContainer .membershipWelcome a,
.userMembershipContainer .membershipName a,
.userMembershipContainer .membershipNumber a {
    color: #fff;
}
.userBlueMember .membershipBackground {
    background: url('../../Images/manage_account/userTiers/blue/user_bg.jpg') top left no-repeat;
}
.userRedMember .membershipBackground {
    background: url('../../Images/manage_account/userTiers/red/user_bg.jpg') top left no-repeat;
}
.userSilverMember .membershipBackground {
    background: url('../../Images/manage_account/userTiers/silver/user_bg.jpg') top left no-repeat;
}
.userGoldMember .membershipBackground {
    background: url('../../Images/manage_account/userTiers/gold/user_bg.jpg') top left no-repeat;
}
.userPlatinumMember .membershipBackground {
    background: url('../../Images/manage_account/userTiers/platinum/user_bg.jpg') top left no-repeat;
}
.userIOMember .membershipBackground {
    background: url('../../Images/manage_account/userTiers/io/user_bg.jpg') top left no-repeat;
}

/* WELCOME COLORS */
/* RED */
.userRedMember .userWelcome {
    color: #fff;
}
/* SILVER */
.userSilverMember .userWelcome {
    color: #fff;
}
.userSilverMember .membershipName {
    color: #fff;
}
/* GOLD */
.userGoldMember .userWelcome {
    color: #fff;
}
/* PLATINUM */
.userPlatinumMember .userWelcome {
    color: #fff;
}
.userMembershipContainer .userWelcome {
    float: left;
    padding-left: 18px;
    font-size: 12px;
    font-family: Arial, sans-serif;
    width: 300px;
}
.userMembershipContainer .membershipWelcome {
    font-size: 23px;
    margin-top: 13px;
    margin-bottom: 40px;
}
.userMembershipContainer .membershipName {
    font-size: 16px;
    font-weight: bold;
}
.userMembershipContainer .lastLogin {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
}
.userMembershipContainer .membershipDetails {
    float: right;
    padding-right: 10px;
}
.userMembershipContainer .milesCount {
    font-size: 36px;
    letter-spacing: -1px;
    float: right;
    margin: 8px 5px 0 0;
    text-align: right;
    height: 81px;
    color: #666;
}
.userMembershipContainer .milesCount div {
    font-size: 15px;
    letter-spacing: 0;
    line-height: 16px;
}
.membershipSkywardsMiles {
    float: left;
    border: 1px solid #848484;
    padding-top: 15px;
    margin-right: 10px;
    width: 190px;
    background: #d9d9d9 url('../../Images/manage_account/userTiers/silver/user_info_bg.jpg') top left repeat-x;
}
.membershipTierMiles {
    float: left;
    padding-top: 15px;
    width: 190px;
    border: 1px solid #999;
    background: url('../../Images/manage_account/userTiers/silver/user_info_bg.jpg') top left repeat-x;
}
.membershipTierMiles img {
    display: block;
    float: left;
    margin-left: 15px;
    _margin-left: 5px;
}
.notificationBox {
    margin: 0px 3px 3px 3px;
    background: url('../../Images/manage_account/userTiers/silver/user_infoBox_left.jpg') left top no-repeat;
}
.notificationBox table {
    border-collapse: separate;
    width: 100%;
    background: url('../../Images/manage_account/userTiers/silver/user_infoBox_right.jpg') right top no-repeat;
}
.notificationBox table td {
    padding: 0 10px;
    vertical-align: middle;
    height: 46px;
    font-size: 11px;
    color: #666;
    text-align: right;
}

/* Required Field*/
.requiredField {
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    color: #333;
}
/* My preferences page */
.contactDetailsContainer {
    background: url('../../Images/manage_account/contact_details_container_gradient.jpg') bottom left repeat-x;
    overflow: hidden;
}
.formHeaderContainer {
    padding-bottom: 20px;
}
.formHeaderContainer p {
    margin-top: 15px;
    font-size: 12px;
    color: #333;
}
.formTextContainer {
    font-size: 13px;
    color: #666;
    float: left;
    width: 595px; /* FROM EKIT */
    width: 570px;
    margin-top: 15px;
    padding-right: 24px;
}
.formTextContainer p {
    margin-top: 0;
}
.formInfoText {
    font-size: 11px;
    font-style: italic;
    color: #666;
    margin-top:20px;
}
.formIntroText {
    font-size: 12px;
    color: #333;
    margin-bottom: 20px;
}
.formSection {
    padding-top: 20px;
    margin-bottom: 25px;
    border-top: 1px solid #848484;
}
.formSection div {
    border-color: #fff;
}
.formSectionHeading {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
.formSectionHeading p {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin: 10px 0;
}
.personal_preferences_change:hover {
    color: #333;
    text-decoration: none;
}
.contactDetailsFormTitle {
    font-size: 12px;
    color: #333;
    font-weight: bold;
    margin-top: 20px;
}
.personalContactDetailsSelect {
    width: 92px;
}
.destinationsList {
    float: left;
}
.destinationWidget {
    display: none;
    float: left;
    width: 300px;
    padding: 0 12px;
    border-collapse: separate;
    margin: 40px 0 0 50px;
    -moz-box-shadow: 1px 1px 4px #a4a4a4;
    -webkit-box-shadow: 1px 1px 4px #a4a4a4;
    box-shadow: 1px 1px 4px #a4a4a4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 135, Color = '#a4a4a4')";
    filter: progid:DXImageTransform.Microsoft.Shadow(strength = 2, direction = 135, color = '#a4a4a4');
    background: #e4e4e4;
}
.destinationWidget .destinationWidgetTitle {
    float: left;
    background: url('../../Images/manage_account/stripeHeading_bg.jpg') repeat-x top left;
    font-size: 17px;
    color: #fff;
    margin-left: 8px;
    margin-bottom: 6px;
    padding: 8px;
}
.destinationWidget .hidden {
    display: none;
}
.dietaryInput {
    display: none;
}
.selectsWrapper {
    padding-bottom: 20px;
    margin: 0 12px 20px 12px;
    background: url('../../Images/manage_account/icons/vertDivider.gif') bottom left repeat-x;
}
.selectWrapper {
    position: relative;
    margin: 0 0 13px 0;
    padding: 0px 0;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
}
.selectWrapper select {
    border: none;
    font-size: 13px;
    color: #666666;
    width: 100%;
    border: 1px solid #d6d6d6;
}
.cityInfo {
    margin: 10px 0;
    overflow: hidden;
    zoom: 1;
}
.contentv4 .cityInfo .plainText {
    padding: 0; /* Overwrites old styles */
    margin: 7px 0;
    font-size: 11px;
    line-height: 13px;
    color: #7a7979;
}
.cityInfo .buttonsContainer {
    margin: 0 -2px;
    overflow: hidden;
    zoom: 1;
}
.cityInfo .buttonsContainer .skywardsButtonSmall {
    margin: 0 12px 0 0 ;
    float: left;
    padding-right: 20px;
    width: 280px;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmallThin_right.png") top right no-repeat
}
.cityInfo .buttonsContainer .skywardsButtonSmall span {
    text-align: center;
    font-size: 10px;
    color: #554434;
    padding-left: 11px;
    width: 263px;
    text-indent: 17px;
}
.cityInfo .buttonsContainer .skywardsButtonSmall.lastBtn {
    float: right;
    margin: 0;
}

span.selectDestinatioButton {
    display: block;
    text-align: center;
    background: url('../../Images/manage_account/icons/dest_arrow.gif') 50% 25px no-repeat;
    padding-top: 105px;
    margin: 15px 0 35px;
    *padding-bottom: 35px;
    font-size: 17px;
    color: #777;
    border-top: 1px solid #bdbdbc;
    font-weight: bold;
}
.contentv4 .customCheckboxContainer ul,
.contentv4 .customCheckboxContainer table {
    padding-left: 0;
    padding-right: 0;
}
.customCheckboxContainer ul,
.customCheckboxContainer li,
.customCheckboxContainer table,
.customCheckboxContainer td {
    padding: 0;
    margin: 0;
    list-style: none;
}
.customCheckboxContainer ul {
    margin-right: -10px;
    margin-top: 10px;
}
.customCheckboxContainer li {
    margin: 0px 5px 5px 0;
    float: left;
    cursor: pointer;
    display: block;
    width: 240px;
    *width: 237px;
    height: 45px;
    text-align: center;
    background: url('../../Images/manage_account/icons/customCheckbox_plain.jpg') center left no-repeat #e8e8e8;
}
.customCheckboxContainer td.chkBox {
    border-right: 5px solid #fff;
    border-bottom: 5px solid #fff;
    cursor: pointer;
    width: 240px;
    *width: 237px;
    text-align: center;
    background: url('../../Images/manage_account/icons/customCheckbox_plain.jpg') center left no-repeat #e8e8e8;
}
.customizedContainer li,
.customizedContainer td.chkBox {
    background: url('../../Images/manage_account/icons/customCheckbox_idle.jpg') center left no-repeat #e8e8e8;
}
.customCheckboxContainer li input {
}
.customizedContainer li input,
.customizedContainer td input  {
    display: none;
}
.customCheckboxContainer li.selectedCheckbox,
.customCheckboxContainer td.selectedCheckbox  {
    background: url('../../Images/manage_account/icons/customCheckbox_selected.jpg') center left no-repeat #e8e3dd;
}
.customCheckboxContainer td td {
    background: none;
}
.customCheckboxContainer li table,
.customCheckboxContainer td table {
    width: 100%;
    height: 45px;
}
.customCheckboxContainer li .chkBoxContainer,
.customCheckboxContainer td .chkBoxContainer {
    width: 35px;
    padding: 0;
    text-align: center;
}
.newsletters {
    overflow: hidden;
    margin-top: 10px;
    margin-right: -10px;
}
.newsletters li,
.newsletters li table,
.newsletters td,
.newsletters td table {
    height: 115px;
    text-align: left;
}
.newsletters li table,
.newsletters td table {
    margin: 0;
    width: auto;
}
.customCheckboxContainer li table td,
.customCheckboxContainer td table td {
    vertical-align: middle;
    padding-left: 18px;
    font-size: 15px;
    padding-right: 10px;
    color: #666;
}
.customizedContainer li table td,
.customizedContainer td table td {
    padding-left: 22px;
}
.interesetCheckbox li table td,
.interesetCheckbox td table td {
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}
.newsletters li table td,
.newsletters td table td {
    font-size: 13px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.newsletters li table td strong,
.newsletters td table td strong {
    font-size: 14px;
    display: block;
}
.newsletters li input,
.newsletters td input {
    margin-left: -6px;
    margin-top: -2px;
}
.newsletters li .chkBoxContainer,
.newsletters td .chkBoxContainer {
    text-indent: 5px;
}
ul.publications,
table.publications {
    margin-right: -15px;
}
.publications li,
.publications td {
    width: 143px;
    *width: 140px;
    height: 80px;
    background: url('../../Images/manage_account/icons/customCheckboxPub_plain.jpg') top left no-repeat #e8e8e8;
}
.customizedContainer .publications li,
.customizedContainer .publications td {
    background: url('../../Images/manage_account/icons/customCheckboxPub_idle.jpg') top left no-repeat #e8e8e8;
}
.publications li.selectedCheckbox,
.publications td.selectedCheckbox {
    width: 143px;
    height: 80px;
    background: url('../../Images/manage_account/icons/customCheckboxPub_selected.jpg') top left no-repeat #e8e8e8;
}
.publications li table,
.publications td table {
    margin: 0;
    width: 140px;
    height: 50px;
}
.publications li table td,
.publications td table td {
    vertical-align: bottom;
    height: 50px;
    padding: 0;
    text-align: center;
}
.floatedInputsContainer {
    margin-right: -28px;
    overflow: hidden;
}
.floatedInput {
    width: 225px;
    margin-right: 25px;
    _margin-right: 10px;
    float: left;
}
td.floatedInput {
    float: none;
    height: 30px;
    vertical-align: bottom;
}
div.floatedInputsContainer .floatedInput select,
div.floatedInputsContainer .floatedInput .contactDetailsInputField input {
    width: 225px;
}
div.floatedInputsContainer .floatedInput .contactDetailsInputField input {
	height: 26px;
	font-size: 13px;
}
.dualInputContainer {
    overflow: hidden;
    margin-right: -28px;
}
.dualInputContainer .floatedInput,
.dualInputContainer .floatedInput select {
    width: 350px;
}
.dualInputContainer .floatedInput input {
    width: 312px;
}
.personalPreferencesSelect {
    padding: 4px;
    color: #999999;
    font-size: 13px;
    line-height: 22px;
    margin-top: 5px;
    width: 322px;
	height: 28px;	
}
.personalPreferencesSelectShort {
    border: 1px #D6D6D6 solid;
    padding: 4px;
    color: #999999;
    font-size: 13px;
    line-height: 22px;
    margin-top: 5px;
    width: 92px;
	height: 28px;	
}
.skybid-passager-container .personalPreferencesSelectShort {
    margin-top: 0;
}
.addFormElement {
    display: block;
    float: left;
    line-height: 17px;
    font-size: 13px;
    font-weight: bold;
    color: #666;
    padding-left: 25px;
    margin-top: 15px;
    background: url('../../Images/manage_account/icons/plus_icon.png') left center no-repeat;
}
.contentv4 .shorterInput .contactDetailsInputField select {
    width: 205px;
    float: left;
}
.employmentTable td {
    vertical-align: top;
}
.contentv4 td.nopadding {
    padding: 0;
}
.postbackButton {
    width: 16px;
    float: right;
    vertical-align: middle;
    padding-top: 11px;
    *padding-top: 7px;
    _padding-top: 0;
}
.contentv4 .postbackButton input {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: 0;
}
#contactDetailsForm form {
    overflow: hidden;
}

div.contactDetailsInputField input,
div.contactDetailsInputField input[type=text] {
    border: 1px #d6d6d6 solid;
    font-size: 13px;
    color: #999;
    background: #fff;
    width: 312px;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    padding-left: 10px;
    vertical-align: middle;
	margin-top: 0px;
}

div.appendingContainerGuest div.floatedInput div.contactDetailsInputField input
{
	width: 225px;
	font-size: 13px;
	height: 26px;
}

div.contactDetailsInputField input.calendarRedeem {
    font-size: 13px;
	height: 26px;
	width: 250px;
}
.contactDetailsInputField select,
.redeemMilesNights select {
    vertical-align: middle;
    border: 1px #d6d6d6 solid;
	float: none;
	border-radius: 0;
}
.contactDetailsInputField textarea {
    border: 1px #d6d6d6 solid;
    font-size: 13px;
    color: #999;
    width: 430px;
    height: 100px;
    padding: 10px;
    resize: none;
    margin-top: 5px;
}
.contactDetailsInputField a {
    text-decoration: underline;
    font-size: 12px;
    line-height: 16px;
    color: #333;
}
.contactDetailsInputField .contactDetailsSelect {
    margin-right: 10px;
}
.termsAgreement {
    margin-top: 20px;
    font-size: 12px;
    color: #666;
}
.termsAgreement a {
    text-decoration: underline;
    color: #666;
}
.termsAgreement a:hover {
    text-decoration: none;
    color: #666;
}
.contactDetailsCheckBoxes {
    margin-top: 5px;
}
.contactDetailsCheckBoxes td {
    margin-right: 10px;
    vertical-align: top;
}
.contactDetailsCheckBoxes td input[type=checkbox],
.contactDetailsCheckBoxes td input[type=radio] {
    margin-top: 2px;
    *margin-top: 0;
}
.selectedRadio {
    margin-left: 25px;
}
.contactDetailsCheckBoxName {
    font-size: 11px;
    color: #333;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 15px;
}
.contactDetailsCheckBoxName label {
    line-height: 1.3;
}
.preferencesCheckBoxName {
    font-size: 11px;
    color: #333;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 15px;
}
.unsubscribeCheckbox {
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 15px;
}
.unsubscribeCheckbox label {
    font-size: 14px;
}
#addPhoneNumber {
    margin-top: 10px;
}
.addPhoneNumberText {
    font-size: 13px;
    font-weight: bold;
    padding-left: 5px;
}
.contactDetailsSelect {
    width: 322px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 28px;
    color: #999;
}
.contactDetailsButtons {
    float: right;
    min-width: 156px;
    _min-width: auto;
}
.contactDetailsButtons a:link,
.contactDetailsButtons a:visited {
    display: block;
    float: left;
    text-decoration: underline;
    font-size: 12px;
    line-height: 16px;
    color: #333;
    margin-right: 20px;
    padding-top: 17px;
}
.contactDetailsButtons a:hover {
    text-decoration: none;
}
.skywardsButton input:hover,
.skywardsButton a:hover {
    color: #c33;
}
.contactDetailsButtons div:first-child {
    float: right;
}
/* Standard Button/LinkButton styles */
.contactDetailsButtons .skywardsButton,
.contactDetailsButtons .skywardsButton input,
.contactDetailsButtons .skywardsButton a { font-size: 12px; text-decoration: none; }
.contactDetailsButtons .skywardsButton a { margin: 0; }
/*.myPreferencesContainer .skywardsButton { min-width: 70px; }
.myPreferencesContainer .skywardsButton a { min-width: 70px; font-size: 15px; }*/
.contactDetailsButtons .skywardsButton input { min-width: 100px; padding: 0; text-indent: 13px; }

/* Vaucher Details Widget */
.retailVoucherTable .jsVersion {
    display: none;
}
.retailVoucherTable .inputQty {
    position: relative;
    width: 85px;
}
div.contentv4 .retailVoucherTable .inputQty input {
    width: 84px;
	height: 26px;
    margin: 0;
	border: 1px solid #d6d6d6;
	padding-left: 5px;
	font-size: 12px;
}
.retailVoucherTable .inputQty span {
    position: absolute;
    display: block;
    height: 9px;
    width: 18px;
    cursor: pointer;
    right: 0;
    text-indent: -9999px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.retailVoucherTable .inputQty span.incrVal {
    top: 5px;
	background-image: url('../../Images/manage_account/redeemMiles/arrow_plus.jpg');
	background-repeat: no-repeat;
}
.retailVoucherTable .inputQty span.decrVal {
    bottom: 5px;
	background-image: url('../../Images/manage_account/redeemMiles/arrow_minus.jpg');
	background-repeat: no-repeat;
}


/* My alerts page */
.alertsList {
    margin-top: 20px;
}
.alertsList h2 {
    margin-bottom: 15px;
}
.alertsList table {
    border: 1px solid #d0cdc6;
    border-bottom: 0;
}
.alertsList th {
    padding: 10px;
    background: #bcb1aa;
    color: #fff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
.alertsList td {
    font-size: 13px;
    padding: 10px 20px;
    padding-right: 0;
    color: #666;
    background: #f4f4f4;
    border-bottom: 1px solid #d0cdc6;
}
.alertsList td p {
    padding-right: 10px;
    line-height: 1.3em;
}
.alertsList td:first-child {
    width: 20px;
}
.alertsList .odd td {
    background: #f6f3f1;
}
.alertsList .even td {
    background: #e0d7d1;
}
.alertBlock {
    height: 31px;
    border: 1px solid #cfcfcf;
    margin-top: 10px;
    background: url('../../Images/manage_account/dashboard/alert-bg.png') repeat-x; 
}

    .alertBlock p {
        line-height: 31px;
        float: left;
        background: url('../../Images/manage_account/dashboard/alarm-clock.gif') no-repeat left center;
        padding-left: 28px;
        margin-left: 5px;
    }

    .alertBlock p a {
        text-decoration: underline;
        color: #333;
    }

    .alertBlock p a:hover {
        text-decoration: none;
        color: #333;
    }

    .alertBlock p img {
       margin: 0 5px;
       vertical-align: sub;
    }

    .alertBlock .btn-close {
        margin-top: 7px;
        float: right;
        text-decoration: underline;
        color: #333;
        font-size: 11px;
    }

    .alertBlock .btn-close:hover {
        text-decoration: none;
        color: #333;
    }

    .alertBlock .btn-close img {
         vertical-align: middle;
         margin: 0 9px 0 6px;
    }
/* Hidden/Visible panels/buttons */
.hiddenPanel .addFormElement,
.hiddenPanel .formSection {
    display: none;
}
.visiblePanel .addFormElement,
.visiblePanel .formSection {
    display: block;
}

/* Refer Friend page */
.friendList {
    margin-top: 15px;
    border: none;
}
.friendList table {
    width: 100%;
    border: 1px solid #d0cdc6;
    border-right: 0;
    border-bottom: 0;
}
.friendList table th {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    width: 90px;
    background: #bcb1aa;
}
.friendList table td,
.friendList table th {
    text-align: center;
    vertical-align: middle;
    padding: 8px 5px;
    border-right: 1px solid #d0cdc6;
    border-bottom: 1px solid #d0cdc6;
}
.friendList .wideColumn {
    width: 180px;
    white-space: nowrap;
}
.friendList table td {
    color: #333;
    font-size: 12px;
    background: #f6f3f1;
}
.friendList table .even td {
    background: #e0d7d1;
}
.friendList table td a {
    font-size: 13px;
    color: #333;
    text-decoration: underline;
    margin: 0 1px 0 0;
    white-space: nowrap;
}
.friendList table td a:hover {
    text-decoration: none;
}
.friendList .totalMilesCount {
    float: right;
    width: auto;
    font-size: 13px;
    color: #999;
    margin-top: 10px;
}
.friendList .totalMilesCount table {
    border: 1px solid #d5d2d0;
    width: auto;
}
.friendList .totalMilesCount td {
    padding: 10px 5px;
    min-width: 70px;
    background: #e2e2e2;
}
.friendList .totalMilesCount td div {
    width: 70px;
    height: 1px;
    font-size: 1px;
    line-height: 1px;
}
.friendList .totalMilesCount .number {
    background: #f8f8f8;
    font-weight: bold;
}
.referFriendForm {
    margin-bottom: -20px;
}
.referFriendForm .contactDetailsButtons {
    margin-top: 20px;
}

/* Progress Bar */
#progressBar {
    height: 50px;
    padding: 13px 14px;
    border-top: 1px solid #999;
    overflow: hidden;
    background: url('../../Images/manage_account/progressBar/bar_background.jpg') top left repeat-x;
}
#progressBar .progressBarText {
    margin-bottom: 8px;
    font-size: 14px;
    color: #1a1a1a;
}
#progressBar .progressBarText a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    text-decoration: underline;
}
#progressBar .progressBarText a:hover {
    text-decoration: none;
}
#progressBar .progressBarContainer {
    overflow: hidden;
    width: 752px;
    background: url('../../Images/manage_account/progressBar/progress_background.gif') top left no-repeat;
}
#progressBar .progressBarFillSeparators {
    position: absolute;
    height: 10px;
    width: 100%;
    background: url('../../Images/manage_account/progressBar/bar_separators.gif') 0px 0px repeat;
}
#progressBar .progressBarFill {
    position: relative;
    margin-top: 1px;
    height: 10px;
    padding: 0;
    overflow: hidden;
}
#progressBar .progressBarFillCap {
    width: 5px;
    height: 10px;
    float: right;
}
.redBar .progressBarFill {
    background: url('../../Images/manage_account/progressBar/bar_fill.jpg') 0px 0px repeat;
}
.redBar .progressBarFillCap {
    background: url('../../Images/manage_account/progressBar/bar_cap.jpg') 0px 0px no-repeat;
}
.silverBar .progressBarFill {
    background: url('../../Images/manage_account/progressBar/bar_fill.jpg') 0px -15px repeat;
}
.silverBar .progressBarFillCap {
    background: url('../../Images/manage_account/progressBar/bar_cap.jpg') 0px -15px no-repeat;
}
.goldBar .progressBarFill {
    background: url('../../Images/manage_account/progressBar/bar_fill.jpg') 0px -31px repeat;
}
.goldBar .progressBarFillCap {
    background: url('../../Images/manage_account/progressBar/bar_cap.jpg') 0px -31px no-repeat;
}
.platinumBar .progressBarFill {
    background: url('../../Images/manage_account/progressBar/bar_fill.jpg') 0px -48px repeat;
}
.platinumBar .progressBarFillCap {
    background: url('../../Images/manage_account/progressBar/bar_cap.jpg') 0px -48px no-repeat;
}
.blueBar .progressBarFill {
    background: url('../../Images/manage_account/progressBar/bar_fill.jpg') 0px -65px repeat;
}
.blueBar .progressBarFillCap {
    background: url('../../Images/manage_account/progressBar/bar_cap.jpg') 0px -65px no-repeat;
}
#progressBar .progressBarInfo ul {
    margin: 0;
    padding: 0;
}
#progressBar .progressBarInfo li {
    display: block;
    float: left;
    width: 80px;
    list-style: none;
    padding-top: 5px;
    font-size: 11px;
}
#progressBar .progressBarInfo .styledWord {
    font-size: 11px;
    font-family: Arial;
    font-weight: bold;
    padding-top: 2px;
}
#progressBar .progressBarInfo li.infoBlue {
    color: #2597d5;
}
#progressBar .progressBarInfo li.infoRed {
    color: #cc0033;
}
#progressBar .progressBarInfo li.infoSilver {
    color: #999999;
    width: 105px;
    text-indent: 15px;
}
#progressBar .progressBarInfo li.infoGold {
    color: #b3882d;
    width: 130px;
    text-indent: 35px;
}
#progressBar .progressBarInfo li.infoPlatinum {
    color: #666666;
    text-indent: 15px;
    width: 107px;
}
#progressBar .progressBarInfo li.infoArrow {
    width: 10px;
}

/* DASHBOARD CONTAINERS */

.dashBoardAlertWrapper {
    background-image: url('../../Images/manage_account/dashboard/dashboard_alert_bg_Bottom.jpg');
    background-repeat: no-repeat;
    background-position: bottom left;
    margin-top: 20px;
    padding-bottom: 4px;
}

.dashBoardAlert {
    background-image: url('../../Images/manage_account/dashboard/dashboard_alert_bg_top.jpg');
    background-repeat: no-repeat;
    width: 732px;
    padding: 8px 10px 6px 40px;
}
.dashBoardAlert a {
    text-decoration: underline;
    color: #333;
    font-weight: bold;
}
.dashBoardAlert a.seeAlertLink {
    float: right;
    margin: 0 0px 10px 20px;
    *margin-bottom: 0px;
}
.dashBoardAlert a:hover {
    text-decoration: none;
    color: #333;
}
.memberDashboardContainer {
    margin-top: 10px;
    margin-bottom: 25px;
}
.dashboardLeft {
    float: left;
}
.dashboardRight {
    float: left;
    padding-left: 15px;
    _padding-left: 10px;
}

/* Marketing Message container */
.makertingMessageBlock {
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 1px solid #ccc;
}

/* Plain table styles */
.plainTable {
    margin-bottom: 25px;
    padding-top: 25px;
    border-top: 1px solid #C4C4C4;
}
.plainTable .plainTableHeading {
    font-size: 12px;
    font-weight: bold;
    padding: 5px 9px;
    _padding-bottom: 3px;
    color: #fff;
    background: #a09e9d;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
}
.plainTable .plainTableHeading span {
    float: left;
    display: block;
}
.plainTable .plainTableHeading a {
    color: #fff;
    text-decoration: underline;
    text-transform: capitalize;
    display: block;
    float: right;
    font-size: 12px;
    font-weight: bold;
}
.plainTable .plainTableHeading a:hover {
    text-decoration: none;
}
.plainTable table {
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.plainTable table td,
.plainTable table th {
    padding: 8px;
    font-size: 12px;
    color: #333;
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
}
.plainTable table th {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #bcb1aa;
    text-align: left;
	white-space: nowrap;
}
.plainTable table .shortCol {
    text-align: center;
    width: 90px;
}
.plainTable .odd td {
    background: #f6f3f1;
}
.plainTable .even td {
    background: #e0d7d1;
}

/* AJAX Loader */
.ajax-loader-background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    background: url('../../Images/manage_account/ajaxLoader/white_dim.png');
}
.ajax-loader-spinner {
    width: 100%;
    height: 100%;
    background: url('../../Images/manage_account/ajaxLoader/ajax-loader.gif') center 30% no-repeat;
}

/* Single Column Pages */
/* Join Emirates page */
.joinEmirates {
    width: 850px;
    padding: 40px 0 20px 0;
    float: right;
    overflow: hidden;
}
.joinEmirates .contentv4 h1 {
    font-size: 30px;
    color: #c33;
}
.joinEmirates .contentv4 p {
    margin-top: 5px;
}
.joinEmirates .contactDetailsContainer {
    padding: 50px 22px 20px 70px;
}
.joinEmirates .contactDetailsCheckBoxes td {
    vertical-align: middle;
}
.joinEmirates .contactDetailsCheckBoxes td input[type=checkbox] {
    margin-top: 0;
}

/* Single SignOn page */
.singleSignOnContainer {
    width: 850px;
    margin-top: 70px;
    margin-bottom: 100px;
    position: relative;
}
.singleTopHeading h3 {
    margin: 0;
    padding: 0;
    color: #333;
    font-size: 18px;
}
.singleTopHeading p {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
    padding-bottom: 5px;
}
.singleSignOn {
    border: 2px #f0eeec solid;
    background: #fff url('../../Images/manage_account/singleSign/single_sign_shadow.jpg') bottom left repeat-x;
    padding: 40px;
    overflow: hidden;
}
.singleSignOn h1 {
    font-size: 31px;
    padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 0;
    color: #333;
}
.singleSignOn .singleSignLeft {
    float: left;
    width: 370px;
    padding: 0 20px 15px 0;
    color: #333;
}
.singleSignOn .singleSignLeft p {
    padding-left: 0;
}
.singleSignOn .contentWrapper {
    border-left: 1px solid #D2D2D2;
    float: left;
    width: 354px;
    _width: 335px;
    padding-left: 20px;
}
.singleSignOn .contentv4 {
    clear: none;
    float: left;
    padding-left: 25px;
    border-left: 1px solid #d3d3d3;
    width: 330px;
}
.singleSignOn .contactDetailsContainer {
    padding: 0;
    margin: 0;
    border: 0;
    color: #333;
    background: none;
}
.singleSignOn .contactDetailsFormTitle {
    margin-top: 0;
}
.singleSignOn .contactDetailsInputField {
    margin-bottom: 20px;
}
.singleSignOn .contactDetailsInputField input {
    width: 341px;
    *width: 335px;
    _width: 320px;
}
.singleSignOn .contactDetailsInputField select {
    height: 28px;
    padding: 4px;
}
.singleSignOn .forgottenPasswordContainer {
    float: left;
    font-size: 11px;
    color: #666;
    width: 100%;
}
.singleSignOn .forgottenPasswordContainer .contactDetailsCheckBoxesContainer {
    /*margin-top: -18px;*/
}
.singleSignOn .contactDetailsCheckBoxes td {
    vertical-align: middle;
}
.singleSignOn .forgottenPasswordContainer .forgottenPassword {
    margin-top: 10px;
}
.singleSignOn .forgottenPasswordContainer a {
    text-decoration: underline;
    color: #666;
}
.singleSignOn .forgottenPasswordContainer a:hover {
    color: #666;
    text-decoration: none;
}
.singleSignOn .forgottenPasswordContainer .contactDetailsButtons {
    width: 120px;
}
.singleSignOn .forgottenPasswordContainer .contactDetailsButtons .skywardsButton {
    float: right;
}
.singleSignOn .contactDetailsButtons {
    min-width: auto;
    /*margin-top: -10px;*/
}
.singleSignOn .error {
    font-size: 11px;
    margin-bottom: 3px;
}
.singleSignOn .captchaContainer {
    margin-bottom: 20px;
}
.singleSignOn .captchaContainer table {
    width: 100%;
}
.singleSignOn .captchaContainer table td {
    vertical-align: middle;
    height: 40px;
}
.singleSignOn .captchaContainer input {
    margin: 0;
    border: 1px #d6d6d6 solid;
    font-size: 13px;
    color: #999;
    background: #fff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
}
/* IE6 FIX */
.singleSignOn .contactDetailsContainer p {
    margin-bottom: 20px;
}
.singleSignOn .contactDetailsContainer .dateOfBirth {
    font-size: 18px;
    margin-top: 5px;
}
.singleSignOn .contactDetailsButtons .skywardsButton {
    min-width: 0px;
    min-width: auto;
}
.singleSignOn .contactDetailsButtons input {
    float: left;
    padding-left: 20px;
    min-width: auto;
    text-indent: 0;
    padding-right: 10px;
    *padding-left: 10px;
    *padding-right: 0px;
}

/* Single Sign On pop-ins */
.popinOpen {
    /*width: 835px;*/
}
.popinOpen .singleSignOn {
    padding: 25px 0 20px 50px;
}
.singleSignPopIn {
    position: relative;
    margin-right: -50px;
}
.singlePopHeading label {
    font-size: 14px;
    color: #333;
}
.singlePopHeading p {
    margin-bottom: 20px;
    font-size: 13px;
    color: #333;
}
.singleSignPopIn .contactDetailsContainer {
    float: left;
    width: 325px;
    padding-right: 60px;
}
.singleSignPopIn .contactDetailsInputField input {
    width: 311px;
}
.singleSignPopIn .contactDetailsInputField td {
    height: 28px;
    vertical-align: middle;
}
.singleSignPopIn .contactDetailsButtons {
    margin-top: 0;
}
.singleSignPopIn .contactDetailsButtons .skywardsButton {
    min-width: auto;
}
.singleSignPopIn .contactDetailsButtons .skywardsButton input {
    min-width: auto;
}
.singleSignOn .closeBtn {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 18px;
    height: 18px;
    z-index:100;
    background: url('../../Images/manage_account/icons/closeBtn.jpg') top left no-repeat;
}
.singleSignOn .personalContactDetailsSelect {
    line-height: 1;
}
.popinOpen .singleSignOn .closeBtn {
    display: block;
}
.sendPassword {
    padding-bottom: 20px;
    padding-top: 20px;
}
.sendPassword .contactDetailsContainer {
    overflow: visible;
}
.sendPassword .contactDetailsButtons {
    float: left;
    margin-left: -3px;
}
.sendPassword .contactDetailsButtons .skywardsButton {
    float: left;
    min-width: auto;
    width: auto;
}
.sendPassword .contactDetailsButtons .skywardsButton input {
    min-width: auto;
}
.singleConfirmation {
    margin: 0;
}
.singleConfirmation table {
    width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
.singleConfirmation td {
    text-align: left;
    vertical-align: middle;
    font-size: 16px;
    padding-left: 120px;
    padding-top: 0px;
    line-height: 1.3;
}
.singleConfirmation td strong {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
}
.singleConfirmation .contactDetailsButtons {
    padding-right: 20px;
    position: absolute;
    bottom: 10px;
    _bottom: 60px;
    right: 10px;
}
/* EK IT STYLES
#singleColumn .singleConfirmation .contactDetailsButtons .skywardsButton {
    min-width: 60px;
}
#singleColumn .singleConfirmation .contactDetailsButtons .skywardsButton input {
    min-width: 63px;
}
*/
/* Login JS Functionality */

.slidesContainer {
    position: relative;
    width: 850px;
    min-height: 300px;
    overflow: hidden;
}
.slidesContainer .singleSignOn{
    min-height: 251px;
}
.step_02,
.step_03 {
    display: none;
    position: absolute;
    width: 850px;
    top: 0;
}
.step_02 {
    left: -850px;
}
.step_03 {
    left: 0;
}
.step_02 .password,
.step_02 .number,
.step_03 .password,
.step_03 .number {
    display: none;
}
.step_02 .password .singleSignOn {
    /*height: 225px;*/
}
/* POP-IN styles */
#sendMembershipNumberModal, #sendPasswordModal {
    display: none;
}

/* Redeem Miles */
.redeemHeading {
    font-size: 18px;
    margin: 8px 0;
    color: #333;
}
.contactDetailsContainer.redeemMilesPages {
    margin-top: 0;
}
.redeemMilesImgText.redeemMilesPagesText {
    padding: 0 0 14px 0;
}
.claimMilesTooltipImg.redeemPageHelp {
    padding-left: 10px;
}
.redeemMilesAgree {
    margin-top: 5px;
}
.redeemMilesAgreeTerms a {
    text-decoration: underline;
    color: #333;
    font-weight: bold;
}
.redeemMilesAgreeTerms a:hover {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}
.redeemMilesImgContainer {
    margin-top: 20px;
}
.redeemMilesImgText {
    padding: 20px;
}
.redeemMilesImgContainer h3 {
    color: #fff;
    font-size: 18px;
}
.redeemMilesImgContainer .titleHoleder {
    float: left;
    margin-left: 27px;
    padding: 0px 10px;
    position: absolute;
}
.redeemMilesImgContainer .titleHoleder td {
    height: 35px;
    vertical-align: middle;
}
.redeemMilesButtons {
    margin-top: 20px;
}
.redeemMilesButtons .skywardsButton input {
    min-width: auto;
    margin-left: 15px;
}
.redeemMilesButtons .skywardsButton {
    float: right;
    font-size: 12px;
    min-width: 70px;
}
.redeemMilesRoaming {
    position: absolute;
    margin-left: 501px;
}
.redeemMilesRoaming2 {
    position: absolute;
    margin-left: 501px;
}
.redeemMilesTitleSelect {
    width: 92px;
    margin-right: 13px;
    float: left;
}
.redeemMilesTitleDelete {
    margin-left: 20px;
    _margin-left: 12px;
    float: left;
}
.redeemMilesDeleteBtn {
    padding-top: 10px;
}
div.appendingContainerGuest div.optInMemberField div.invisible div.redeemMilesDeleteBtn
{
	padding-top: 5px;
}
.hotelConfirmDeleteText {
    margin-top: 15px;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 18px;
}
.deleteAlternateHotel {
	float: right;
	margin-top: -10px;
}
.removeConfirmForm.deleteAlternateHotelMsgArea {
	background-color: #F6F3F0;
	padding-bottom: 20px;
	margin-bottom: 20px;
	width: 690px;
	border-bottom: 1px solid #848484;
	position: static;
}

/* Partner Airlines */

.featuredAirlinesTitle {
	color: #fff;
	font-weight: bold;
	background-color: #a09f9e;
	padding: 6px 8px 6px 8px;
	width: 674px;
	border-right: 1px #c6c4c3 solid;
	margin-top: 10px;
	height: 16px;
}
.featuredAirlinesContent {
	width: 690px;
	background-color: #e4e4e3;
	border-right: 1px #c6c4c3 solid;
	border-bottom: 1px #c6c4c3 solid;
}
.featuredAirlinesImg {
	float: left;
	padding: 15px 15px 0 15px;
}
.featuredAirlinesText {
	float: left;
	width: 450px;
	margin-top: 15px;
}
.featuredAirlinesText p {
	margin-top: -5px;
}
.featuredAirlinesButton {
	margin-right: 10px;
}
.featuredAirlinesButton .skywardsButtonSmall {
    margin-top: -25px;
}

/* Retail and Lifestyle */

.retailVaucherDetailsTitle {
	font-size: 16px;
	font-weight: bold;
}

.retailText1 {
    font-size: 12px;
    color: #333;
    margin-top: 2px;
}
.RetailEdit {
    margin-right: 15px;
}

.retailVoucherTable td,
.retailTotal td {
    border-collapse: collapse;
    padding: 0px 50px 0px 0;
}
.retailVoucherTable td a {
    text-decoration: underline;
	color: #333;
}
.retailVoucherTable td a:hover {
    text-decoration: none;
	color: #333;
}
.retailTableLast {
    text-align: right;
}
.retailVoucherRow td {
    padding: 20px 70px 20px 0;
    border-bottom: 1px solid #B3B1AF;
}
.retailTotal td {
    padding: 20px 70px 20px 0;
    font-weight: bold;
}

.retailTotalAmount {
    float: right;
    margin-left: 30px;
}
.retailTotalWord {
	/* REMOVED AT EK IT
	float: left;
	margin-left: 480px;*/
}

.reviewCarRentalTable td {
	padding-bottom: 20px;
}

/* Donate Miles */

.donateMilesNoMiles h1 {
	margin-top: 20px;
	color: #d71921;
}

.donateMilesAgreement {
	float: right;
	margin-bottom: 20px;
}
.donateMilesAgreement2 {
	float: right;
	margin: -20px 0 20px 0;
}
.donateMilesAgreed {
	margin-top: 5px;
}
.donateMilesAgreed a {
	text-decoration: underline;
	color: #333;
}
.donateMilesAgreed a:hover {
	text-decoration: none;
	color: #333;
}

.donateMilesSeparatorLine hr {
	width: 235px;
	float: right;
	margin: 20px 0 20px 0;
}
.donateMilesContainerLeft {
	width: 400px;
	float: left;
}
.donateMilesContainerLeft p {
	margin: 20px 0 20px 0;
}
.donateMilesContainerRight {
	float: right;
	width: 234px;
}
.donateMilesContainerRightTitle {
	color: #fff;
	font-weight: bold;
	background-image: url('../../Images/manage_account/redeemMiles/donateMilesTitleBg.jpg');
	background-repeat: repeat-x;
	height: 22px;
	width: 224px;
	padding: 7px 0 0 10px;
}
.donateMilesContentRight {
	background-color: #e7e6e6;
	border-right: 1px #c8c5c4 solid;
	border-bottom: 1px #c8c5c4 solid;
}
.donateMilesSocials {
	text-align: right;
	margin-bottom: 15px;
}
.donateMilesSocials a {
	margin-left: 10px;
}
.donateMilesRightLink {
	padding: 15px 0 0px 10px;
}
.donateMilesContentRight a {
	text-decoration: underline;
	color: #333;
	font-size: 11px;
}
.donateMilesContentRight a:hover {
	text-decoration: none;
	color: #333;
	font-size: 11px;
}

.donateMilesConfirm {
	text-align: center;
	padding: 30px 80px 0 80px;
}
.donateMilesConfirm p {
	margin-top: 20px;
}
.donateMilesConfirmShare {
	text-align: center;
}
.donateMilesConfirmShare p {
	margin: 60px 0 10px 0;
	font-weight: bold;
	font-size: 14px;
}
.donateMilesConfirmShare a {
	margin: 5px;
}
.donateMilesOkButton {
	padding: 20px 0 30px 0;
	text-align: center;
	width: 90px;
	margin: 0 auto;
	float: none;
}

/* Vouchers */
.voucherTableBorderRight {
	border-right: 1px solid #B3B1AF;
}
.voucherWorkText {
	float: left;
	width: 220px;
	padding-right: 20px;
	border-right: 1px solid #B3B1AF;
}
.vouchersLists {
	float: left;
	border-left: 1px solid #B3B1AF;
	margin-left: -1px;
}
.vouchersLists ul {
	float: left;
	margin-left: 40px;
	width: 155px;
}
.vouchersLists li {
	padding-bottom: 5px;
}

#voucherDeliveryTable {
	margin-bottom: -20px;
}
#voucherDeliveryTable td {
	padding: 10px 0 10px 10px;
}
.voucherDeliveryRadios .preferencesCheckBoxName {
	padding-right: 20px;
}
.selectedRadio {
	background-color: #F6F3F0;
	/*padding: 10px 0 10px 10px;*/
}
.selectedText {
	background-color: #F6F3F0;
	padding: 10px;
}
.radioLast {
	padding-left: 10px;
}
.preferencesCheckBoxName.selectedLast {
	padding-right: 60px;
}
/* Emirates High Street */

.highStreetLeftContainer {
	float: left;
}
.highStreetRightContainer {
	float: right;
	width: 158px;
	text-align: center;
	background-color: #f6f3f1;
	padding-bottom: 20px;
}

.highStreetRightTitle {
	font-size: 16px;
	font-weight: bold;
	color: #333;
	padding: 20px 0 10px 0;
}
.highStreetLogoContainer {
	padding: 10px 0 10px 0;
}
.highStreetTableList {
	padding-right: 100px;
}
.highStreeetButtonExp {
	float: left;
	margin-top: 20px;
}

/* Open Doors */
.openDoors {
    padding-bottom: 0;
}
.openDoors .commonText {
    padding-bottom: 0;
    width: auto;
}
.floatingWidgetContainer {
    position: relative;
    overflow: visible;
    left: 0;
    width: 100%;
    margin-bottom: 25px;
    z-index: 9000;
}
.openDoorsDropDownField {
	background-color: #ececec;
	margin-top: 20px;
	margin-bottom: -5px;
	padding: 20px;
}
.openDoorsFilters {
    width: 740px;
    background: #ececec;
    padding: 0 20px 20px 20px;
    z-index: 9000;
}
.openDoorsFilters .closeButtons {
    position: relative;
    padding-top: 10px;
    float: right;
}
.openDoorsFilters .closeButtons a {
    display: block;
    float: left;
    line-height: 17px;
}
.openDoorsFilters .closeButtons a.backToTop {
    padding-left: 20px;
    margin-right: 20px;
    color: #666;
    text-decoration: underline;
    background: url('../../Images/manage_account/icons/back_to_top_arrow.gif') left center no-repeat;
}
.openDoorsFilters .closeButtons a.backToTop:hover {
    text-decoration: none;
}
.doorsPartnerList {
    margin-right: -45px;
    overflow: hidden;
}
.doorsPartnerList .offersContainer {
    border: 2px solid #aaaaaa;
    height: 230px;
    margin-right: 38px;
}
.doorsPartnerList .offersContainer a {
    background: none;
    text-align: center;
}
.doorsPartnerList .offersContainer table {
    width: 100%;
    height: 230px;
}
.doorsPartnerList .offersContainer img {
    display: inline;
}
.doorsPartnerList h3 {
    font-size: 16px;
}
.doorsPartnerList .offersContainer td {
    text-align: center;
    height: 90px;
    vertical-align: middle;
}
.doorsPartnerList .offersContainer td.descriptionCell {
    vertical-align: top;
}
.doorsPartnerList .descriptionCell h3,
.doorsPartnerList .descriptionCell p {
    color: #333;
}
.voucherContainer {
    padding-bottom: 20px;
    border-bottom: 1px solid #c4c4c4;
}
.voucherContainer .partnerLogo {
    /*float: left;
    width: 290px;
    padding-top: 40px;*/
    overflow: hidden;
}
.voucherContainer .partnerLogo img {
    float: left;
    padding-right: 80px;
}
.voucherContainer .partnerLogo h1 {
    font-size: 18px;
    padding: 15px 0 10px 0;
}
.voucherContainer .voucherBody {
    /*float: left;
    width: 425px;
    padding-right: 60px;*/
    padding-top: 25px;
}
.voucherContainer .voucherBody .validityFields {
    width: 300px;
    padding-left: 20px;
    float: right;
}
.voucherContainer .voucherBody .validityFields p {
    display: block;
}
.voucherContainer .voucherBody h1 {
    font-size: 18px;
    margin-bottom: 15px;
}
.voucherContainer .voucherBody p {
    margin-bottom: 15px;
    display: inline;
}
.voucherContainer .voucherBody p br {
    line-height: 10px;
    font-size: 10px;
}
.voucherContainer .voucherBody a {
    text-decoration: underline;
    color: #333;
}
.voucherContainer .voucherBody .skywardsButton a {
    text-decoration: none;
}
.voucherContainer .voucherBody a:hover {
    text-decoration: none;
}
.voucherContainer .buttonContainer {
    margin-bottom: 15px;
    overflow: hidden;
}
.forceBrake {
    display: block;
}
#printDetailInfo {
    display: none;
}

/* Miles Accelerator Page */
.contentv4 .expandableBox {
    width: 465px;
    float: left;
    overflow: hidden;
    margin-bottom: 25px;
    margin-top: 10px;
    background: #F6F3F1;
}
.contentv4 .expandedBox {
    background: #F6F3F1;
}
.contentv4 .collapsedBox .expandableBoxContent {
    display: none;
}
.contentv4 .expandableBoxContent {
    padding: 0 20px 10px 20px;
}
.contentv4 .expandableBox .expandableBoxHeading {
    font-size: 16px;
    line-height: 1.3;
    font-weight: bold;
    background: url('../../Images/manage_account/icons/redArrow_right.gif') 20px center no-repeat;
    padding: 20px 20px 20px 42px;
    cursor: pointer;
}
.contentv4 .expandedBox .expandableBoxHeading {
    background: url('../../Images/manage_account/icons/redArrow_down_big.gif') 20px center no-repeat;
}
.contentv4 .expandableBox ol {
    padding-left: 17px;
    margin: 0;
}
.contentv4 .expandableBox ol li {
    list-style: outside decimal;
    color: #c33;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 15px;
}
.contentv4 .expandableBox li span {
    font-weight: normal;
    color: #333;
}
.contentv4 .expandableBox p {
    float: none;
    width: auto;
    margin: 0;
    color: #333333;
    font-weight: normal;
}
.contentv4 .optInBox {
    width: 465px;
    float: left;
    border-top: 1px solid #848484;
    border-bottom: 1px solid #848484;
}
.contentv4 .optInCheckbox {
    width: 465px;
    float: left;
}
.contentv4 .optInCheckbox .error {
    padding-left: 20px;
    *padding-left: 17px;
}
.contentv4 .checkboxCellContainer {
    float: left;
    padding-top: 2px;
    padding-left: 20px;
    *padding-left: 17px;
}
.contentv4 .optInCheckbox .preferencesCheckBoxName label,
.contentv4 .optInCheckbox .preferencesCheckBoxName a {
    float: left;
    color: #333;
    padding-right: 10px;
}
.contentv4 .optInCheckbox .preferencesCheckBoxName {
    float: left;
    width: 85%;
    *padding-top: 4px;
    padding-left: 7px;
}
.contentv4 .optInCheckbox a.arrowLink {
    margin: 0;
    padding-top: 0;
    padding-right: 25px;
    margin-right: 10px;
    font-size: 11px;
    font-weight: normal;
}
.contentv4 .optInBox .checkboxCellContainer {
    text-align: right;
    padding: 8px 5px 0px 20px;
    width: 105px;
}
.contentv4 .optInBox .checkboxCellContainer div.skywardsButton input
{
	padding-left: 0;
	text-indent: 12px;
	min-width: 100px;
}
.contentv4 .optInBox .skywardsButton {
    min-width: 85px;
    float: right;
}
.contentv4 .optInBox .skywardsButton a {
    min-width: 75px;
}
/* FROM EK IT
.contentv4 .optInBox .skywardsButton input {
    min-width: 91px;
}*/

.contentv4 .optInBox .textColumn {
    text-align: left;
    float: left;
    width: 71%;
}
.contentv4 .optInBox .textColumn td {
    padding: 0 5px 0 20px;
    height: 70px;
    vertical-align: middle;
}
.vaucherPrise .donateAmount {
	color: #F6F3F0;
	display: none;
}
.milesAcceleratorSearch .checkBoxRowTitle {
    padding-left: 0px;
    padding-right: 15px;
}
.milesAcceleratorSearch {
    margin-top: 15px;
}
.milesAcceleratorSearch .skywardsButton input {
    min-width: 140px;
}
.milesAcceleratorSearchFields {
    width: 100%;
    margin-top: 5px;
}
.milesAcceleratorSearchFields select.inputSearch
{
	height: 28px;
	margin-top: 5px;
	width: 250px;
	line-height: 28px;
	margin-right: 10px;
}
.milesAcceleratorSearchFields td.personalContactDetailsCalendar div.contactDetailsInputField
{
	padding-top: 0px;
}
/*
.milesAcceleratorSearchFields td input {
    width: 250px;
    border: 1px #D6D6D6 solid;
    font-size: 13px;
    color: #999;
    background: white;
    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    padding-left: 10px;
} */
.milesAcceleratorSearchFields td input[type="text"] {
    width: 250px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D6D6D6;
    color: #999999;
    font-size: 13px;


    height: 26px;
    line-height: 26px;
    margin-right: 10px;
    padding-left: 10px;
}

.smallerInputs td.personalContactDetailsCalendar input[type="text"]
{
	width: 100px;
}
/* OLD STYLES, UPDATED AT EK IT
.milesAcceleratorSearchFields td {
    vertical-align: middle;
    width: 250px;
    padding-top: 10px;
}
.milesAcceleratorSearchFields .personalContactDetailsCalendar {
    padding-left: 0px;
    padding-top: 15px;
    width: 325px;
}*/
.milesAcceleratorSearchFields td {
    vertical-align: top;
    width: 250px;
    padding-bottom: 10px;
}

.milesAcceleratorSearchFields .personalContactDetailsCalendar {
    padding-left: 0px;
	padding-top: 0px;
    width: 325px;
}
td.personalContactDetailsCalendar div.returnToggleDiv
{
	padding-top: 5px;
}

#milesAcceleratorSearchNoBonus {
	margin: auto;
	padding: 40px 90px 70px 100px;
}
#milesAcceleratorSearchNoBonus h2 {
	border-top: none;
	margin-top: 0;
}
#milesAcceleratorSearchNoBonus p {
	font-weight: bold;
	margin-top: 15px;
}
div.contentv4 div.milesAcceleratorSearch h2 {
    padding-top: 25px;
    margin-top: 15px;
    border-top: 1px solid #848484;
}
.milesAcceleratorSearch a {
    color: #333;
    font-weight: bold;
    text-decoration: underline;
}
.milesAcceleratorSearch .skywardsButtonSmall {
    text-decoration: none;
    margin-bottom: 0;
	/* UPDATE AT EK IT */
	margin-bottom: -2px;
}
.milesAcceleratorSearch a:hover {
    text-decoration: none;
}
.milesAcceleratorSearch .plainTable {
    margin-top: 15px;
    padding-top: 0;
    border: none;
}
.milesAcceleratorSearch .plainTable .shortCol {
    text-align: left;
    width: 115px;
}
.milesAcceleratorSearch .plainTable td,
.milesAcceleratorSearch .plainTable th {
    padding-left: 15px;
}
.milesAcceleratorSearch .plainTable span {
    color: #aaa;
}
.milesAcceleratorSearch .searchResultControls {
    background: #e6e4e3;
}
.milesAcceleratorSearch .searchResultControls td {
    padding: 0;
    width: 350px;
}
.optedIn,
.notOptedIn {
    display: block;
}

.optedIn {
    display: none;
}

.searchResultControls td.searchResultSeparator {
    width: 25px;
    border-right: 0;
    text-align: center;
}
.searchResultControls .searchPrevious {
    text-align: right;
    border-right: 0;
}
.searchResultControls a {
    color: #666;
    font-weight: bold;
    text-decoration: none;
}
.searchResultControls a:hover {
    color: #c33;
}
.searchResultControls .searchPrevious a {
    padding-left: 15px;
    background: url('../../Images/manage_account/icons/searchArrowLeft.gif') left center no-repeat;
}
.searchResultControls .searchNext {
    text-align: left;
}
.searchResultControls .searchNext a {
    padding-right: 15px;
    background: url('../../Images/manage_account/icons/searchArrowRight.gif') right center no-repeat;
}
.optInMember .skywardsButtonSmall {
    margin: 0;
}
.optInMember h2, .optInMember p {
    margin-bottom: 10px;
}
.optInMemberField {
    position: relative;
    padding-top: 12px;
    width: 100%;
    padding-bottom: 13px;
}
.optInMemberField .removeConfirmForm {
    top: 3px;
    background: transparent;
    _background: #fff;
}
.optInMemberField .invisible {
    float: left;
}
.optInMember .contactDetailsInputField input,
.optInMember .contactDetailsInputField input[type=text] {
    width: 275px;
}
.optInMember .contactDetailsInputField {
    width: 285px;
    float: left;
}
.optInMemberField .redeemMilesDeleteBtn {
    float: left;
    padding-left: 15px;
}
.optInMemberContainer {
    position: relative;
}
.optInMemberContainer .optInMember {
}

#optInPopin {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9000;
    background-color: #fff;
    margin: 0;
    padding-bottom: 15px;
}
.redeemMilesInfantCheck {
    float: left;
    margin: 0 5px;
    _margin-left: 2;
}
.redeemMilesInfantCheck table tr td {
    height: 37px;
    vertical-align: middle;
    text-align: center;
}
.redeemMilesInfantCheck table tr td input {
    margin-left: 8px;
    _margin-left: 4px;
}
.optedInMessage p {
    margin-bottom: 15px;
}
.optInMember .skywardsButtonSmallNoArrow {
    margin-top: -15px;
}

/* Tier Tracker */
.plainTable2 {
    margin-bottom: 25px;
    padding-top: 25px;
    border-top: 1px solid #C4C4C4;
}
.plainTable2 .plainTableHeading {
    font-size: 12px;
    padding: 5px 9px;
    color: #fff;
    background: #a09e9d;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
}
.tierTrackerContainer {
    margin-bottom: 25px;
    padding-top: 25px;
    overflow: hidden;
    width: 780px;
    position: relative;
}
.tierTrackerSummary {
    font-size: 12px;
    padding: 5px 9px;
    color: #fff;
    background: #a09e9d;
    border: 1px solid #ccc;
    border-bottom: 0;
    overflow: hidden;
}
.tierTrackerCellsWrapper {
    border-left: 1px solid #d0d0d0;
}
.tierTrackerContainerCell {
	float: left;
    position: relative;
    cursor: pointer;
}
.tierTrackerCells {
    overflow: hidden;
    position: relative;
}
.tierTrackerContainerCell.current .tierTrackerDate {
	background-color: #8c7d74;
}
.tierTrackerCurrent {
    width: 59px;
    height: 27px;
    position: absolute;
    background: url('../../Images/manage_account/tierTracker/tier_tracker_current_bg.gif') top center no-repeat;
}
.tierTrackerDate {
    position: relative;
	width: 59px;
	height: 18px;
	padding-top: 2px;
	color: #fff;
	font-weight: bold;
	background-color: #bdb4af;
	text-align: center;
	border-right: 1px solid #d0d0d0;
}
.tierTrackerCell {
	width: 59px;
	height: 98px;
	font-size: 11px;
	text-align: center;
	border-right: 1px solid #d0d0d0;
	color: #333;
	background-color: #efefef;
}
.tierTrackerCell table {
	height: 95px;
    width: 59px;
}
.tierTrackerCell.firstCell {
	border-left: 1px solid #D0D0D0;
	width: 58px;
}
.tierTrackerCell.blue {
	color: #fff;
	background-image: url('../../Images/manage_account/tierTracker/blue_tier_tracker.jpg');
	background-repeat: no-repeat;
}
.tierTrackerCell.silver {
	color: #fff;
	background-image: url('../../Images/manage_account/tierTracker/silver_tier_tracker.jpg');
	background-repeat: no-repeat;
}
.tierTrackerCell.gold {
	color: #fff;
	background-image: url('../../Images/manage_account/tierTracker/gold_tier_tracker.jpg');
	background-repeat: no-repeat;
}
.tierTrackerCell.platinum {
	color: #fff;
	background-image: url('../../Images/manage_account/tierTracker/platinum_tier_tracker.jpg');
	background-repeat: no-repeat;
}
.tierTrackerCellName {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
    height: 38px;
	vertical-align: middle;
}
.tierTrackerCellMilesEarned {
	vertical-align: bottom;
    padding-top: 20px;
    background: url('../../Images/manage_account/tierTracker/tier_tracker_plane_dark.png') top center no-repeat;
}
.futureFlight .tierTrackerCellMilesEarned {
    background: url('../../Images/manage_account/tierTracker/tier_tracker_plane_mid.png') top center no-repeat;
}
.silver .tierTrackerCellMilesEarned {
    background: url('../../Images/manage_account/tierTracker/tier_tracker_plane_white.png') top center no-repeat;
}
.emptyCell .tierTrackerCellMilesEarned {
    background: none;
}
.tierTrackerCellMilesEarned.text {
	margin-top: 20px;
}
.tierTrackerCellMilesEarned.current2 {
	margin-top: 12px;
	font-weight: bold;
	font-size: 12px;
}
.tierTrackerDot {
	padding-top: 40px;
}
.tierTrackerInfoField {
	background-color: #f7f7f7;
	border: 1px solid #bcbcbc;
}
.tierTrackerInfoField table {
	height: 55px;
}
.tierTrackerInfoField table td {
	padding-left: 20px;
}
.tierTrackerFieldDate {
	font-weight: bold;
	color: #8c7d74;
}
.tierTrackerFieldText {
	color: #7a7979;
}
.tierTrackerFieldText a {
	color: #cc3333;
	text-decoration: underline;
}
.tierTrackerFieldText a:hover {
	text-decoration: none;
}
.tierTrackerSlider {
	height: 27px;
	background-image: url('../../Images/manage_account/tierTracker/sliderbg_tier_tracker.jpg');
	background-repeat: repeat-x;
	padding-top: 4px;
}
.tierTrackerControls {
	width: 100px;
    margin: auto;
    overflow: hidden;
}
.tierTrackerControls a {
    display: block;
    width: 19px;
    height: 18px;
    text-indent: -9999px;
}
.tierTrackerLeftArrow {
	float: left;
    background: url('../../Images/manage_account/tierTracker/leftarrow.png') center center no-repeat;
}
.tierTrackerRightArrow {
	float: right;
	background: url('../../Images/manage_account/tierTracker/rightarrow.png') center center no-repeat;
}
.leftInactive {
	float: left;
    background: url('../../Images/manage_account/tierTracker/leftarrow_inactive.png') center center no-repeat;
}
.rightInactive {
	float: right;
	background: url('../../Images/manage_account/tierTracker/rightarrow_inactive.png') center center no-repeat;
}
.tierTrackerOverlay {
    background: url('../../Images/manage_account/opacityBackground_light.png');
    display: none;
    z-index: 10;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.activeCell {
    position: absolute;
    z-index: 100;
    border: 1px solid #fff;
    border-bottom: #f7f7f7;
    background: url('../../Images/manage_account/tierTracker/tier_tracker_side_shadows.png') left top repeat-y #fff;
}
.activeCell .tierTrackerCell {
    border: none;
    padding-bottom: 2px;
}
.activeCell .tierTrackerDate {
    border: none;
}
.rightBorderFix {
    height: 119px;
    width: 1px;
    background: #d0d0d0;
    position: absolute;
    right: 0;
    top: 52px;
}
/* Contact Us Page */
.contactUsLinkArea {
	padding: 10px 20px 10px 20px;
	margin-top: 20px;
	background: #f8f8f8;
}
.contactUsLinks a {
	text-decoration: underline;
	color: #333;
}
.contactUsLinks a:hover {
	text-decoration: none;
	color: #333;
}
.ContactUsbuttonContainer {
	float: right;
	margin-top: 20px;
}
.ContactUsbuttonContainer .skywardsButton {
    min-width: 130px;
}
.ContactUsbuttonContainer a {
	margin-left: 20px;
	min-width: 80px;
}

/*** Plan&Book Widget ***/

input, select {
    outline: 0;
}

#planBook {
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    position: fixed;
    width: 100%;
    height: 170px;
    top: -5px;
    background: url('../../Images/manage_account/homepage/homePlanBookBg.png') repeat-x;
    z-index: 9999;
    color: #333;
}
.redeemPlanBook {
    height: 165px;
    background-position: 50px 50px;
}
.redeemPlanBook .skywardsButtonSmall {
    margin: 30px 3px 0 0;
    padding-right: 20px;
    /*_margin-top: -35px;*/
}
.redeemPlanBook .skywardsButtonSmall input {
    padding-right: 5px;
}
.redeemPlanBook .planBookSearchBy {
    margin-left: 30px;
}
.redeemPlanBook .rowRightside {
    margin-left: 30px;
}
#planBook #backToTop {
    position: absolute;
    top: 0;
    right: 30px;
    cursor: pointer;
}
#planBook #backToTop img {
    width: 80px;
    height: 30px;
}
#planBook #closeWidget img {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 40px;
    cursor: pointer;
}
#planBook .widgetWrapper {
    width: 980px;
    margin: 0 auto;
    position: relative;
}

.homePlanBookContainer {
    height: 141px;
    /*padding-left: 15px;*/
    padding-top: 20px;
}

.homePlanBookContainer .topWrapper {
    overflow: hidden;
    zoom: 1;
}
.homePlanBoookTitle {
    float: left;
    margin-right: 28px;
}
.homePlanBoookTitle h4 {
    font-size: 24px;
    color: #333;
}
.homePlanBoookTitle p {
    font-size: 11px;
    font-weight: bold;
    line-height: 30px;
}
.homePlanBookRadioButtons {
    float: left;
    background: url('../../Images/manage_account/homepage/homePlanBookRadiosBg.jpg') repeat-x;
    width: 146px;
    height: 29px;
    margin-right: 10px;
    /*padding-left: 10px;*/
    color: #fff;
    font-size: 11px;
    padding-top: 1px;
}

.homePlanBookRadioButtons table tr td {
    height: 20px;
    vertical-align: middle;
    padding: 4px 0 0 4px;
}

.homePlanBookRadioButtons table tr td input {
    margin-top: -2px;
}

.linkMoreBookingOptions {
    float: left;
    margin-top: 10px;
}

.linkMoreBookingOptions a {
    color: #c00;
    text-decoration: underline;
    font-size: 11px;
}

.linkMoreBookingOptions a:hover {
    text-decoration: none;
}

.homePlanBookNav {
    float: right;
    /*margin-right: 20px;*/
}

.homePlanBookNav table td {
    vertical-align: middle;
    padding: 0 5px 0 5px;
}

.homePlanBookNav a {
    color: #333;
    font-size: 12px;
    text-decoration: underline;
}

.homePlanBookNav a:hover {
    text-decoration: none;
}
.row {
    margin-top: 12px;
    overflow: hidden;
    zoom: 1;
}

.row label {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    padding: 0 5px 0 10px;
    line-height: 2;
    vertical-align: middle;
    text-align: right;
}
.carForm .row label.carRentalCompany,
.carForm .row label.pickUpLocation {
    line-height: 1.1;
}
.subRow select {
    width: 46px;
    background-color: white;
    padding: 3px 4px 3px 5px;
    width: auto;
}

.passengers {}
.passengers td {
    /*height: 32px;*/
    vertical-align: top;
}
.passengers .passengerNumber label {
    padding-left: 0;
}
.passengers .passengerNumber select {
    margin-right: 10px;
}

.help {
    margin-top: 3px;
    height: 16px;
    width: 16px;
    float: left;
}
.rowLeftSide {
    float: left;
    margin-right: 20px;
    width: 480px;
}
.rowRightside {
    float: left;
    width: 330px;
    overflow: hidden;
    zoom:1;
}
.skywardsButtonSmall,
div.homeWidget .form-btn {
    float: right;
    display: block;
    margin-top: 20px;
    padding-right: 26px;
    _padding-right: 14px;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_right.png") top right no-repeat;
    font-weight: bold;
    color: #333333;
    overflow: hidden;
    cursor: pointer;
}
.skywardsButtonSmall span,
.skywardsButtonSmall input {
    margin: 0;
    border: 0;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    text-align: left;
    padding-left: 16px;
    background: url("../../Images/manage_account/myStatement/customBtn/customBtnSmall_left.png") top left no-repeat;
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    font-family: arial, sans-serif;
    cursor: pointer;
}
.skywardsButtonSmall input {
    padding-top: 0;
    text-align: center;
    /* ie6/7 */
    *height: 33px;
    *padding: 0;
    *padding-left: 5px;
}
/* IE 9 FIX of button */
@media screen and (min-width:0\0) {
    .skywardsButtonSmall input {
        padding-top: 2px;
    }
}
.skywardsButtonSmall:hover span,
.skywardsButtonSmall:hover a,
.skywardsButtonSmall:hover input {
    color: #cc3333;
}
.skywardsButtonSmall:hover {
    color: #CC3333;
}
.planBookTable td {
    height: 23px;
    vertical-align: middle;
    padding-bottom: 5px;
}

.planBookTable input,
.planBookTable select,
.planBookTable label{
    float: none!important;
}
.planBookTable label {
    margin-top: 2px;
}
.planBookTable input {
    width: 106px;
    margin: 0;
    padding: 4px 4px 4px 5px;
    height: 13px;
    line-height: 13px;
    border: 1px solid #999;
    background-color: white;
    color: #666;
}

/*#ddlFlightScheduleDeparture-suggest {
    width: 50px;
}*/
.planBookSearchBy div {
    float: left;
    padding: 6px 3px 0 3px;
}
.planBookSearchBy label {
    padding-left: 0;
    font-weight: normal;
    color: #333;
}
.planBookSearchBy {
    margin-top: 5px;
    overflow: hidden;
    zoom: 1;
    /*margin-top: 38px;*/
}

.searchBy {
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 5px 0 0;
    _margin-top: 4px;
}

.searchByLabel,
.searchByLabel label{
    font-size: 11px;
    line-height: 14px;
    _margin-top: 2px;
    color: #554433;
}

.searchByRadio {
    padding: 6px 3px 0 3px;
}
.promoCode {
    margin-top: 5px;
    overflow: hidden;
    zoom: 1;
}
.promoCode table td {
    vertical-align: top;
}
.promoCode input {
    margin: 0 10px 0 0;
    height: 13px;
    line-height: 13px;
}
.promoCode label {
    padding-left: 0;
}

.findFlightSubmit {
    float: right;
    border: medium none;
    background-image: url('../../Images/manage_account/homepage/find_flight_btn.gif');
    background-repeat: repeat-x;
    cursor: pointer;
    display: block;
    height: 33px;
    color: #fff;
    padding: 0 10px 0 10px;
    margin-right: 50px;
    margin-top: 5px;
}
/* Copied Script - emirates.com */

.clearBoth {
    clear: both;
    height: 0;
    margin: 0;
    overflow: hidden;
}

.calendar-holder {
    position: relative;
    /*float: left;*/
}
.calendar-holder input[type="text"] {
    width: 85px;
}

.row input[type="text"],
select {
    background-color: white;
    color: #666;
    font-size: 10px;
    float: left;
    border: 1px solid #999;
    padding: 4px 4px 4px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*width: 100px;*/
}

.calendar-holder .img_mid {
    height: 14px;
    /*margin-top: -7px;*/
    overflow: hidden;
    position: absolute;
    right: 9px;
    top: 4px;
    width: 14px;
}
img {
    border: 0 none;
}
/* End of Copied Script - emirates.com */
/* End Book Widget */
.error.errorMsg {
    display: block;
    color: #c33;
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;  
}

/* WCAG Phuc Ha - Fix 5547 */
.heroHeader .cugo-text{
    margin: 0;    
    line-height: 1.3;
    font-weight: normal;
    color: #fff;
    font-size: 30px;
    padding-left: 10px;
    bottom: 0px;
    z-index: 3;
    position: absolute;
    font-family: 'EmiratesSM';  
    font-style: normal;
}
/* WCAG Phuc Ha - Fix 5547 - End */