.head{
  height:21px;
  background: url(/images/lottopoints/head-bg.gif) repeat-y;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  padding:5px 0 0 5px;
}

.box{
  border:#d1d1d1 1px solid;
  margin:0 0 20px 0;
}

.status-col{
  float:left;
  width:178px;
  height:75px;
  font-weight:bold;
}

.statusBasic{
  background: url(/images/lottopoints/star.png) no-repeat 22px 25px;
    padding:22px 0 0 65px;
    width:107px;
  height:53px;
}

.statusSilver{
  background: url(/images/lottopoints/status-images.gif) no-repeat 0px 5px;
    padding:22px 0 0 65px;
    width:107px;
  height:53px;
}

.statusGold{
  background: url(/images/lottopoints/status-images.gif) no-repeat 0px -65px;
    padding:22px 0 0 65px;
    width:107px;
  height:53px;
}

.statusPlatinum{
  background: url(/images/lottopoints/status-images.gif) no-repeat 0px -135px;
    padding:22px 0 0 65px;
    width:107px;
  height:53px;
}


.statusDiamond{
  background: url(/images/lottopoints/status-images.gif) no-repeat 0px -206px;
  padding:22px 0 0 65px;
  width:107px;
  height:53px;
}

.statusH{
  color:#8f7d4b;
  text-transform:uppercase;
  font-weight:bold;
}

.statusLevel{
  color:#545454;
  font-size:18px;
}

.statusPoints{
  background: url(/images/lottopoints/divider.gif) no-repeat left center;  
  padding:22px 0 0 28px;
  width:144px;
  height:53px;
}

.statusRedeem{
  background: url(/images/lottopoints/divider.gif) no-repeat left center;  
  padding:22px 0 0 18px;
  width:156px;
  height:53px;
}

.earnContent{
  padding:20px;
}

.earnH{
  color:#8f7d4b;
  text-transform:uppercase;
  font-weight:bold;
  margin:0 0 50px 0;
}

.progressBar{
  width:523px;
  margin:20px 0 0 0;
  height:52px;
  border:#6e6e6e 1px solid;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
    border-radius:5px;
}

.statusProgress {
  float:left;
  width:130px;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  padding:18px 0 0 0;
  height:34px;
}

/*width:130*/
.silver{
  color:#6e6e6e;
  background: url(/images/lottopoints/status-bg-colours.gif) no-repeat 0px 0px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
} 

.gold{
  color:#826120;
  background: url(/images/lottopoints/status-bg-colours.gif) no-repeat 0px -72px;
}

.platinum{
  color:#454545;
  background: url(/images/lottopoints/status-bg-colours.gif) no-repeat 0px -144px;
}

.diamond{
  color:#2c3e4e;
  background: url(/images/lottopoints/status-bg-colours.gif) no-repeat 0px -216px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.divider{
  float:left;
  width:1px;
  height:52px;
  background: url(/images/lottopoints/divider.gif) no-repeat;  
}

.iconCol{
  height:24px;
  border:#d1d1d1 1px solid;
  border-right:none;
  margin:15px 0 20px 0;
  float:left;
  color:#6b6b6b;
  font-size:11px;
  font-weight:bold;
}

.silverCol{
  background: url(/images/lottopoints/silver-icon.gif) no-repeat 16px 6px;
  padding:12px 0 0 70px;
  width:60px;
}

.goldCol{
  background: url(/images/lottopoints/gold-icon.gif) no-repeat 20px 6px;
  padding:12px 0 0 72px;
  width:58px;
}

.platinumCol{
  background: url(/images/lottopoints/platinum-icon.gif) no-repeat 15px 6px;
  padding:12px 0 0 67px;
  width:63px;
}

.diamondCol{
  background: url(/images/lottopoints/diamond-icon.gif) no-repeat 15px 4px;
  border-right:#d1d1d1 1px solid;
  padding:12px 0 0 60px;
  width:70px;
}

.step{
  float:left;
  width:38px;
}

.stepHead{
  float:left;
  width:50px;
}

.head2{
  height:21px;
  background: url(/images/lottopoints/head-bg2.gif) repeat-y;
  color:#FFFFFF;
  font-size:12px;
  font-weight:bold;
  text-transform:uppercase;
  padding:7px 0 0 5px;
  margin:6px 0 5px; 0;
  float:left;
  width:482px;
}

.formBox{
  border:#d1d1d1 1px solid;
  margin:0 0 20px 5px;
  width:495px;
  padding:20px 10px 20px 10px;
}
._formBox form select{font-size:16px;}
._formBox input{margin-left:175px;}

._formBox select{
  border:#d1d1d1 1px solid;
  width:160px;
  height:33px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  color:#1a1a1a;
  font-size:11px;
  float:left;
  font-weight:bold;
  margin:0 10px 0 0;
  display:block;
}

._formBox label{
  font-weight:bold;
  font-size:11px;
}

.pointsDescr{
  color:#b02425;
  font-size:10px;
  float:left;
  width:150px;
  font-weight:bold;
}

.btn{
  background: url(/images/lottopoints/redeemBtnGB.gif) repeat-x;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
    border-radius:5px;
  width:160px;
  height:28px;
  border:#837f76 1px solid;
  color:#FFFFFF;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  padding:0px;
  margin:0 auto;
}

.status-col.btn{
  margin:25px 0 0 0;
}

.statusRange{
  float:left;
  width:130px;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  /*border:#d1d1d1 1px solid;*/
  /*padding:18px 0 0 0;*/
  height:34px;
}

.scaleDivider{
  float:left;
  width:50px;
  text-align:center;
  height:34px;  
}

tr#lottopoints-notification{  
  width:534px; 
  height:91px; 
  text-align:center;  
  color:white;
  background:white 0px 0px url("/images/lottopoints/lottopoints-sprite.png") no-repeat;
  font-family:Tahoma,Serif; 
  margin:1px 0px 0px 1px;
  padding:0px;
}

tr#lottopoints-notification div.name{
  width:534px;  
  height:40px;
  text-align:center; 
  font-size:20px;   
  text-shadow: 0px 1px 3px #000000;
  filter: dropshadow(color=#000000, offx=0, offy=1); 
  margin-top:0px; 
  font-family:Tahoma,serif;
  text-transform:uppercase;
} 

tr#lottopoints-notification div.status{
  width:534px; 
  height:40px;
  font-size:13px;
  text-align:center;
  text-shadow: 0px 1px 3px #000000;
  filter: dropshadow(color=#000000, offx=0, offy=1);
} 

tr.basic{
  background-position:0px 0px!important; 
} 

tr.silver{ 
  background-position:0px -182px!important;
}

tr.gold{
  background-position:0px -91px!important; 
}

tr.platinum{
  background-position:0px -273px!important; 
}

tr.diamond{
  background-position:0px -364px!important; 
}
