.exchange-white-border { border:2px solid #e3e3e3; background-color:#fff; border-radius:3px; padding:19px;  }
.exchange-left-menu { width:196px; font-family:Arial, Helvetica, sans-serif; }
.exchange-left-menu span{border-top: 1px solid #D2D2D2; color: #333333; display: block; font-weight: bold; padding: 16px 0 16px 26px; text-transform: uppercase; background-image:url('exchangeSprite.png'); background-repeat:no-repeat; background-position:0px -125px;}
.exchange-left-menu span.active{background-position:0px -56px;}
.exchange-left-menu span.done{background-position:0px 12px;}
.Exchange-blue-Heading { background-color:#046792; padding:9px 6px; text-align:center; font-size:24px; color:#fff; font-family:'Open Sans',sans-serif; font-weight:bold; }
.Exchange-btn-large { color: #FFFFFF; text-decoration: none !important; }
.Exchange-btn-green {
    background-color: #187522 !important;
    background-image: linear-gradient(#20972C, #187522);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
}

.Exchange-btn-grey {
    background-color: #cfcfcf !important;
    background-image: linear-gradient(#c7c6c6, #cfcfcf);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    color: #000000;
}

.Exchange-btn-small {
    font-size:15px !important;
    font-weight: 700;
    line-height: inherit;
    padding: 10px 12px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
    text-transform: uppercase;
}

.Exchange-btn-large {
    font-size: 20px;
    font-weight: 700;
    line-height: inherit;
    padding: 10px 0;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.23);
    text-transform: uppercase;
    width: 260px;
}
.Exchange-btn {
    background-position: 0 -15px;
    background-repeat: repeat-x;
    border: medium none;
    box-shadow: none;
    transition: all 200ms linear 0s;
    z-index: 1000 !important;  cursor: pointer; display: inline-block; vertical-align: middle; text-align:center;
 border-radius: 3px 3px 3px 3px;
}
.Exchange-buttonDiv { padding:12px 0 12px 0; text-align:center}
.Exchange-btn:hover { background-position:0px -30px}
.Exchange-Orange-Notice{ background-color:#d54013; border-radius:6px; padding:19px; color:#fff; font-size:11px; } 
.exchange-form.label { display:block; font-size:13px; color:#0D0D0D; padding:0px; text-transform:none; margin:15px 0 7px;  }
.exchange-form.form { display:block; }
.force_exchange-form { border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block; font-size: 14px;
    height: 20px; line-height: 20px; margin-bottom:2px; padding: 4px 6px; vertical-align: middle;  border: 1px solid #CCCCCC;
    }
.exchange-form.form input[type="text"], select  { border-radius: 4px 4px 4px 4px; color: #555555; display: inline-block; font-size: 14px;
    height: 20px; line-height: 20px; margin-bottom:2px; padding: 4px 6px; vertical-align: middle;  border: 1px solid #CCCCCC;}
select {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    width: 245px; height:30px; font-size:15px;
}
.Exchange-Labels {}
.Exchange-Labels label { font-size:46px; font-weight:bold; display:block;}
.Exchange-Labels.Green { background-color:#2a840f; padding:12px; color:#fff; font-size:12px;}
.Exchange-Labels.blue { background-color:#043347; padding:12px; color:#fff; font-size:12px;}

.exchange-form { }
.exchange-form.labelgrey { display:block; font-size:11px; color:gray; padding:0px; text-transform:none; margin:9px 0 4px;  }
.exchange-form.note { display:block; font-size:11px; color:#CC0000; padding:0px; text-transform:none; margin:0px 0 4px; font-weight:bold;  }
.exchange-form.errors { display:block; font-size:12px; color:#CC0000; padding:0px; text-transform:none; margin:24px 0 4px; font-weight:bold;  }
.exchange-margins { margin:16px 0 16px 0}
.Exchange-Big { font-size:13px;}
.exchange-form.greylabel { display:block; font-size:15px; color:#0D0D0D; padding:9px; text-transform:none; margin:0px 0 6px; background-color:#efefef; font-weight:bold   }

.exchage-question { font-size:17px; font-family:Arial; font-weight:bold;}

.exchange-form.FormHybrid { }
.exchange-form.FormHybrid input[type="checkbox"] { border-radius: 4px 4px 4px 4px; color: #555555; font-size: 14px;
    height: 20px; margin-right:6px; border: 1px solid #CCCCCC;}

.Exchange-btn-yellow {
    background-color: #fddc58 !important;
    background-image: linear-gradient(#fbd950, #fddc58);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
    color: #2D2D2D;
    font-size:15px !important;
}

.Exchange-arrowIcoLink { background-image: url("exchangeSprite.png"); background-position: 0 -70px; background-repeat: no-repeat;
    display: block; height: 20px; padding-left: 23px; padding-top: 2px;}

.Exchange-leftSummary {font-weight:bold; padding:6px 12px 6px 0px; width: 191px; text-align:right }
.Exchange-rightSummary {font-weight:bold; font-size:16px; width: 71px; padding:6px 0px 6px 0px;}
.Exchange-rightSummary.green {color:#387d19}


.exchange-filter { font-size:12px;}
.exchange-filter select { font-size:12px;}
.exchange-filter-btn input {background: url("go_button.png") repeat scroll -5px -4px transparent;
    border: 0 none;
    cursor: pointer;
    height: 25px;
    width: 25px;line-height: 999px;  overflow: hidden; font-size: 0; }
    
.exchange-plan-name {	color:#246774; font-size:18px; font-weight:bold; display:block}
.exchange-planAnchor { display:inline-block; color:#121212; margin:8px 26px 0 0; background-image:url('entry-list.png.en.png'); background-repeat:no-repeat; background-position:top left; padding:1px 0 1px 18px; height:16px; }
.exchange-planAnchor.benefits { background-image:url('application_side_list.png'); padding:1px 0 1px 18px; }
.exchange-plan-benefits {background-color:#deeeff; padding:6px 6px}
.exchange-plan-benefits tr.exchange-benefit-heading td {padding:0 2px 2px 2px; font-weight:bold; font-size:12px;}
.exchange-plan-benefits tr.exchange-benefit-body td {padding:2px 2px 6px 2px; font-size:12px; }
.exchange-plan-benefits tr.exchange-benefit-body td span { font-weight:bold; font-size:23px; }

.exchange-UI-Number { list-style-type:none;}
.exchange-UI-Number li{ background-image: url("numberSprite.png");
    background-position: -2px -3px;
    background-repeat: no-repeat;
    display: block;
    list-style-type: none;
    margin: 3px 0 4px;
    min-height: 17px;
    padding: 4px 0 3px 32px;}

.exchange-UI-Number li.l1 { background-position: -2px -71px;}
.exchange-UI-Number li.l2 { background-position: -2px -71px;}
.exchange-UI-Number li.l3 { background-position: -2px -137px;}
.exchange-UI-Number li.l4 { background-position: -2px -218px;}
.exchange-UI-Number li.l5 { background-position: -2px -290px;}
.exchange-UI-Number li.l6 { background-position: -2px -368px;}



   .overlaydiv {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 10000;
}

#overlaybox, #overlayDoublebox {
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 25%; /* positions the div half way horizontally */
    top: 25%; /* positions the div half way vertically */
    padding: 13px; 
    border: 2px solid black;
    background-color: #b1d4fb;
    width: 52%;
    height: 50%;
    z-index: 11000; /* makes the div the top layer, so it’ll lay on top of the other content */
    border-radius: 9px;  
}

.overlayOutter 
{
    background-color: #eef6fd;
    border-radius: 9px;
    border:1px solid #8098bf;
    padding:15px; height: 90%;    
}

.exchange-form-checkBoxTable label  { display:inline-block; font-size:13px; color:#0D0D0D; padding:0px; text-transform:none; margin:4px 0; font-weight:bold;  }

.floatRight{ float:right}
.metals{ background-image:url('metals.png') !important; padding:1px 0 1px 26px !important; font-weight:bold}
.metals.gold{ background-position:-2px -36px; color:#ECC900;}
.metals.silver { background-position:-2px 0; color:silver;}
.metals.bronze { background-position:-2px -73px; color:#996633}