.swappointscontainer {
    display:block;
    position:fixed;
    bottom:-130px;
    width: 100%;
    height: 85px;
    z-index:100;
    background: url('//d17480054giase.cloudfront.net/images/v2/bkgrd.png');
    background-color: #ddd;
    border-top: 2px solid #aaa;
}

.swappointscontainer_banner {
    display:block;
    position:fixed;
    bottom:-130px;
    width: 100%;
    height: 85px;
    z-index:100;
    //background: url('//d17480054giase.cloudfront.net/images/v2/swappointsbar/background_banner.png');
    background: url('//d17480054giase.cloudfront.net/images/v2/bkgrd.png');
    background-color: #ddd;
    border-top: 2px solid #aaa;
    
}

.swappointscenter {
    display:block;
    position:fixed;
    bottom:-115px;
    height: 35px;
    width:1000px;
    z-index:101;
}

.swappointscenter .banner{
    width: 250px;
    height: 54px;
    margin:-12px auto 0px auto;
    padding:0 10px;
    background: white;
    position: relative;
    z-index:110;
}

.swappointscenter .banner div{
    font-family: 'Oswald';
    color:#e01161;
}

.swappointscenter .banner .bannerbutton{
    background:#e01161;
    float: left;
    padding: 5px 10px;
    font-size: 22px;
    margin: 6px 0 0 36px;
    cursor:pointer;

    font-family: 'Oswald';
    color:white;
}

.swappointscenter .banner .bannerleft{
    width: 50px;
    height: 54px;
    position:absolute;
    left:-50px;
    top:0px;
    
    background: white;
    -moz-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

.swappointscenter .banner .bannerright{
    width: 50px;
    height: 54px;
    position:absolute;
    right:-50px;
    top:0px;
    
    background: white;
    -moz-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
}

.swappointsbar {
    display:block;
    position:absolute;
    top:0px;
    left:155px;
    bottom:-115px;
    height: 35px;
    
    font-size: 12px;
    line-height: 14px;
    color: #585C60;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
}

.swappointsbar .background{
    width: 100%;
    height: 100%;
    position:absolute;
    z-index:101;

    background: #a3a6aa;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -moz-opacity: 0.70;
    opacity: 0.70;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
    text-align: center;
}

.swappointsbar .foreground{
    width: 100%;
    height: 100%;
    position:absolute;
    z-index:102;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.swappointsbar .foregroundwhite{
    width: 100%;
    height: 100%;
    position:absolute;
    z-index:103;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    
    -moz-box-shadow:    inset 0 0 20px #707070;
    -webkit-box-shadow: inset 0 0 20px #707070;
    box-shadow:         inset 0 0 20px #707070;
}

.swappointsbar .foregroundcontainer{
    height: 100%;
}

.swappointsbar .foregroundwhite .whitebar{
    width:10%;
    height:100%;
    /*border-right:1px solid white;*/
    float:left;
}

.swappointsbar .topbar {
    position:absolute;
}

.swappointsbar .innerbar {
    float: left;
    height:100%;
    margin:0px 0px;
    overflow:hidden;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.swappointsbar .innercontainer {
    float: left;
    height:100%;
    margin:0px 0px;
    overflow:hidden;
}

.swappointsbar .progress {
    float: left;
    background: #4a204c;
    height: 100%;
    margin: 0px 0px;
}

.swappointsbar .buffer{
    float: left;
    background: #9a7b9c;
    height: 100%;
    margin: 0px 0px;
}

.swappointsbar .footer{
    float:left;
    height: 100%;
    width:10px;
    position:relative;
    left:-10px;
    
    -moz-box-shadow:    5px 0px 8px -2px #7b7b7b;
    -webkit-box-shadow: 5px 0px 8px -2px #7b7b7b;
    box-shadow:         5px 0px 8px -2px #7b7b7b;
}

.swappointsbar .marker1{
    position:absolute;
    top:-50px;
}

.swappointsbar .marker2{
    position:absolute;
    top:-50px;
}

.swappointsbar .caption{
    z-index: 105;
    position: absolute;
    left: 18px;
    top: 10px;
    width:700px;
    text-align:center;
    
    color: white;
    text-shadow: #000 0px 0px 7px;
}

.swappointsbar .caption a{
    color: white;
    text-shadow: #000 0px 0px 7px;
}

.swappointsbar .requiredpoints{
    z-index: 101;
    color: #666;
    position: absolute;
    right: 12px;
    top: 10px;
}

.swappointsbar .requiredpoints .pointsleft{
    font-size: 20px;
}

.swappointsbar .marker1 .markerInner{
    position:absolute;
    padding:5px;
    width:100px;
    height:32px;
    line-height:32px;
    left:-115px;
    top: 45px;
    z-index: 103;
    text-align:left;
    /*
    background:white;
    border: 1px solid #4A204C;
    -moz-box-shadow:    0px 0px 6px 2px #4a204c;
    -webkit-box-shadow: 0px 0px 6px 2px #4a204c;
    box-shadow:         0px 0px 6px 2px #4a204c;
    text-align:center;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    */
}

.swappointsbar .marker1 .markerInner2{
    position:absolute;
    padding:2px;
    width:194px;
    height:25px;
    left:-100px;
    top: 4px;
    z-index: 103;
    text-align:left;
    line-height:20px;
    
    background:white;
    border: 1px solid #4A204C;
    -moz-box-shadow:    0px 0px 3px 1px #4a204c;
    -webkit-box-shadow: 0px 0px 3px 1px #4a204c;
    box-shadow:         0px 0px 3px 1px #4a204c;
    text-align:center;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.swappointsbar .marker2 .markerInner{
    position:absolute;
    padding:5px;
    width:60px;
    height:32px;
    line-height:32px;
    left:-80px;
    top: 45px;
    z-index: 103;
    /*
    background:white;
    border: 1px solid #4A204C;
    -moz-box-shadow:    0px 0px 6px 2px #4a204c;
    -webkit-box-shadow: 0px 0px 6px 2px #4a204c;
    box-shadow:         0px 0px 6px 2px #4a204c;
    text-align:center;
    font-weight: bold;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    */
}

.swappointsbar .marker1 .markerInner2 span {
    font-family: 'Questrial';
    color: #4a204c;
    font-size: 14px;
    line-height:26px;
}

.swappointsbar .marker1 .markerInner span {
    font-family: 'Questrial';
    color: white;
    font-size: 14px;
}

.swappointsbar .marker2 .markerInner span {
    font-family: 'Questrial';
    color: white;
    font-size: 14px;
    text-shadow: 0px 0px 7px black;
}

.swappointscenter .actioncontainer{
    font-family: Arimo, sans-serif;
    color:white;
    text-align: center;
    line-height:17px;
    font-weight:normal;
    
    padding-top:8px;
    width: 71px;
    height: 42px;
    position:absolute;
    right:0px;
    top:-9px;
    z-index:101;
}

.swappointscenter .redeemscroll{
    width: 71px;
    height: 50px;
    position:absolute;
    right:0px;
    top:-9px;
    z-index:102;
}

.swappointscenter .redeemscroll .redeemglow{
    width: 67px;
    height: 43px;
    position:absolute;
    left:2px;
    top:4px;
    z-index:105;
    
    -moz-box-shadow: 0px 0px 5px 1px #666;
    -webkit-box-shadow: 0px 0px 9px 1px #666;
    box-shadow: 0px 0px 9px 1px #666;
}

.swappointscenter .actionoff{
    cursor:default;
    
    font-family: Arimo, sans-serif;
    color:white;
    text-align: center;
    line-height:17px;
    font-weight:normal;
    font-size:15px;
    font-weight:bold;
    
    padding-top:8px;
    width: 71px;
    height: 42px;
    position:absolute;
    right:0px;
    top:0px;

    background: #929292;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    
    -moz-box-shadow:    inset 0 0 20px #5a5a5a;
    -webkit-box-shadow: inset 0 0 20px #5a5a5a;
    box-shadow:         inset 0 0 20px #5a5a5a;    
    
    -moz-opacity: 0.50;
    opacity: 0.50;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50);
}

.swappointscenter .actionon{
    font-family: Arimo, sans-serif;
    color:white;
    text-align: center;
    line-height:17px;
    font-weight:normal;
    font-size:15px;
    font-weight:bold;
    
    padding-top:8px;
    width: 71px;
    height: 42px;
    position:absolute;
    right:0px;
    top:0px;
    z-index:1;

    background: #ee2672;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    
    -moz-box-shadow:    inset 0 0 20px #fc5d99;
    -webkit-box-shadow: inset 0 0 20px #fc5d99;
    box-shadow:         inset 0 0 20px #fc5d99;
}

.swappointscenter .redeemscroll img{
    width: 71px;
    height: 50px;
    
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; 
}

.swappointscenter .title{
    
    font-family: Arimo, sans-serif;
    color:#4A204C;
    font-size:17px;
    text-align: center;
    line-height:17px;
    font-weight:bold;
    
    padding-top:8px;
    width: 100px;
    height: 42px;
    position:absolute;
    left:-5px;
    z-index:101;
}

.swappointscenter .leftbg{
    
    font-family: Questrial, sans-serif;
    text-align: center;
    line-height:21px;
    
    width: 173px;
    height: 55px;
    background: url('//d17480054giase.cloudfront.net/images/v2/swappointsbar/leftbg.png');
    position:absolute;
    left:0px;
    top:-15px;
    padding-top:9px;
    z-index:110;
}

.swappointscenter .equals{
    width: 30px;
    height: 16px;
    background: url('//d17480054giase.cloudfront.net/images/v2/swappointsbar/equals.png');
    position:absolute;
    right:81px;
    top:10px;
    z-index:110;
}

.tailshadow {
    position:absolute;
    bottom:-8px;
    left:96px;
    width:0;
    height:0;
    border:solid 2px #fff;
    box-shadow:0 0 10px 2px #4A204C;
}

.tail1 {
    position:absolute;
    bottom:-20px;
    left:88px;
    width:0;
    height:0;
    border-color:#4A204C transparent transparent transparent;
    border-width:10px;
    border-style:solid;
}

.tail2 {
    position:absolute;
    bottom:-18px;
    left:88px;
    width:0;
    height:0;
    border-color:#f9f9f9 transparent transparent transparent;
    border-width:10px;
    border-style:solid;
}​