div.ribbonBox {
    width: 416px;
    padding: 10px 0;
    margin-bottom: 1em;
    color: #ffffff;
}


div.ribbonBox img.ribbonBoxTop {
    position: absolute; top: 0; left: 0;
}

div.ribbonBox table {
	width:405px;
}

div.ribbonBox div.ribbonBoxContent {
    background: #56a2c6 url(/images/graphics/about/ribbonBoxMiddle.gif) 0 10px no-repeat;
}

div.ribbonBoxContent img.ribbonBoxGradient {
    width: 100%; height: 100%;
    position: absolute; left: 0; top: 0;
    background: transparent none;
    z-index: 0;
}

div.ribbonBoxContent * {
    position: relative;
    z-index: 1;
}

div.ribbonBox img.ribbonBoxBottom {
    position: absolute; bottom: 0; left: 0;
}

/**/
div.ribbonBox400 {
    width: 400px;
	height:320px;

    padding: 10px 0;
    margin-bottom: 1em;
    color: #ffffff;
	background: url(/images/content/about/miles/box_gradients.png) 0 0px no-repeat;
}

div.ribbonBox285 {
    width: 400px;
	height:285px;

    padding: 10px 0;
    margin-bottom: 1em;
    color: #ffffff;
	background: url(/images/content/about/miles/box_gradients_285.png) 0 0px no-repeat;
}


div.ribbonBox400Content * {
    position: relative;
    z-index: 1;
}

/**/
div.ribbonBoxWide {
    width: 683px;
    padding: 10px 0;
    margin-bottom: 1em;
    color: #ffffff;
}

div.ribbonBoxWide a {
    color: #ffffff;
}

div.ribbonBoxWide img.ribbonBoxWideTop {
    position: absolute; top: 0; left: 0;
}

div.ribbonBoxWideContent img.ribbonBoxGradient {
    width: 100%; height: 100%;
    position: absolute; left: 0; top: 0;
    background: transparent none;
    z-index: 0;
    display: none;
}

div.ribbonBoxWideContent * {
    position: relative;
    z-index: 1;
}

div.ribbonBoxWide div.ribbonBoxWideContent {
    background: #56a2c6 url(/images/graphics/about/ribbonBoxMiddle.gif) 0 37px no-repeat;
    border-left: 2px solid #56a2c6;
    border-right: 2px solid #56a2c6;
}

div.ribbonBoxWide img.ribbonBoxWideBottom {
    position: absolute; bottom: 0; left: 0;
}

* html div.ribbonBoxContent, * html div.ribbonBoxWideContent {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/graphics/about/ribbonBoxGradient.png', sizingMethod='scale');
    background: #56a2c6 none;
    position: static;
}

* html div.ribbonBoxContent img.ribbonBoxGradient, * html div.ribbonBoxWideContent img.ribbonBoxGradient {
    display: none;
}

div#lightBlueBox {
    width: 415px;
    padding: 9px 0;
    margin-bottom: 1em;
}

div#lightBlueBox img#lightBlueBoxTop {
    position: absolute; top: 0; left: 0;
}

div#lightBlueBoxMiddle {
    padding: 1em 17px;
    background: #b2d0df none;
}

table#generalBody td#generalBodyBWide div#lightBlueBoxMiddle p, table#generalBody td#generalBodyBWide div#lightBlueBoxMiddle ul {
    padding-right: 0;
}

table#generalBody td#generalBodyBWide ul ul {
	padding-right:0;
	list-style:circle;
	list-style-position:inherit;
}

div#lightBlueBox img#lightBlueBoxBottom {
    position: absolute; bottom: 0; left: 0;
}

div.toolbarWide {
    width: 682px;
    padding: 10px 0;
    margin-bottom: 1em;
    color: #ffffff;
}

div.toolbarWide img.toolbarWideTop {
    position: absolute; top: 0; left: 0;
}

div.toolbarWideContent img.toolbarGradient {
    width: 100%; height: 100%;
    position: absolute; left: 0; top: 0;
    background: transparent none;
    z-index: 0;
}

div.toolbarWideContent * {
    position: relative;
    z-index: 1;
}

div.toolbarWide div.toolbarWideContent {
    background: #56a2c6 url(/images/graphics/about/ribbonBoxMiddle.gif) 0 37px no-repeat;
    border-left: 2px solid #56a2c6;
    border-right: 2px solid #56a2c6;
}

div.toolbarWide img.toolbarWideBottom {
    position: absolute; bottom: 0; left: 0;
}

ul.actionLinks {
    margin: 0 0 1em 0; padding: 0;
    list-style-type: none;
}

ul.actionLinks li {
    background: transparent url(/images/graphics/news/subnav/activeArrow.gif) 0 50% no-repeat;
    padding: 0 0 0 12px;
    margin: 0;
}

ul.actionLinks li a {
    color: #238dbc;
}

td#generalBodyB .noscript, td#generalBodyBWide .noscript {
    display: block;
}

/**
 * /about/why
 */
span.whyBenefitsHeading, span.whyAgreementsHeading, span.whyConnectionsHeading {
    display: block;
    cursor: pointer;
    text-decoration: underline;
}

div.whyBenefitsBox, div.whyAgreementsBox, div.whyConnectionsBox {
    background: #d3e4ec none;
    margin: 2px 0;
    padding: 2px;
    display: none;
}

div.whyBenefitsBox ul, div.whyBenefitsBox p, div.whyAgreementsBox ul, div.whyAgreementsBox p, div.whyConnectionsBox ul, div.whyConnectionsBox p {
    margin-top: 0;
}

table#generalBody td#generalBodyBWide,
table#generalBody td#generalBodyBWide p,
table#generalBody td#generalBodyBWide ul {
    padding-right: 10px;
}

iframe#whyDestinationsMap {
    border: none;
}

p#whyLoungesSelection {
    display: none;
}

div.whyLoungesBox {
    display: none;
}

noscript div.whyLoungesBox {
    display: block;
}

table.whyLoungesTable {
    width: 658px;
    margin: 0 auto;
    font-size: 0.93em;
}

table.whyLoungesTable th {
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    padding: 10px 4px;
    border-right: 1px solid #a8d1e3;

}

table.whyLoungesTable th.whyLoungesTableA, table.whyLoungesTable th.whyLoungesTableB, table.whyLoungesTable th.whyLoungesTableC {
    text-align: left;
}

table.whyLoungesTable tr.even {
    background-color: #72b5d0;
}

table#generalBody table.whyLoungesTable td {
    text-align: center;
    vertical-align: top;
    padding: 4px;
    border-right: 1px solid #a8d1e3;
}

table#generalBody table.whyLoungesTable td img {
    display: inline;
}

table#generalBody table.whyLoungesTable td.whyLoungesTableB, table#generalBody table.whyLoungesTable td.whyLoungesTableC, table#generalBody table.whyLoungesTable td.whyLoungesTableD {
    vertical-align: middle;
}

table#generalBody table.whyLoungesTable td.whyLoungesTableA, table#generalBody table.whyLoungesTable td.whyLoungesTableB, table#generalBody table.whyLoungesTable td.whyLoungesTableC {
    text-align: left;
}

table#generalBody table.whyLoungesTable td.whyLoungesTableH, table.whyLoungesTable th.whyLoungesTableH {
    border-right: none;
}

table#generalBody table.whyLoungesTable td.whyLoungesTableE, table#generalBody table.whyLoungesTable td.whyLoungesTableF, table#generalBody table.whyLoungesTable td.whyLoungesTableG, table#generalBody table.whyLoungesTable td.whyLoungesTableH {
    vertical-align: middle;
}


table.whyLoungesTable td.whyLoungesTableB, table.whyLoungesTable td.whyLoungesTableC {
    width: 70px;
}

table.whyLoungesTable td.whyLoungesTableD, table.whyLoungesTable td.whyLoungesTableE, table.whyLoungesTable td.whyLoungesTableF {
    width: 50px;
}

table.whyLoungesTable td.whyLoungesTableG, table.whyLoungesTable td.whyLoungesTableH {
    width: 75px;
}

dl#whyConnections dd {
    margin-bottom: 1em;
}

p#whyLoyaltySelect {
    display: none;
}

table.whyLoyaltyTable {
    width: 411px;
}

table.whyLoyaltyTable a {
    color: #ffffff;
}

table.whyLoyaltyTable td {
    text-align: center;
    width: 131px;
    padding-top: 1em;
}

table.whyLoyaltyTable td.whyLoyaltyTableA {
    padding-left: 50px;
}

table.whyLoyaltyTable td.whyLoyaltyTableB {
    padding-left: 49px;
    padding-right: 50px;
}


table#aboutMiles {
    width: 400px;
    margin: 0 auto;
    font-size: 0.93em;
}

table#aboutMiles th {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px 5px;
}

table#aboutMiles th.milesBenefitsA {
    text-align: left;
    border-right: 1px solid #a8d1e3;
}

table#aboutMiles th.milesBenefitsB, table#milesBenefits td.milesBenefitsA, table#milesBenefits td.milesBenefitsB {
    border-right: 1px solid #a8d1e3;
}


table#aboutMiles tr.even {
    background-color: #72b5d0;
}

table#aboutMiles td {
    text-align: center;
    padding: 5px;
}

table#aboutMiles td img {
    display: inline;
}

table#aboutMiles td.milesBenefitsA {
    text-align: left;
}

table#milesBenefits {
    width: 400px;
    margin: 0 auto;
    font-size: 0.93em;
}

table#milesBenefits th {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px 5px;
}

table#milesBenefits th.milesBenefitsA {
    text-align: left;
    border-right: 1px solid #a8d1e3;
}

table#milesBenefits th.milesBenefitsB, table#milesBenefits td.milesBenefitsA, table#milesBenefits td.milesBenefitsB {
    border-right: 1px solid #a8d1e3;
}


table#milesBenefits tr.even {
    background-color: #72b5d0;
}

table#milesBenefits td {
    text-align: center;
    padding: 5px;
}

table#milesBenefits td img {
    display: inline;
}

table#milesBenefits td.milesBenefitsA {
    text-align: left;
}


table#milesBenefits650 {
    width: 650px;
    margin: 0 auto;
    font-size: 0.93em;
}

table#milesBenefits650 th {
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;
    padding: 10px 5px;
}

table#milesBenefits650 th.milesBenefitsA {
    text-align: left;
    border-right: 1px solid #a8d1e3;
}

table#milesBenefits650 th.milesBenefitsB, table#milesBenefits650 td.milesBenefitsA, table#milesBenefits650 td.milesBenefitsB {
    border-right: 1px solid #a8d1e3;
}


table#milesBenefits650 tr.even {
    background-color: #72b5d0;
}

table#milesBenefits650 td {
    text-align: center;
    padding: 5px;
}

table#milesBenefits650 td img {
    display: inline;
}

table#milesBenefits650 td.milesBenefitsA {
    text-align: left;
}


p#milesStatusSelect {
    display: none;
}

div.milesStatusBox {
    display: none;
}

table.milesStatus {
    width: 100%;
    margin: 0 auto;
    font-size: .93em;
}

table.milesStatus th {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 0;
    border-right: 1px solid #a8d1e3;
}

table.milesStatus th.milesStatusA img {
    display: inline;
}

table.milesStatus td {
    text-align: center;
    padding: 5px;
    border-right: 1px solid #a8d1e3;
}

table.milesStatus td.milesStatusD, table.milesStatus th.milesStatusD {
    border-right: none;
}

table.milesStatus th.milesStatusA, table.milesStatus td.milesStatusA {
    width: 100px;
}

table.milesStatus th.milesStatusC, table.milesStatus td.milesStatusC, table.milesStatus th.milesStatusD, table.milesStatus td.milesStatusD {
    width: 75px;
}

table.milesStatus td img {
    display: inline;
}


/**
 * /about/products
 */
table.productsFareChart {
    width: 398px;
    margin: 0 auto;
}

table.productsFareChart th {
    vertical-align: middle;
    text-align: center;
    padding: 3px;
}

table.productsFareChart th.productsFareChartHead {
    padding-bottom: 0.5em;
}

table.productsFareChart th.productsFareChartA, table.productsFareChart th.productsFareChartB2 {
    border-right: 1px solid #a8d1e3;
}

table.productsFareChart tr.even td {
    background-color: #72b5d0;
}

table.productsFareChart td {
    vertical-align: top;
    text-align: center;
    padding: 3px;
}

table.productsFareChart td.productsFareChartA, table.productsFareChart td.productsFareChartB {
    border-right: 1px solid #a8d1e3;
}

/**
 * /about/travelhelp
 */
span.travelhelpIndexHeading {
    display: block;
    cursor: pointer;
    text-decoration: underline;
}


span.faqHeading {
    display: block;
    cursor: pointer;
    text-decoration: underline;
}

div.faqBox {
    background: #d3e4ec none;
    margin: 2px 0;
    padding: 2px;
    display: none;
}

noscript div.faqBox {
    display: block;
}

div.faqBox ul, div.faqBox p {
    margin-top: 3;
}
div.travelhelpIndexBox {
    background: #d3e4ec none;
    margin: 2px 0;
    padding: 2px;
    display: none;
}

noscript div.travelhelpIndexBox {
    display: block;
}

div.travelhelpIndexBox ul, div.travelhelpIndexBox p {
    margin-top: 0;
}

table#travelhelpInfoTable {
    width: 415px;
}

table#travelhelpInfoTable td.travelhelpInfoA, table#travelhelpInfoTable td.travelhelpInfoB, table#travelhelpInfoTable td.travelhelpInfoNote{
    padding-bottom: 1em;
}

table#travelhelpInfoTable td.travelhelpInfoA {
    width: 202px;
    padding-right: 10px;
    font-weight: bold;
}

table#travelhelpInfoTable td.travelhelpInfoB {
    width: 213px;
}

table#travelhelpInfoTable td.travelhelpInfoB select {
    width: 213px;
    font-size: 0.93em;
}

table#travelhelpInfoTable td.travelhelpInfoNote {
    font-size: smaller;
    padding-right: 80px;
}

div#travelFormError, table#travelhelpInfoTable tr.travelhelpInfoError {
    display: none;
}

div#travelFormError {
    color: red;
}

table#travelhelpInfoTable td.travelhelpInfoError {
    color: red;
}

ul.travelhelpFaq {
    list-style-type: none;
    margin-left: 0; margin-right: 0;
    padding: 0;
}

ul.travelhelpFaq li {
    margin-bottom: 0.25em;
}

dl.travelhelpFaq dt {
    font-weight: bold;
}

dl.travelhelpFaq dd {
    margin: 0 0 1em 0;

}

table#generalBody td#generalBodyB div.ftnt, table#generalBody td#generalBodyBWide div.ftnt {
    font-size: .83em;
}