@charset "UTF-8";
/* CSS Document */

/* colors */
.blue-light-light { color: #3399ff; }
.blue-light { color: #333; }
.blue-med { color:#333; }
.blue-dark { color: #153159; }
.blue { color: #333; } /* this is not orange */
#content a.blue { color:#333; }

#content a.underlined {text-decoration: underline}

.gold { color: #facc00; }
.red-light { color: #cc0000; }
.red { color: #990000; }
.red-dark { color: #990000; }
.black { color: #000; }
.white { color: #fff; }
.gray { color: #ccc;}
.gray-med { color: #666;}
.gray-dark { color: #333;}
.yellow { color: #f9cd1c;}
.green { color: #3b630a;}
.green-light { color: #339900;}
.orange { color: #ff6600;}

.blue-bg { background-color:#333; }
.gold-bg { background-color: #facc00; }
.gray-bg { background-color: #ebebeb; }
.white-bg { background-color: #fff; }

.blue-bdr { border-color:#333; }
.red-dark-bdr { border-color: #990000; }
.gold-bdr { border-color: #facc00; }
.gray-bdr { border-color: #ebebeb; }

#content a.blue-light{ color: #336699; }
#content a.blue{ color: #333; }
#content a.green-light { color: #339900;}
#content a.gray-dark { color: #333;}

/* styles for download */
#download {background-image: url(/images/computer_pc.gif); background-repeat: no-repeat;
 font-size: 18px; line-height: 24px; font-weight: bold; color:#666; height: 300px; width: 750px; margin: 0 0 0 80px;
}
#download p{margin: 10px 10px 10px 250px;}

/* styles for the home page promos */

#obp-pop, #bellagio-pop, #cp-pro-pop, #wpt-bc-pop, #cp-cruises-pop, #spinettis-pop, #jetsetway-pop
{width: 274px; height: 151px; position: absolute; z-index: 1000;}

#obp-pop { top: -120px; left:27px;}
#bellagio-pop { top: -100px; left:67px; }
#cp-pro-pop { top: -80px; left:39px; }
#wpt-bc-pop { top: -60px; left:44px; }
#cp-cruises-pop { top: -40px; left:60px; }
#spinettis-pop { top: -20px; left:4px; }
#jetsetway-pop { top: -2px; left:14px; }



#money-pop {
  top: -235px; left:30px; width: 272px; height: 231px; position: absolute; z-index: 1000;}
#sc-pop {
  top: -230px; left:-7px; width: 272px; height: 278px; position: absolute; z-index: 1000;}
#player-pop {
  top: -163px; left:150px; width: 272px; height: 231px; position: absolute; z-index: 1000;}
#friends-pop {
  top: -140px; left:60px; width: 272px; height: 231px; position: absolute; z-index: 1000;}
#blogs-pop { 
  top: -55px; left:23px; width: 272px; height: 170px; position: absolute; z-index: 1000;}
#badges-pop { 
  top: -90px; left:143px; width: 272px; height: 151px; position: absolute; z-index: 1000;}
#leader-pop {
  top: 7px; left:-7px; width: 272px; height: 171px; position: absolute; z-index: 1000;}
#tips-pop {
  top: 25px; left:105px; width: 272px; height: 170px; position: absolute; z-index: 1000;}
#mix-pop {
  top: -360px; left:65px; width: 272px; height: 582px; position: absolute; z-index: 1000;}

/* this is the new headers that will replace the h1's, h2's, h3's that are used multipule times on a page. h1's should only be used once on a given page and h2's no more then 5 times on a given page. no need for h3's */

.header18, .header16, .header14, .header12 {
  font-size: 18px;
  color:#333;
  line-height: 24px;
  font-weight: bold;
}
.header16 {
  font-size: 16px;
  color:#333;
  line-height: 18px;
  font-weight: bold;
}
.header14 {
  font-size: 14px;
  line-height: 16px;
}
.header12 {
  font-size: 12px;
  line-height: 14px;
}
	
/* h1's only one per page, h2's only 5 times per page max. remove all other h tags and replace with header class. Add new header classes as needed. */

h1, h2, h3, h4.blue, .bucket-title {
  font-family: Arial, Verdana, sans-serif;
  font-weight: bold;
  color:#333;
  font-size: 16px;
  line-height: 18px;
  text-decoration: none;
}

h2 {
  font-size: 14px;
  line-height: 18px;
  text-decoration: none;
}

h2.golden {
  color: #FF9900;
  font-size: 22px;
  line-height: 36px;
}

h3 {
  font-size: 12px;
  line-height: 16px;
}
h4 {
  font-size: 11px;
  line-height: 16px;
  font-weight: bold;
}
h1, h2, h3, h4.dark-red {
  color: #333;
}
h4.gray-med { color: #666;}

p.body, .small, .large, .date {
  font: 12px Arial, Helvetica, Verdana;
  line-height: 16px;
}
p.body a {
  color:#333;
  text-decoration: none;
}
p.body a:hover {
  text-decoration: underline;
}
.tiny {
  font-size: 10px;
  line-height: 12px;
}
.small {
  font-size: 11px;
  line-height: 14px;
} 
.large {
  font-size: 14px;
  line-height: 16px;
}
div.header-grayline {
 border-bottom: 1px solid #666;
 font-size: 18px;
 line-height: 24px;
 color: #666;
 font-weight: bold;
 margin: 20px 0 10px 0;
}
div.header-onebigplanet {
 border-bottom: 1px solid #666;
 font-size: 14px;
 line-height: 24px;
 color: #666;
 font-weight: bold;
 margin: 20px 0 10px 0;
}
div.images-onebigplanet {
 height: 46px;
 width: 101px; 
}
.title {
  font-size: 19px;
  color:#333;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.title a.blue-med { color:#333; }

.date {
  font-size: 11px;
  font-weight: bold;
  color: #666;
}
hr.blue {
  border-color:#333; 
}
hr.dark-red {
  border-color: #990000;
}
hr.dark-gray {
  border-color: #999; 
}
.hr {
  margin: 4px 0;
  width: 100%;
  height: 1px;
}

.clear {
  clear: both;
  height: 0;
  width: 0;
  font: normal normal normal 0/0 Arial, sans-serif; /* IE hack, because it does not support empty elements, generates a style validation warning */
  overflow: hidden;
}
.container {
  margin: 10px;
  float: left;
  border: none;
}

.half-container {
  width: 294px;
  margin: 0 20px 0 0;
  float: left;
  border: none;
}

.third-container {
  width: 110px;
  margin: 5px;
  float: left;
  border: none;
}
.border-right {
  border-right: solid 1px #facc00;
}

/* images */

.avatar {
  margin: 0 10px 0 0;
  float: left;
  border: 1px solid #000;
}
.badges {
  margin: 0 5px 0 0;
  border: 0;
}
div.learn-badge {
  font: 10px Arial, Helvetica, Verdana;
  line-height: 12px;
  float: left;
  margin: 10px 20px 10px 0;
}

.news-photo {
  float: left;
  margin: 0 10px 10px 0;
  border: solid 5px #ccc;
}
.general-photo {
  float: left;
  margin: 3px 5px 5px 0;
}

/* Badge Details*/

.badge-detail {
	border-bottom:1px solid #d5d5d5;
	padding:10px 0 10px 0;
	height:86px;
}

#spoy_badge { height: 94px; }

.gray-area {
	background-color: #dedede;
}

.badge-detail h2 {
	color:#666666;
	font-size:16px;
	font-weight:bold;
}

.badge-detail img {
	float:left;
	margin-right:10px;
	margin-left:10px;
}

.badge-detail .moreinfo {
	float: right;
	margin-right: 10px;
	font-size: 90%;
}

.badge-detail-expanded {
	background-color: #f2f2f2;
}

/* Player Profile */
table.about-me {
  width: 300px;}
  
table.about-me th {
  font-weight: bold;
  vertical-align: bottom;
  padding: 5px;
  text-align: left;  }
  
table.about-me td {
  font-weight: normal;
  vertical-align: bottom;
  padding: 5px;
  text-align: left;  }
  
.split-left, .split-right{
  margin: 2px 0px 0px 0px;
  padding: 5px;
  float: left;
  background-color: #fff;
  width: 253px;
}
.split-right {
  margin: 2px 0px 0px 2px;
}
.friend-container {
  padding: 8px 5px;
  text-align: center;
  width: 71px;
  float: left;
  background-color: #fff;
}
#comments {
  padding: 5px;
  width: 515px;
  height: 150px;
  background-color: #fff;
  border: 1px solid #facc00;
}

.recent_winners {
  float: left;
  width: 250px;
  margin: 0 60px 0 0;
}

*html .recent_winners {
  margin: 0 0px 0 0;
}
.leaderboards {
  float: left;
  width: 300px;
}

/* Glossary */

ul.glossary {
  width: 480px;
  margin: 0 60px 20px 60px;
  
}
ul.glossary li.term {
  width: 115px;
  font-weight: bold;
  color: #333;
  font 14px Arial, Helvetica, Verdana;
  float: left;
}
  
ul.glossary li.deff {
  width: 365px;
  font: 12px normal Arial, Helvetica, Verdana #000;
  float: left;
}
  
ul.glossary li.tip {
  width: 480px;
  font: 12px normal Arial, Helvetica, Verdana #000;
  line-height: 16px;
  float: left;
}

/* News Section */

#article {
  margin: 0px 20px 0px 0px;
}

#article p {
  margin: 10px 0px;
}

#article .date {
  font-size: 10px;
  color: #666666;
}

#article .author {
  font-size: 11px;
  color: #333333;
}

#article .pagination {
  font-size: 11px;
  color: #999999;
  font-weight: bold;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 5px 0px;
  padding: 5px 0px;
  text-align: center;
}

#article .pagination a {
  color: #990000;
}

#archives {
  margin: 0px 20px 0px 0px;
}

#archives .pagination {
  font-size: 11px;
  color: #999999;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  text-align: center;
}

#archives .pagination a {
  color: #990000;
}

#article img {
  margin: 0px 15px 15px 0px; 
  border: 4px solid #cccccc;
}

#press-release {
  margin: 0px 20px 0px 0px;
}

#press-release p {
  margin: 10px 0px;
}

#press-release .pagination {
  font-size: 11px;
  color: #999999;
  font-weight: bold;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 5px 0px;
  padding: 5px 0px;
  text-align: center;
}

#press-release .pagination a {
  color: #990000;
}


#featured {
 width: 420px; 
 float: right; 
 margin: 20px 0px 0px 0;
}

#featured p {
  margin: 10px 0px;
}

/* Promotions 1 month 1 dollar */
 
div#one-one-left {
  float: left;
  width:470px;
  margin-right:20px;
}
div#one-one-left h2{
  font-size: 18px;
  color: #990000; 
}
div#one-one-left ul{
  width: 420px;
  list-style-type: disc;
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin: 10px 0 0 0px;
}
div#one-one-left ul li{
  margin:2px 15px;}
div#one-one-left p {
  font-size: 15px;
  line-height: 106px;
  color: #990000;
  font-weight: bold;}
  
div#one-one-left p img.usa-legal {
  float: right;
  line-height: 106px;
}
  
div#one-one-right {
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 1px;
  border-top-width: 0px;
  border-color: #999;
  border-style: solid;
  float: left;
  width: 330px;
  padding:30px 0 0 15px;
  
}
div#billing-information {
  width: 300px;
  background-color: #e4e4e4;
  border: 1px solid #ccc;
}
div#billing-information table {
  margin:10px;
  width: 280px;}
div#billing-information table tbody tr th{
  width: 180px;
  color: #333;
  font-size: 11px;
  line-height: 14px;
  border-bottom: 1px solid #ccc;}
  
div#billing-information table tbody tr td{
  border-bottom: 1px solid #ccc;}
}

div#billing-information table tbody tr td.billing-short select {
  width: 80px;}

/* New Signup */

div#signup-left {
  float: left; 
  width: 620px;
  margin: 15px 0 0 0;

}
div#signup-left div a {
  color: #333;
  text-decoration: underline;
}
div#signup-left div a:visited {
  color: #333;
}

div#signup-top-step1 {
  width: 620px;
  height: 200px;
  background-image: url(/images/signup/signup_top_step1.gif);
  border-bottom: solid 1px #f5f5f5;
  background-repeat: no-repeat;
}

div#signup-top-step2 {
  width: 480px;
  height: 107px;
  padding: 30px 0 0 140px;
  background-image: url(/images/signup/signup_top_step2.gif);
  border-bottom: solid 1px #f5f5f5;
  background-repeat: no-repeat;
}

div#signup-body {
  width: 600px;
  padding: 10px;
  background-color: #e4e4e4;  background-image: url(/images/signup/foot.gif);
  background-repeat: no-repeat;
  background-position: bottom center;
}
div.signup-sections {
  width: 590px;
  padding: 0 5px;
  font-size: 11px;
  vertical-align: middle;
}
div.signup-sections div.sections-inner {
  font-size: 11px;
  background-color: #f5f5f5;
  border: solid 1px #ccc;
  margin: 10px auto;
  width: 490px;
  padding:10px;
}
div.signup-sections div.sections-inner p.errors{
  color: #990000;
  font-weight: normal;
  line-height: 14px;
}

div.signup-sections div.sections-left {
  width: 300px;
  float: left;
}
div.signup-sections div.sections-left label{
  font-weight: bold;
  font-size: 12px;
}
div.signup-sections div.sections-right {
  width: 240px;
  margin: 5px 0 0 0;
  float: right;
  position: relative;
  top: 0;
}
div.signup-sections div.sections-right table.sub-level {
  width:165px;
  font-weight: bold;
  margin-top: 5px;
  border: 0px;
}
div.signup-sections div.sections-right table.sub-level tr td{
  vertical-align: middle;
  padding: 0 2px 2px 0;
  border: 0px;
}
div.signup-sections div.sections-right table.sub-level tr td input{
  width: 12px;
  height: 12px;
  border: 0px;
}
   
div.signup-sections div.sections-right table.sub-level tr th {
  color:#333;
  font-weight: bold;
  border: 0px;
}

div.signup-sections div.sections-right div.bday-date select{
  margin: 0 5px 5px 0;
  float:left;
}

div.signup-sections div.sections-right div.bday-date select#user_born_on_2i{
  width:78px;
}

div.signup-sections div.sections-right div.bday-date select#user_born_on_3i{
  width:40px;
}

div.signup-sections div.sections-right div.bday-date select#user_born_on_1i{
  width:50px;
}

div.signup-sections div.sections-inner div.sections-right div.cc-date select{
  width:78px;
  margin: 0 5px 5px 0;
  float:left;
}
div.signup-sections div.sections-inner div.sections-right div.cc-type select{
  width:162px;
  margin: 0 0 5px 0;
  float:left;
}
div.signup-sections div.sections-inner div.sections-right div.loc select {
  width:165px;
  margin: 0 0 5px 0;
  float:left;
}

div.signup-sections div input {
  font: 11px Arial, Helvetica, Verdana;
  height: 16px;
  width: 160px;
  border: solid 1px #000;
}
div.signup-sections div input.text_from_select {
  margin: 0 0 0 5px;
}
div.signup-sections div select {
  font: 11px Arial, Helvetica, Verdana;
  height: 18px;
  width: 240px;
  border: solid 1px #000;
}
div.signup-sections input[type="checkbox"] {
  width: 120px;
  margin: 0;
  border: solid 1px #000;
}
/* captcha */

div#cap {
  width: 590px;
  height: 100px;
  padding: 0 5px;
  margin: 10px 0;
  vertical-align: middle;
  margin-bottom: -30px;

}
div#cap p {
  font-size: 11px;
  font-weight: bold;
}

div#cap div img{
  margin: 5px 0;
}
div#cap div input{
  height: 16px;
  width: 160px;
  border: solid 1px #000;
  position: relative;
  bottom: 52px;
  left: 350px;
  
} 

div#signup-right {
  background-color: #f5f5f5;
  font-weight: bold;
  float: right;
  width: 190px;
  margin: 55px 0 0 0;
  padding: 15px;
}
div#signup-right a{
  color: #ff6600;
  text-decoration: underline;
}
div#signup-right a:visted{
  color: #ff6600;
  text-decoration: underline;
}

/* Kenny */

div#ask-kenny {
  width: 840px;
  height: 250px;
  background-image: url(/images/community/kenny_bg.png);
  background-repeat: repeat-x;
  margin-top: 20px;
}
div#ask-kenny img {float: left; margin: 0 20px 0 0;}
div#ask-kenny a { 
  float: right;
  position: relative;
  bottom: 6px;
  right: -10px;
  color: #fff; 
  font-size: 14px; 
  text-decoration: none; }

div#ask-kenny div {
  height: 122px;
  width: 568px;
  margin-top: 33px;
  float: left; 
  background-image: url(/images/community/kenny_chip.png);
  background-repeat: no-repeat;
  background-position: right;
}
div#ask-kenny div h1 {
  line-height: 34px;
  font-size: 26px;
  margin-top: 5px;
}
div#ask-kenny div p {
  font-size: 11px;
  line-height: 14px
}

div#kenny-subnav {
  width: 200px;
  float: left;
  margin: 20px 20px 0 0;
}
div#kenny-subnav ul li {
  font-size: 14px;
  line-height: 30px;
  font-weight: bold;
  color: #333;
}
div#kenny-subnav ul li a { color: #990000; text-decoration: none; }
div#kenny-subnav ul li a:hover { text-decoration: underline; }
div#kenny-subnav ul li a:visited { color: #990000; }

div#kenny-subnav ul li.selectedcategory a {
    font-style: italic;
}

div#kenny-qa {
  width: 564px;
  float: right;
  margin-top: 20px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
}
div#kenny-qa h2{
  font-size: 14px;
  color: #333;
  font-weight: bold;
  margin-bottom: 20px;
} 
div#kenny-qa div.qa-contain {
  clear: both;
}
div.qa-contain-inner {
  float:left;
  width: 500px;
  font-size: 11px;
  line-height: 13px;
}


div#kenny-qa div.divider {
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	font-size:1px;
	clear:both;
	
}


p.qa-foot{ background-color: #e5e5e5; padding: 1px; margin-top: 5px; width: 50%;}

div#kenny-question-overlay {
  background-color: #aeaeae;
  width: 840px;
  color: #333;

}
div#kenny-question-overlay table {
  width: 560px;
  margin: 20px 0 20px 140px;
}
div#kenny-question-overlay table tr th{
  color: #333;
  font-weight: bold;
  text-align: right;
  font-size: 14px;
  padding: 4px 10px 0 0;
  width: 140px;
  vertical-align: top; 
}
div#kenny-question-overlay table tr td {
  color: #333;
  font-weight: bold;
  text-align: right;
  font-size: 11px;
  vertical-align: bottom;
}
div#kenny-question-overlay table tr td#q-captcha {
  vertical-align: middle;}
div#kenny-question-overlay table tr td#q-captcha img {
  float:left; margin-right:5px;}
div#kenny-question-overlay table tr td#q-captcha input{
  border: 1px solid #333;
  height: 20px;
  width: 100px;
  float:left; 
  margin:0 0 0 15px;
  position: relative;
  top:-8px;
  font-size: 12px; 
}
div#kenny-question-overlay table tr td.ask-input textarea {
  border: 1px solid #333;
  height:150px;
  width: 396px;
  padding:5px;
  font-size: 12px;
  margin: 5px 0 5px 0;
}

div#kenny-blog {
  width: 610px;
  height: 92px;
  background-image: url(/images/community/kenny_small_bg.png);
  background-repeat: repeat-x;
  margin-top: 5px;
}
div#kenny-blog img{ float: left; margin-left: 20px;}
div#kenny-blog div.kenny-feed{
  float: right;
  margin: 20px 5px;
  width: 200px;
}
div#kenny-blog div.kenny-feed img{ float: right; }
div#kenny-blog div h1 { 
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  font-weight: bold;
  float: right;
  margin: 5px 0 0 0;
} 
div.kenny-blog-entry {
  width: 610px;
  padding: 0 0 10px 0;
  margin: 10px 0 0 0;
  border-bottom: 1px solid #dcdcdc;
}
div.kenny-blog-entry div { float: left; font-size: 11px; line-height: 14px; width: 500px; }
div.kenny-blog-entry div h3{ 
  color: #435c7a;
  font-size: 14px;
  font-weight: bold;
}

div.kenny-blog-entry div p.kenny-blog-entry-date {
  font-size: 12px;
  color: #435c7a;
}
  
div.kenny-blog-entry div.kenny-read {
  color: #435c7a;
  width: 100px;
  font-size: 14px;
  font-weight: bold;
  padding-top: 25px;
  text-align: center;
}div.kenny-blog-entry div.kenny-read a{ text-decoration: none; }
div#kenny-profile {
  width: 610px;
  background-image: url(/images/community/kenny_bg.png);
  background-repeat: repeat-x;
  background-color: #e7e7e7;
}

div#kenny-profile h1 {
  color: #333;
  font-size: 18px;
  margin: 5px 0 8px 8px;
}
div#kenny-profile p {
  font-size: 11px;
  margin: 8px 8px 0 8px;
}
div#kenny-profile p a.close { 
  font-size: 12px;
  font-weight: bold;
  float: right;
  color:#333;
  text-decoration: none;
}
div#kenny-profile p a.close:hover { text-decoration:underline; }
div#kenny-profile p a.close:visited {color:#333;}
div#kenny-bio-right  {
  background-position: 5px 0px;
  font-size: 11px;
  float: right;
  width: 294px;
  margin: 35px 2px 2px 8px;
  padding: 10px;
  background-color: #fff;
  background-image: url(/images/community/kenny_profile_chip.gif);
  background-repeat: no-repeat;
}
div#kenny-bio-right h2 {
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 10px 0;
}
div#kenny-bio-right h3 {
  color: #333;
  line-height: 36px;
  font-size: 14px;
}

div#kenny-bio-end {
  float: left;
  width: 2px;
  height: 400px;
  background-color: #e7e7e7;
}

div#kenny-bio-blog {
 width: 610px;
 border-bottom: 1px solid #666;
 font-size: 18px;
 line-height: 24px;
 color: #666;
 font-weight: bold;
 margin: 30px 0 10px 0;
}
div#kenny-bio-blog img { float: right;}

div#kenny-friends {
  width: 610px;
  background-color: #990000;
  margin: 30px 0 0 0;
  color: #fff;
}
div#kenny-friends h2 {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  margin-left: 5px;
}
div#kenny-friends a {
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  line-height: 30px;
  float: right;
  margin-right: 5px;
}
div#kenny-friends a:hover { text-decoration: underline; }
div#kenny-friends a:visited { color: #fff; }

div#kenny-friends-list {
  background-color: #fff;
  width: 606px;
  margin: 0 0 30px 0;
  border-left: 2px solid #990000;
  border-right: 2px solid #990000;
  border-bottom: 2px solid #990000;
}
div#kenny-friends-list table {
  margin: 10px 0 10px 15px;
  width: 576px;
}
div#kenny-friends-list table tr td { 
  text-align: center;
  color: #333;
  font-size: 11px;
  padding: 0px;
  height: 110px;
}
div#kenny-comment {
  width:590px;
  height: 200px; 
  overflow: auto; 
  margin: 0;
  padding: 10px;
}
div#kenny-comment div { 
  border-bottom: 1px solid #dfdfdf; padding: 5px; width: 550px;}

div#kenny-comment div div.comment-avatar {
  float: left; width: 75px; font-size: 11px; border: 0;}

div#kenny-comment div div.comment-comment {
  width: 400px; float: left; border: 0; color: #333;}
 
/* new community */
  
div#community-left {
  float: left;;
  padding-right: 20px;
  margin-top: 20px;
}
div#community-cat{
  height: 472px;
  width: 534px;
  background-color: #000;
  background-image: url(/images/community/community_cat.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top: 10px;
}
div#community-cat div.today{
  color:#fff;
  font-size: 12px;
  font-weight: bold;
  width: 150px;
  margin:14px 0 0 8px;
  float:left;
}
ul#community-nav {
  float: right;
  height: 30px;
  width: 348px;
  margin: 21px 5px 0 0; 
}

ul#community-nav li  {
  text-align: left;
  list-style-type: none;
  height: 30px;
  margin: 0 5px 0 0;
  padding: 0;
  border: 0 none;
  float: left;
  background-repeat: no-repeat;
  
}
ul#community-nav li#community-blogs a 
{background-image: url(/images/community/community_nav.gif); background-position: 0 0; border: 0; display: block; height: 30px; width:70px;}
ul#community-nav li#community-blogs a:hover 
{background-image: url(/images/community/community_nav.gif); background-position: -69px 0; border: 0; display: block; height: 30px; width:70px;}
ul#community-nav li#community-blogs a.selected 
{background-image: url(/images/community/community_nav.gif); background-position: -69px 0; border: 0; display: block; height: 30px; width:70px;}

ul#community-nav li#community-players a 
{background-image: url(/images/community/community_nav.gif); background-position: -138px 0; border: 0; display: block; height: 30px; width:91px;}
ul#community-nav li#community-players a:hover 
{background-image: url(/images/community/community_nav.gif); background-position: -228px 0; border: 0; display: block; height: 30px; width:91px;}
ul#community-nav li#community-players a.selected 
{background-image: url(/images/community/community_nav.gif); background-position: -228px 0; border: 0; display: block; height: 30px; width:91px;}

ul#community-nav li#community-updates a 
{background-image: url(/images/community/community_nav.gif); background-position: -318px 0; border: 0; display: block; height: 30px; width:91px;}
ul#community-nav li#community-updates a:hover 
{background-image: url(/images/community/community_nav.gif); background-position: -408px 0; border: 0; display: block; height: 30px; width:91px;}
ul#community-nav li#community-updates a.selected 
{background-image: url(/images/community/community_nav.gif); background-position: -408px 0; border: 0; display: block; height: 30px; width:91px;}

ul#community-nav li#community-videos a 
{background-image: url(/images/community/community_nav.gif); background-position: -498px 0; border: 0; display: block; height: 30px; width:76px;}
ul#community-nav li#community-videos a:hover 
{background-image: url(/images/community/community_nav.gif); background-position: -573px 0; border: 0; display: block; height: 30px; width:76px;}
ul#community-nav li#community-videos a.selected  
{background-image: url(/images/community/community_nav.gif); background-position: -573px 0; border: 0; display: block; height: 30px; width:76px;}

div#flash-beta-button{width:254px; text-align: center;}
div#flash-beta-button img {margin:0 0 5px 0;}


div#blog-landing, div#players-landing, div#updates-landing, div#videos-landing{
  height: 396px; 
  width: 503px; 
  background-color: #fff; 
  clear: both;
  margin: 0 5px 5px 5px;
  padding: 10px;
}
div.landing-list{
  border-bottom: 1px solid #ccc; 
  clear: both; 
  height:70px;
  font-size: 11px;
  font-weight: bold;
}
div.landing-list h3{
  font-size: 14px;
}
div.players-landing-badges { width: 235px; float: left; margin-top: 2px;}
div.players-landing-badges img { float: left; }
div.spok-rank, div.money-won {
  font-size: 10px;
  width: 80px;
  height:60px;
  float: left;
  text-align: center;
  color:#999; 
  margin-top: 2px;}
div.spok-rank p { font-size: 24px; margin-top: 12px; color:#333;}
div.money-won { width: 120px; }
div.money-won p { font-size: 24px; margin-top: 12px; color: #333;}

div#updates-landing p {font-weight: bold; font-size: 12px; margin: 10px 0 10px 0;}
div#updates-landing-left, div#updates-landing-right {
  float: left;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 241px;
  height: 290px;
  background-image: url(/images/community/new_promo_bg.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  font-size: 11px;
  line-height: 13px;
  padding: 5px;
  margin-bottom: 10px;  
}
div#updates-landing-left  p { font-size: 12px; margin: 10px 0 0 0; color: #990000; font-weight: bold;}
div#updates-landing-right {
  border-right: 0;
  background-image: url(/images/community/new_features_bg.gif);
}
div#updates-landing-right p { font-size: 11px; margin: 10px 0 0 0; color: #333;  font-weight: bold;}
div#updates-landing-right p a{font-weight: normal;}

div.videos-landing-left, div.videos-landing-right, div.videos-landing-left, div.videos-landing-right  {
  float: left;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  width: 241px;
  height: 155px;
  padding: 10px 5px 10px 5px;
  background-image: url(/images/community/video_bg.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
  text-align: center;
  font-size: 11px;
  line-height: 13px;
}
div.videos-landing-right  {
  border-right: 0;
}
div.videos-landing-left img {margin:5px;}
div.videos-landing-right img {margin:5px;}
div.videos-landing-left a {font-weight: bold;}
div.videos-landing-right a {font-weight: bold;}

div#video-home-cont {
  border-bottom: 1px solid #ccc;
  margin: 10px 0 10px 0;
}
div.video-home {
  width: 294px;
  height: 260px;
}
div.video-home div.video-btn {
  text-align: center;
  float: left;
  width: 60px;
  margin: 5px 0 0 60px;
  font-size: 11px;
  position: relative; bottom: 0px;
}
div#video-player {
  width: 526px;
  height: 432px;
  background-image: url(/images/community/video_player_bg.gif);
  background-repeat: no-repeat;
  text-align: center;
  padding: 10px;
}
div#video-player h1 { font-size: 12px; margin-top: 10px;}
div#vid-control { text-align: center; }
div#vid-control a{ color:#666; text-decoration: none;}
div#vid-control a:hover{ text-decoration: underline;}
div#vid-control a:visited{ color:#666; }

div#community-cat-footer {
  height: 12px;  
  background-color: #ccc; 
  font-size: 12px; 
  font-weight: bold; 
  padding: 10px;
  margin-top: 10px;
  clear: both;
}
div#community-cat-footer a{ color:#333; text-decoration: none; }
div#community-cat-footer a:hover{ text-decoration: underline; }
div#community-cat-footer a:visited{ color:#333; }

div#kenny-community { 
  height: 170px;
  width: 256px;
  margin: 0px 0 0px 0;
}
div#kenny-community div {
  height: 170px;
  width: 257px;
  float: left;
  font-weight: bold;
  background-image: url(/images/community/keny_community_bg.png);
  background-repeat: no-repeat;
}
div#kenny-community div h2{ margin-top: 10px; margin-left: 10px;}
div#kenny-community div h3{ margin-left: 10px; color: #333333;}
div#kenny-community div a { float: left; margin: 90px 0px 0 170px;}

div#community-recent-winners {
  border-bottom: 1px solid #ccc;
  height: 230px;
  width: 534px;
  margin-bottom: 5px;
}
div.recent-winners-col {
  float: left;
  width: 176px;
  margin: 5px 0 5px 0;
  border-right: 1px solid #ccc;
}
div.recent-winners-home {
  float: left;
  width: 176px;
  margin: 5px 0 5px 0;
}
div.recent-winners-col h3 {
  font-size: 11px;
  margin-top: 4px;
}
div.recent-winners-col-foot {
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin: 0 0 0 13px;
}
div.recent-winners-col-foot a { font-size: 12px;}

div#faq-community {
  font-size: 11px;
  line-height: 13px;
  font-weight: bold;
}

div#faq-community p {
  width: 430px;
}

div#faq-community div{
  width: 525px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 16px;
}

div#faq-community div div{
  float: left;
  width: 175px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 2px;
}

div#community-right {
  float: left;
  width: 264px;
  padding-left: 20px;
  margin-top: 10px;
  border-left: 1px solid #ccc;
}
div#community-search {
  margin: 0 0 40px 0;
  font-size: 11px;
  line-height: 13px;
}
div#community-search form{height:18px; margin-top: 8px;}
div#community-search form input{ 
  border: 1px solid #999;
  width: 180px;
  height: 14px;
  margin: 0;
}
div#community-search form img {float: right;}

div#spoy-lead {
  width: 264px;
  height: 30px;
  margin: 30px 0 0 0;
  background-image: url(/images/community/spoy_lead_nav_bg.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
}

ul#spoy-lead-nav {
  height: 30px;
  margin: 0 5px 0 0; 
}

ul#spoy-lead-nav li  {
  list-style-type: none;
  height: 30px;
  margin: 0 0 0 7px;
  padding: 0;
  border: 0 none;
  float: left;
  background-repeat: no-repeat;
  
}
ul#spoy-lead-nav li#spoy a 
{background-image: url(/images/community/spoy_lead_nav.gif); background-position: 0 0; border: 0; display: block; height: 30px; width:59px;}
ul#spoy-lead-nav li#spoy a:hover 
{background-image: url(/images/community/spoy_lead_nav.gif); background-position: -58px 0; border: 0; display: block; height: 30px; width:59px;}
ul#spoy-lead-nav li#spoy a.selected
{background-image: url(/images/community/spoy_lead_nav.gif); background-position: -58px 0; border: 0; display: block; height: 30px; width:59px;}

ul#spoy-lead-nav li#lead a 
{background-image: url(/images/community/spoy_lead_nav.gif); background-position: -116px 0; border: 0; display: block; height: 30px; width:149px;}
ul#spoy-lead-nav li#lead a:hover 
{background-image: url(/images/community/spoy_lead_nav.gif); background-position: -264px 0; border: 0; display: block; height: 30px; width:149px;}
ul#spoy-lead-nav li#lead a.selected 
{background-image: url(/images/community/spoy_lead_nav.gif); background-position: -264px 0; border: 0; display: block; height: 30px; width:149px;}

div#lead-date {
  background-color: #e7e7e7;
  color: #333;
  font-size: 11px;
  padding: 5px;
  width: 264px;
}

div#spoy-head {
  background-color: #e7e7e7;
  color: #333;
  font-size: 11px;
  padding: 5px;
}
  
div#spoy-head {padding: 5px 0 0 0; height: 56px; line-height: 13px; }
  
div#spoy-head img {
  float:left;}


div#spoy-content div.spoy-bg{
  width: 264px;
  height: 63px;
  background-image: url(/images/community/spoy_bg.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  margin-top: 10px;
  clear: left; 
}
div#spoy-content div.spoy-bg div.spoy-place{
  float:left;
  width: 54px;
  padding-top: 25px;
  font-size: 24px;
  font-weight: bolder;
  color:#333;
  text-align: center;
  background-image: none;
  margin: 0;
}
div#spoy-content div.spoy-bg img{
  float:left;
  margin:7px 0 0 0px;
}

div#spoy-content div.spoy-bg div.spoyinfo{
  width: 145px;
  float: right;
  margin: 0;
  padding: 15px 0 0 0;
  font-size: 11px;
  font-weight: bold;
  background-image: none;
  margin: 0;
}
div#spoy-content div.spoy-bg div.spoyinfo a{ color:#333; line-height: 21px;}

div#leaderboard-content div{
  width: 264px;
  height: 63px;
  background-repeat: no-repeat;
  background-position: bottom;
}
div#leaderboard-content div.lead-money-won {
  background-image: url(/images/community/lead_money_won_bg.gif);}
div#leaderboard-content div.lead-first-place {
  background-image: url(/images/community/lead_first_place_bg.gif);}
div#leaderboard-content div.lead-final-table {
  background-image: url(/images/community/lead_final_table_bg.gif);}
div#leaderboard-content div.lead-bounties {
  background-image: url(/images/community/lead_bounties_bg.gif);}
div#leaderboard-content div.lead-hands {
  background-image: url(/images/community/lead_hands_bg.gif);}

div#leaderboard-content div img{
  float:left;
  margin:7px 0 0 54px;
}
div#leaderboard-content div div.leadinfo{
  height: 58px;
  width: 145px;
  float: right;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 18px;
  font-weight: bold; 
}
div#leaderboard-content div div.leadinfo a{ color:#333; line-height: 17px;}

div#community-partners {
  background-color: #e7e7e7;
  padding: 10px;
  font-size: 11px;
  line-height: 14px;
}

div#community-onebigplanet {
  background-color: #e7e7e7;
  height: 151px;
  padding: 10px;
  font-size: 11px;
  line-height: 14px;
}
div#community-partners img{
  margin: 0 auto 0 auto;
  display: block;
}
  
div#community-partners a{
  font-size: 12px;
  font-weight: bold;
}

.spoy-trophy {
float: right; margin: 50px 20px 0 0;}
h2.spoy-head {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin: 25px 0 10px 0;
}
p.spoy-body {
  font-size: 11px;
  line-height: 20px;
  color; #333;}

ul.spoy-list { margin:0 0 0 10px;}

ul.spoy-list li {
  font-size: 11px;
  line-height: 20px;
  color; #333;}
  
div#spoy-rank-top {
  width: 610px;
  height: 217px;
  margin-bottom: 50px;
}
div#spoy-rank-top.spoy-2008 {
  background-image: url(/images/community/spoy_bg_black_2008.gif);
  background-repeat: none;
}
div#spoy-rank-top.spoy-2009 {
  background-image: url(/images/community/spoy_bg_black_2009.gif);
  background-repeat: none;
}
div#spoy-rank-top.spoy-2010 {
  background-image: url(/images/community/spoy_bg_black_2010.gif);
  background-repeat: none;
}
div#spoy-rank-top div{
  float: right;
  margin:10px;
  width: 400px;
  height: 156px;
  background-image:none;
  margin: 18px 10px 0 0;
}
div#spoy-rank-top div h3 {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 10px 0;
  color: #fff;
}
div#spoy-rank-top div p {
  margin: 10px 0 0 0;
  font-size: 11px;
  line-height: 18px;
  color: #fff;
  font-weight: normal;
  }
div#spoy-rank-top a { font-size: 14px; font-weight: bold;}
h2#spoy-rank-title {float: left; font-size: 18px; color: #333; width: 508px}
p#spoy-day {float: right; font-size: 11px; font-weight: bold; color: #333; width: 100px;}
div#spoy-rank {
  width: 610px;
  border-top: 1px solid #666;
}
div#spoy-rank table{
  margin: 15px 0 30px 0;
  width: 610px;
}
div#spoy-rank table tr th, div#spoy-rank table tr td{color: #333; vertical-align: middle; text-align: center;  font-size: 14px; font-weight: bold;}

div#spoy-rank table tr th{
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  color: #666;
}

div#spoy-rank table tr td.spoy-place{
  font-size: 24px;
  line-height: 24px;
  color: #333;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

div#spoy-rank table tr td.spoy-member div{
  float: left;
  padding: 2px;
  border: 1px solid #ccc;
}
div#spoy-rank table tr td.spoy-member-name a {
  float: left;
  color:#333;
  font-weight: bold;
  font-size: 14px;
}
div#spoy-rank table tr td.spoy-member a:visited { color:#333; }

/* New Player Profile */

#bucket-player {
	height:134px;
	width:610px;
	margin:auto;
	background-color:#333;
	vertical-align:top;
	font-size:11px;
}

#bucket-player .white-box {
	background-color:#fff;
	width:300px;
	height:126px;
	float:right;
	margin:4px;
}

#bucket-player .white-box .bio {
	width:280px;
	padding:10px 0 10px 10px;
	line-height:16px;
	height:84px;
	overflow: hidden;
}

#bucket-player .white-box #request_this_friend {
	background-color:#e3e3e3;
	text-align:right;
	padding:3px;
}

#bucket-player .white-box #request_this_friend a {
	color:#990000;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
}

#bucket-player .white-box #request_this_friend a:hover {
	color:#990000;
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:bold;
}

#bucket-player .player {
	color:#fff;
	font-weight:bold;
	padding:4px 0 0 16px;
}

#bucket-player .player .player-name {
	font-size:19px;
	color:#fff;
	margin-top:2px;
}

/* Player Profile Badges */

#badges-title {
}

#badges-title h1, #friends-title h1 {
	float:left;
}

#badges-title a, #friends-title a {
	color: #990000;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	float: right;
	padding-top: 4px;
}

#badges-title a:visited, #friends-title a:visited {
  color:#990000;
}

/* public - what is Spadeclub */

div#what-spadeclub{ 
  width: 621px; height: 550px; 
  background-image: url(/images//promotions/what_is_spadeclub_bg.gif); background-repeat: repeat-y; margin: 20px 0 20px 0;}
  
div#what-spadeclub div{
  float: left; padding: 10px; font-size: 14px; font-weight: bold; line-height: 20px;}
div#what-spadeclub div h3{ font-size: 20px; color: #ff6600; margin: 5px 0 5px 0;}

/* install guide */

div#install-guide {margin: 20px 0 0 20px; width: 817px;}
div#install-header {
  background-image: url(/images/signup/install_header.gif); background-repeat: no-repeat;
  width: 817px; height: 133px;
  }

div#install-header h1 {
  font-size: 18px; line-height: 24px; font-family: Arial;
  color: #333; margin: 50px 0 0 160px; clear: both;}

div#install-guide div#install-guide-inner {
  background-color: #e4e4e4; margin: 0; text-align: center;}

div#install-guide div#install-guide-inner a.download_game { display: block; height: 76px; width: 415px; text-indent: -9999px; outline: 0; background-image: url(/images/signup/download_game.png); background-repeat: no-repeat; background-position: top left; margin:0 0 15px 0; margin:0 auto; }
div#install-guide div#install-guide-inner a.download_game:hover { background-position: 0px -76px; }

div#install-guide div#install-guide-inner p{ font-size: 14px; color: #333; font-weight: bold;}

div#install-guide div#install-guide-inner table.steps {
  width: 703px; text-align: left; margin: 10px 0 30px 55px;}

div#install-guide div#install-guide-inner table.steps tr td{ vertical-align: middle; }

div#install-guide div#install-guide-inner table.steps tr th{ width: 300px; }

div#install-guide div#install-guide-inner table.steps tr td table {
  float: left; background-color: #fff;
  border-left: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4;}

div#install-guide div#install-guide-inner table.steps tr td table tr td {
  font-size: 14px; color: #333; font-weight: bold; vertical-align: middle; padding-left: 20px;}

div#install-guide div#install-guide-inner p#winning {font-weight: bold; font-style: italic; font-size: 24px; color:#333;}

/* System Requirements - How to Play */

#system-requirements { line-height:18px; font-weight:bold; color:#333; }
#system-requirements a { text-decoration:underline; color:#f60; }
#system-requirements a:hover { text-decoration:none; }
#system-requirements .left { width:400px; float:left; }
#system-requirements .right { width:170px; float:right; border-left:1px solid #ccc; padding-left:15px; font-size:11px; }
#system-requirements ul li { font-weight:normal; list-style-type:none; }

#system-requirements a.download_game { display: block; height: 76px; width: 415px; text-indent: -9999px; outline: 0; background-image: url(/images/signup/download_game.png); background-repeat: no-repeat; background-position: top left; margin:0 0 15px 0; margin:0 auto; }
#system-requirements a.download_game:hover { background-position: 0px -76px; }

#system-requirements a.instant_play { display: block; height: 76px; width: 415px; text-indent: -9999px; outline: 0; background-image: url(/images/base/instant_play.png); background-repeat: no-repeat; background-position: top left; margin:0 0 15px 0; margin:0 auto; }
#system-requirements a.instant_play:hover { background-position: 0px -76px; }

#system-requirements div.hr_orange_or_long { display: block; height: 16px; width: 606px; text-indent: -9999px; outline: 0; background-image: url(/images/base/hr_orange_or_long.jpg); background-repeat: no-repeat; background-position: top left; margin:30px auto; }

/* Offer Pal */
#offerpal-intro {
 width: 840px;
  height: 401px;
  margin-top:-10px;
}

#offerpal-intro-left {
  float: left;
  width: 475px;
  height: 410px;
  background-image: url(/images/home/offerpal_left.gif);
	background-repeat: no-repeat;
}

#offerpal-intro-left a img{position: relative; top: 344px; left:12px;}

#offerpal-intro-right {
  float: left;
  width: 365px;
  height: 410px;
  background-image: url(/images/home/offerpal_right.gif);
	background-repeat: no-repeat;
}

#offerpal-intro-right div.e-error{ background-color: #fff; width: 200px; padding: 5px; border: 1px solid #333; margin: 10px 0 0 30px; text-align: center;}
#offerpal-intro-right form {margin: 260px 0 0 0; width: 272px; height: 49px;}
#offerpal-intro-right form table tr th {float: left; color: #fff; font-family: Arial; font-size: 11px; font-weight: normal;float:left;}
#offerpal-intro-right form table tr td input{ border: 1px solid #000; margin: 0; height: 16px; width: 160px; }
#offerpal-intro-right form table tr td.btn-play input{border:0; width: 63px; height: 26px;}

.centered {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

div.promotions_images {
  width: 350px;
  float: right; 
  margin: 20px 0px 10px 4px;
}

/* Token Rush */

table#token-rush-schedule { border:1px solid #e8e8e8; }
table#token-rush-schedule tr.row { background:#f1f1f1; }
table#token-rush-schedule tr.row2 { background:#fff; }

table#token-rush-schedule tr th { padding:3px; background-color:#e8e8e8; font-weight:bold; }
table#token-rush-schedule tr td { padding:3px; }

/* New Tournament Offering */

table#tournament-offer { border:0px; }
table#tournament-offer tr th { padding:4px; }
table#tournament-offer tr td { padding:4px; }


/* VIP Rewards */

.vip-rewards { width:840px; height:240px; background:url(/images/club_rewards/vip/vip-rewards-bg.jpg) no-repeat; }
.vip-rewards .get-rewarded { float:left; width:580px; height: 240px; font-size: 18px; color:#990000; font-weight:bold; }
.vip-rewards .get-rewarded .username { float:right; padding: 60px 0 0 0; }
.vip-rewards .get-rewarded a div.upgrade-now { float:right; width:135px; height: 30px; margin:30px 0 0 0; }
.vip-rewards .to-become-a { float:right; width:200px; height: 240px; }
.vip-rewards .to-become-a .quarterly-membership { float:right; width:86px; height: 48px; margin: 50px 16px 0 0; background:url(/images/club_rewards/vip/vip-rewards-sprite.gif) 0 151px; display:inline; }
.vip-rewards .to-become-a .annual-membership { float:right; width:86px; height: 48px; margin: 10px 16px 0 0; background:url(/images/club_rewards/vip/vip-rewards-sprite.gif) 0 100px; display:inline; }
.vip-rewards .to-become-a .biannual-membership { float:right; width:86px; height: 48px; margin: 10px 16px 0 0; background:url(../images/club_rewards/vip/vip-rewards-sprite.gif) 0 50px; display:inline; }

.vip-offers { background:url(/images/club_rewards/vip/vip-partners.jpg); width:840px; height:281px; }
.vip-offers div { width:65px; height:20px; position:absolute; }
.vip-offers div.view-all { position:absolute; margin: 240px 0 0 375px; }


.vip-bronze {}
.vip-bronze a div.upgrade { float:left; width:180px; height:165px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat; }
.vip-bronze div.rewards, .vip-silver div.rewards, .vip-gold div.rewards { float:left; width:420px; height:165px; padding:0 0 0 20px; }
.vip-bronze div.rewards div.title { float:left; width:450px; height:25px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -8px -167px; }
.vip-bronze div.rewards ul, .vip-silver div.rewards ul, .vip-gold div.rewards ul { float:left; }
.vip-bronze div.rewards ul li { padding:5px 0 5px 15px; color:#95460e; font-size:14px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -400px -145px; }
.vip-bronze div.rewards ul li a { font-size:11px; font-weight:none; }
.vip-bronze a div.become-a-vip { float:right; width:180px; height:115px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -185px 0; }

.vip-silver {}
.vip-silver a div.upgrade { float:left; width:180px; height:165px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat 0 -215px; }
.vip-silver div.rewards div.title { float:left; width:450px; height:25px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -8px -385px; }
.vip-silver div.rewards ul li { padding:5px 0 5px 15px; color:#666666; font-size:14px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -400px -360px; }
.vip-silver div.rewards ul li a { font-size:11px; font-weight:none; }
.vip-silver a div.become-a-vip { float:right; width:180px; height:140px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -185px -215px; }

.vip-gold {}
.vip-gold a div.upgrade { float:left; width:180px; height:165px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat 0 -430px; }
.vip-gold div.rewards div.title { float:left; width:450px; height:25px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -8px -602px; }
.vip-gold div.rewards ul li { padding:5px 0 5px 15px; color:#b88c09; font-size:14px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -400px -575px;}
.vip-gold div.rewards ul li a { font-size:11px; font-weight:none; }
.vip-gold a div.become-a-vip { float:right; width:180px; height:115px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -185px -430px; display:inline; }

.vip-bronze-landing { width:840px; height:235px; background:url(/images/club_rewards/vip/vip-rewards-bg.jpg) no-repeat 0 -237px; }
.vip-bronze-landing .member-info { float:left; width:215px; height:230px; }
.vip-bronze-landing .member-info div { color:#95460e; margin: auto; text-align:center; }
.vip-bronze-landing .member-info .username { padding:20px 0 0 0; font-size:18px; font-weight: bold; text-align:center; }
.vip-bronze-landing .member-info .user-status { padding:10px 0 0 0; font-size:14px; font-weight: bold; font-style:italic }
.vip-bronze-landing .your-rewards { float:left; width:380px; height: 240px; }
.vip-bronze-landing .your-rewards ul { float:left; margin: 50px 0 0 25px; display:inline; }
.vip-bronze-landing .your-rewards ul li { padding:5px 0 5px 15px; color:#95460e; font-size:14px; background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -400px -145px; }
.vip-bronze-landing .your-rewards ul li a { font-size:11px; font-weight:none; }
.vip-bronze-landing .to-become-a { float:right; width:200px; height: 240px; }


.vip-bronze-landing .to-become-a .quarterly-membership, .vip-silver-landing .to-become-a .quarterly-membership, .vip-gold-landing .to-become-a .annual-membership { float:right; width:86px; height: 48px; margin: 10px 16px 0 0; background:url(../images/club_rewards/vip/vip-rewards-sprite.gif) 0 151px; display:inline; }

.vip-bronze-landing .to-become-a .annual-membership, .vip-silver-landing .to-become-a .annual-membership, .vip-gold-landing .to-become-a .annual-membership { float:right; width:86px; height: 48px; margin: 10px 16px 0 0; background:url(/images/club_rewards/vip/vip-rewards-sprite.gif) 0 100px; display:inline; }

.vip-bronze-landing .to-become-a .biannual-membership, .vip-silver-landing .to-become-a .biannual-membership, .vip-gold-landing .to-become-a .biannual-membership { float:right; width:86px; height: 48px; margin: 10px 16px 0 0; background:url(../images/club_rewards/vip/vip-rewards-sprite.gif) 0 50px; display:inline; }


.vip-silver-landing { width:840px; height:235px; background:url(/images/club_rewards/vip/vip-rewards-bg.jpg) no-repeat 0 -468px; }
.vip-silver-landing .member-info { float:left; width:215px; height:230px; }
.vip-silver-landing .member-info div { color:#666666; margin: auto; text-align:center; }
.vip-silver-landing .member-info .username { padding:20px 0 0 0; font-size:18px; font-weight: bold; text-align:center; }
.vip-silver-landing .member-info .user-status { padding:10px 0 0 0; font-size:14px; font-weight: bold; font-style:italic }
.vip-silver-landing .your-rewards { float:left; width:390px; height: 240px; }
.vip-silver-landing .your-rewards ul { float:left; margin: 50px 0 0 25px; display:inline; }
.vip-silver-landing .your-rewards ul li { padding:5px 0 5px 15px; color:#666666; font-size:14px;  background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -400px -360px; }
.vip-silver-landing .your-rewards .silver-redeem { float:right; width:75px; height: 25px; background:url(/images/club_rewards/vip/vip-rewards-sprite.gif) -1px 0; }
.vip-silver-landing .your-rewards .already-redeemed { float:right; width:75px; height: 23px; background:url(/images/club_rewards/vip/vip-rewards-sprite.gif) -1px -60px; }
.vip-silver-landing .your-rewards ul li a { font-size:11px; font-weight:none; }

.vip-gold-landing { width:840px; height:265px; background:url(/images/club_rewards/vip/vip-rewards-bg.jpg) no-repeat 0 -700px; }
.vip-gold-landing .member-info { float:left; width:215px; height:230px; }
.vip-gold-landing .member-info div { color:#b88c09; margin: auto; text-align:center; }
.vip-gold-landing .member-info .username { padding:20px 0 0 0; font-size:18px; font-weight: bold; text-align:center; }
.vip-gold-landing .member-info .user-status { padding:10px 0 0 0; font-size:14px; font-weight: bold; font-style:italic }
.vip-gold-landing .your-rewards { float:left; width:390px; height: 240px; }
.vip-gold-landing .your-rewards ul { float:left; margin: 50px 0 0 25px; display:inline; }
.vip-gold-landing .your-rewards ul li { padding:3px 0 3px 15px; color:#b88c09; font-size:14px;  background:url(/images/club_rewards/vip/vip-sprite-landing.gif) no-repeat -400px -575px; }
.vip-gold-landing .your-rewards .gold-redeem { float:right; width:75px; height: 25px; background:url(/images/club_rewards/vip/vip-rewards-sprite.gif) -1px -35px; }
.vip-gold-landing .your-rewards .already-redeemed { float:right; width:75px; height: 23px; background:url(/images/club_rewards/vip/vip-rewards-sprite.gif) -1px -60px; }
.vip-gold-landing .your-rewards ul li a { font-size:11px; font-weight:none; }
.vip-gold-landing .thank-you { float:right; width:200px; height: 240px; }

.vip-webinar-right-column { padding-right:20px; float:right; background:url(/images/club_rewards/vip/vip-sprite-webinar.jpg) 0 -530px no-repeat; width:135px; height:290px; padding-top:140px; font-size:11px; }

.vip-webinar-content { width: 400px; }
.vip-webinar-content p { line-height: 18px; font-size:11px; font-weight:bold; color: #333; }
.vip-webinar-content div.webinar-badges { background:url(/images/club_rewards/vip/vip-sprite-webinar.jpg) no-repeat -0 -50px; width:394px; height:180px; }
.vip-webinar-content div.hr { background:url(/images/club_rewards/vip/vip-sprite-webinar.jpg) 0 -482px no-repeat; width:394px; height:5px;}

.vip-webinar-eligible { background:url(/images/club_rewards/vip/vip-sprite-webinar.jpg) 0 -482px no-repeat; width:394px; height:40px; }
.vip-webinar-eligible .more-rewards { position:absolute; width: 74px; height: 20px; margin: 8px 0 0 48px; }
.vip-webinar-ineligible { background:url(/images/club_rewards/vip/vip-sprite-webinar.jpg) 0 -225px; width:394px; height:65px; }
.vip-webinar-ineligible a div.upgrade-now { position:absolute; width: 160px; height: 30px; margin-left:118px; }
.vip-webinar-ineligible a div.more-rewards { position:absolute; width: 70px; height:20px; margin:34px 0 0 60px; }
.vip-webinar-ineligible a div.become-a-silver-vip { position:absolute; width:162px; height: 70px; margin:75px 0 0 0; }
.vip-webinar-ineligible a div.become-a-gold-vip { position:absolute; width:162px; height: 70px; margin:75px 0 0 230px; }
.vip-webinar-ineligible div.silver-price { position:absolute; margin: 153px 0 0 105px; }
.vip-webinar-ineligible div.gold-price { position:absolute; margin: 153px 0 0 330px; color:#d69634; }


.vip-book-right-column { padding-right:20px; float:right; background:url(/images/club_rewards/vip/vip-sprite-book.jpg) -210px -450px no-repeat; width:170px; height:450px; padding-top:230px; font-size:11px; }

.vip-book-content { width: 400px; }
.vip-book-content p { line-height: 18px; font-size:11px; font-weight:bold; color: #333; }
.vip-book-content div.book-badges { background:url(/images/club_rewards/vip/vip-sprite-book.jpg); width:394px; height:230px; }

.vip-book-eligible { width:400px; }
.vip-book-eligible p { line-height: 18px; font-size:14px; font-weight:bold; color:#333; }
.vip-book-more-rewards { background:url(/images/club_rewards/vip/vip-sprite-book.jpg) 0 -400px; width:394px; height:60px; }
.vip-book-more-rewards a div { position:absolute; width: 70px; height: 20px; margin: 15px 0 0 3px; }
.vip-book-redeem { background:url(/images/club_rewards/vip/vip-sprite-book.jpg) 0 -460px; width:165px; height:70px; margin: 0 0 0 120px; }
.vip-book-redeem a div { position:absolute; width: 162px; height: 67px; }
.vip-book-ineligible { background:url(/images/club_rewards/vip/vip-sprite-webinar.jpg) 0 -225px; width:394px; height:65px; }
.vip-book-ineligible a div.upgrade-now { position:absolute; width: 160px; height: 30px; margin-left:118px; }
.vip-book-ineligible a div.more-rewards { position:absolute; width:70px; height:20px; margin:34px 0 0 60px; }
.vip-book-ineligible a div.become-a-silver-vip { position:absolute; width:162px; height: 70px; margin:75px 0 0 0; }
.vip-book-ineligible a div.become-a-gold-vip { position:absolute; width:162px; height: 70px; margin:75px 0 0 230px; }
.vip-book-ineligible div.silver-price { position:absolute; margin: 153px 0 0 105px; }
.vip-book-ineligible div.gold-price { position:absolute; margin: 153px 0 0 330px; color:#d69634; }

.vip-magazine-right-column { padding-right:20px; float:right; background:url(/images/club_rewards/vip/vip-sprite-magazine.jpg) -210px -450px no-repeat; width:165px; height:290px; padding-top:230px; font-size:11px; }
.vip-magazine-content { width: 400px; }
.vip-magazine-content p { line-height: 18px; font-size:11px; font-weight:bold; color: #333; }
.vip-magazine-content div.magazine-badges { background:url(/images/club_rewards/vip/vip-sprite-magazine.jpg); width:394px; height:230px; }


.vip-magazine-eligible { width:400px; }
.vip-magazine-eligible p { line-height: 18px; font-size:14px; font-weight:bold; color:#333; }
.vip-magazine-more-rewards { background:url(/images/club_rewards/vip/vip-sprite-book.jpg) 0 -400px; width:394px; height:60px; }
.vip-magazine-more-rewards a div { position:absolute; width: 70px; height: 20px; margin: 15px 0 0 3px; }
.vip-magazine-redeem { background:url(/images/club_rewards/vip/vip-sprite-book.jpg) 0 -460px; width:165px; height:70px; margin: 0 0 0 120px; }
.vip-magazine-redeem a div { position:absolute; width: 162px; height: 67px; }

.vip-magazine-ineligible { background:url(/images/club_rewards/vip/vip-sprite-magazine.jpg) 0 -225px; width:394px; height:65px; }
.vip-magazine-ineligible a div.upgrade-now { position:absolute; width: 160px; height: 30px; margin-left:118px; }
.vip-magazine-ineligible a div.more-rewards { position:absolute; width:70px; height:20px; margin:34px 0 0 60px; }
.vip-magazine-ineligible a div.become-a-silver-vip { position:absolute; width:162px; height: 70px; margin:75px 0 0 0; }
.vip-magazine-ineligible a div.become-a-gold-vip { position:absolute; width:162px; height: 70px; margin:75px 0 0 230px; }
.vip-magazine-ineligible div.silver-price { position:absolute; margin: 153px 0 0 105px; }
.vip-magazine-ineligible div.gold-price { position:absolute; margin: 153px 0 0 330px; color:#d69634; }

.already-redeemed { width:350px; font-size:16px; font-weight:bold; }

/* Upgrade Process */

table#upgrade-vip tbody tr td {text-align: center!important; float: none;}
table#upgrade-vip tbody tr td table{float: none; margin: auto;}


.upgrade-member-info { background:url(/images/signup/upgrade-sprite.gif) no-repeat; width:600px; height:60px; position: relative; }

.upgrade-member-info .username,
.upgrade-member-info .membership-type,
.upgrade-member-info .vip-level
{height:25px; width:130px; padding:35px 0 0 10px; display:inline;  float:left; font-weight:bold;}

.upgrade-member-info .username {height:45px; line-height:45px; font-size:18px; width:130px; padding-top: 0px; margin-top: 20px; }
.upgrade-member-info .membership-type {width:160px; font-size:14px;}
.upgrade-member-info .vip-level {width:240px; font-size:14px;}

.upgrade-member-info .basic, .upgrade-member-info .exclusive, .upgrade-member-info .bronze,
.upgrade-member-info .silver, .upgrade-member-info .gold
{background:url(/images/signup/upgrade-sprite.gif); background-repeat: no-repeat; width:48px; height:50px; float:right; margin: 3px 3px 0 0;}

.upgrade-member-info .basic {background-position: 0 -60px;}
.upgrade-member-info .exclusive {background-position: -49px -60px;}

.upgrade-member-info .bronze, .upgrade-member-info .silver, .upgrade-member-info .gold {width:40px; height:55px; position: absolute; top:0; right:0;}

.upgrade-member-info .bronze {background-position: 0 -118px;}
.upgrade-member-info .silver {background-position: -50px -118px;}
.upgrade-member-info .gold {background-position:-100px -118px;}

.upgrade-selection { background:url(/images/signup/upgrade-sprite.gif) -605px 0 no-repeat; width:138px; height:228px; float:left; margin: 2px; text-align: left!important;}

.upgrade-selection .basic { background:url(/images/signup/upgrade-sprite.gif) 0 -60px no-repeat; width:48px; height:50px; margin:auto; }
.upgrade-selection .exclusive { background:url(/images/signup/upgrade-sprite.gif) -49px -60px no-repeat; width:48px; height:50px; margin:auto; }
.upgrade-selection .bronze { background:url(/images/signup/upgrade-sprite.gif) 0 -118px no-repeat; width:40px; height:55px; margin:auto; }
.upgrade-selection .silver { background:url(/images/signup/upgrade-sprite.gif) -50px -118px no-repeat; width:40px; height:55px; margin:auto; }
.upgrade-selection .gold { background:url(/images/signup/upgrade-sprite.gif) -100px -118px no-repeat; width:40px; height:55px; margin:auto; }

.upgrade-selection .membership-type {width:138px; font-size:18px; font-weight:bold; padding: 32px 0 0 4px;}
.upgrade-selection .membership-type div.radio {float:left; margin-left:4px;}
.upgrade-selection .membership-type div.label {margin-top:3px;}
.upgrade-selection .included { font-size:9px; color:#666; padding: 2px 0 5px 10px; }
.upgrade-selection .price { width:138px; font-size:18px; font-weight:bold; padding: 20px 0 0 8px; color:#CD0000; }
.upgrade-selection .price span { font-size:10px; color:#666; font-weight: normal; }
.upgrade-selection .normal-price { position:absolute; top:-41px; left:52px; }
.upgrade-selection .normal-price span { font-size:12px; font-weight:bold; }
.upgrade-selection .normal-price span del { color:red; padding-top:2px; }
.upgrade-selection .normal-price span del span { color:#666; }
.upgrade-selection .vip-level {width:138px; font-size:16px; font-weight:bold; padding: 36px 0 6px 8px;}
.upgrade-moreinfo { background:url(/images/signup/upgrade-sprite.gif) 0 -180px no-repeat; width:578px; height:37px; margin:0 auto;}
.upgrade-moreinfo a div { position:absolute; width:75px; height:17px; margin:10px 0 0 105px ; }


.upgrade-purchase { width:305px; margin:auto; }

.upgrade-purchase input.button { width:310px; height: 58px; background:url(/images/signup/upgrade-sprite.gif) -140px -64px; no-repeat; border:0; cursor: pointer;}

/* Upgrade / Credit Card Billing */

#account-thank-you { float:left; width:235px; }
#account-thank-you .username { height:30px; background:url(/images/signup/upgrade-confirmation.gif) 0 -95px no-repeat; font-size:18px; font-weight:bold; padding:35px 0 0 0; }
#account-thank-you .membership-type { height:30px; background:url(/images/signup/upgrade-confirmation.gif) 0 -165px no-repeat; font-size:14px; font-weight:bold; padding:25px 0 0 0; }
#account-thank-you .vip-level { height:80px; background:url(/images/signup/upgrade-confirmation.gif) 0 -225px no-repeat; font-size:14px; font-weight:bold; padding:30px 0 0 0; }

#account-thank-you .vip-level .bronze-badge { background:url(/images/badges/large/vip-bronze.gif) no-repeat; width:66px; height:74px; float:left; margin: 0 5px 0 10px ; }
#account-thank-you .vip-level .silver-badge { background:url(/images/badges/large/vip-silver.gif) no-repeat; width:66px; height:74px; float:left; margin: 0 5px 0 10px ; }
#account-thank-you .vip-level .gold-badge { background:url(/images/badges/large/vip-gold.gif) no-repeat; width:66px; height:75px; float:left; margin: 0 5px 0 10px ; }
#account-thank-you .vip-level .bronze { color:#95460e; }
#account-thank-you .vip-level .silver { color:#666666; }
#account-thank-you .vip-level .gold { color:#d69634; }
#account-thank-you .vip-level .content { font-size:11px; font-weight:normal; font-style:italic; }
#account-thank-you .vip-level .content a { text-decoration:underline; }


.creditcard-information-head { width:352px; height:30px; background:url(/images/signup/upgrade-confirmation.gif) no-repeat; }
.creditcard-information-hr { width:352px; height:10px; background:url(/images/signup/upgrade-confirmation.gif) 0 -45px no-repeat; }
.creditcard-information-bottom { width:352px; height:20px; background:url(/images/signup/upgrade-confirmation.gif) 0 -65px no-repeat; }

#creditcard-information { float:right; width:352px; font-size:11px; font-weight:bold;  background:url(/images/signup/upgrade-confirmation-bg.gif) repeat-y; }
#creditcard-information div { padding:4px 10px 4px 10px; }
#creditcard-information div.error { font-size:12px; color:#cc0000;}
#creditcard-information div.errorExplanation { color:#cc0000; }
#creditcard-information table { width:332px; margin:auto; }
#creditcard-information table tr td { padding:8px 0 0 8px ; font-weight:bold;}
#creditcard-information table tr td input { width:140px; margin:2px 0 2px 0; border:1px solid #000; }
#creditcard-information table tr td input.security-code { width:45px; }
#creditcard-information table tr td select { width:228px; height:18px; margin:2px 0 2px 0; border:1px solid #000; }

#creditcard-information #billing_info_cc_expiry_2i, #creditcard-information #billing_info_cc_expiry_1i { width:70px; }
#creditcard-information #billing_info_cc_type { width:140px; }

/* Upgrade Success */

#upgrade-success { float:right; width:300px; font-size:11px; font-weight:bold;  background:url(/images/signup/upgrade-success-bg.gif) repeat-y; }
#upgrade-success div { padding:4px 10px 4px 14px; }
#upgrade-success div span { font-size:18px; font-style:italic; }

#upgrade-success .username { height:34px; font-size:18px; font-weight:bold; }

.upgrade-success-head { width:300px; height:40px; background:url(/images/signup/upgrade-success.gif) no-repeat; }
.upgrade-success-hr { width:300px; height:10px; background:url(/images/signup/upgrade-success.gif) 0 -45px no-repeat; }
.upgrade-success-level { width:300px; height:18px; background:url(/images/signup/upgrade-success.gif) 0 -65px no-repeat; border:1px solid red; }
.upgrade-success-bottom { width:300px; height:54px; background:url(/images/signup/upgrade-success.gif) 0 -105px no-repeat; }
.upgrade-success-bottom a { font-size:14px; }

#upgrade-success .vip-level-title { height:20px; background:url(/images/signup/upgrade-success.gif) 0 -65px no-repeat; }

#upgrade-success .vip-level { font-size:16px; font-weight:bold; }
#upgrade-success .vip-level .none-badge { background:url(/images/badges/large/exclusive-badge.gif) no-repeat; width:66px; height:74px; float:left; margin: 0 5px 0 10px ; }
#upgrade-success .vip-level .bronze-badge { background:url(/images/badges/large/vip-bronze.gif) no-repeat; width:66px; height:74px; float:left; margin: 0 5px 0 10px ; }
#upgrade-success .vip-level .silver-badge { background:url(/images/badges/large/vip-silver.gif) no-repeat; width:66px; height:74px; float:left; margin: 0 5px 0 10px ; }
#upgrade-success .vip-level .gold-badge { background:url(/images/badges/large/vip-gold.gif) no-repeat; width:66px; height:75px; float:left; margin: 0 5px 0 10px ; }
#upgrade-success .vip-level .bronze { color:#95460e; }
#upgrade-success .vip-level .silver { color:#666666; }
#upgrade-success .vip-level .gold { color:#d69634; }
#upgrade-success .vip-level .content { font-size:11px; font-weight:normal; font-style:italic; }
#upgrade-success .vip-level .content a { text-decoration:underline; }

#thank-you-success { float:left; width:249px; margin:0 0 0 20px; text-align:center; }
#thank-you-success a { font-size:20px; font-weight:bold; line-height: 22px; }

/* Standard Table Ledger */

table#ledger { border:1px solid #e8e8e8;}
table#ledger thead tr th {background:#e8e8e8; font-weight: bold; padding: 4px;}
table#ledger tbody tr.on td {background:#f1f1f1; }
table#ledger tbody tr td {vertical-align: middle; padding: 4px;}
table#ledger tbody tr td img{float: left; margin-left: 5px;}

ul#hand-summary {width: 225px; margin-bottom: 20px;}
ul#hand-summary li {margin: 5px 0 5px 0;}
ul#hand-summary li p img {float: left; margin: 0 5px 10px 0; }



/* Payout Structure */

.payout-structure {
}

.payout-structure tr th { background:#e8e8e8; font-weight: bold; padding: 4px; border-bottom:1px solid #fff; border-left:1px solid #fff; text-align:center; }

.payout-structure tr td { background:#f1f1f1; padding: 4px; border-bottom:1px solid #fff; border-left:1px solid #fff; text-align:center; }


/* Pay By Check */

span.pay-by-check { font-size:14px; font-weight: bold; }
.pay-by-check-note { font-size:11px; }

#pay-by-check {
	border:1px solid #e5e5e5;
	padding:15px;
	margin:0 auto;
}

#upgrade-ribbon {
  width: 321px;
  height: 241px;
  padding: 55px 20px;
  text-align: center;
  margin: 20px 80px;
  background: url(/images/signup/upgrade-ribbon.png) top left no-repeat;
}

#upgrade-ribbon table {
  margin-bottom: 80px;
}

#upgrade-ribbon table td.membership {
  width: 175px;
  font-size: 18px;
  font-weight: bold;
  height: 30px;
}

#upgrade-ribbon table td.price {
  color: #990000;
  font-weight: bold;
  font-size: 14px;
}

span.note {
  color: #999;
  font-size: 11px;
}

p.note {
  color: #999;
  font-size: 11px;
}

#pay-by-check th { text-align:right; padding:10px; font-size:14px; font-weight: bold; }
#pay-by-check input { width:285px; }
#pay-by-check select { width:290px; }


/* Winning Faces */

#winning-faces-right {
	float:right;
	width:555px;
	height:804px;
	background:url(/images/promotions/30Kwinners-bg.jpg) no-repeat; 
}
#winning-faces-right .inner-section {
	width:385px;
	height: 530px;
	margin: 240px 0 0 90px;
	line-height:22px;
}

#winning-faces-right span.name {font-size: 20px;}
#winning-faces-right span.header14 {line-height:22px;}

#winning-faces-left {
	width:240px;
	line-height:18px;
	padding: 20px 20px 0 20px;
}

#winning-faces-left h1 {color:#e9b30f; font-size:18px;}
#winning-faces-left ol { margin-left:40px;}


/* UB */
img.ub-shield {float:right; margin: 40px 0 0 0;}
div#ub{margin-top: 20px; width:360px; float:left;}

div#ub h1 {margin-bottom: 20px;}

div#ub p {font-size: 14px; line-height: 18px; width:380px; margin: 0 0 10px 0;}
div#ub p a {color:#ff6600;}

div#ub div.ub-date {border-top: 1px solid #ff6600; border-bottom: 1px solid #ff6600; font-size: 16px; padding: 10px 0 10px 0; color: #ff6600;  font-weight: bold; }

div#ub div.ub-date span {font-size: 11px;}

div#ub p.ub-strong {font-weight: bold; font-style: italic; font-size: 11px; line-height: 18px; margin: 10px 0 20px 0;}


div#ub p.ub-steps {margin-top:12px; font-weight: bold; float:left; width: 310px; }
img.ub-number {float:left; margin:0 5px 0 0}
img.ub-button {margin: 0 0 10px 43px;}
div#ub p.ub-legal {font-size: 11px; line-height: 14px; font-style: italic; margin-top: 100px;}

img.ub-note {margin: 10px 0 10px 0; clear: both;}

div.ub-form {width: 360px;}
div.ub-form input {width: 150px; float: left; margin: 0 5px 0 46px;}
div.ub-submit .ub-submit {margin: 0 0 0 35px; width: 80px!important;}
div.ub-confirm {width: 360px; clear: both; font-weight: bold;} 

div.epayments {width:840px; clear: both; margin-top: 40px;}
div.epayments ul { margin: 20px 0 50px 0;}
div.epayments ul li{color: #333; font-size: 12px; line-height: 14px; margin: 0 0 14px 40px; width: 480px; vertical-align: top; list-style-type: disc; padding:0;}

div.epayments div.gray-bucket {width:270px; float: right; margin-left: 20px;}
div.epayments div.gray-bucket div div h2 {font-size: 14px; line-height: 14px; color: #666; font-weight: bold; margin:10px 5px 10px 5px;}
div.epayments div.gray-bucket div div p.epayment-link a {font-size: 12px; line-height: 14px; color: #ff6600!important; margin: 0 5px 10px 5px; font-weight: bold; display:block ;}
div.epayments div.gray-bucket div div p.epayment-note {font-size: 11px; line-height: 12px; margin: 0 5px 10px 5px; }

div.epayment-bottom h3{margin: 10px 0 20px 0;}
div.epayment-bottom a img {float: left; margin-right: 15px;}
div.epayment-bottom div.epayment-preffered {float:right; background-image: url('/images/base/epay-preffered.png'); height:114px; width:296px;}
div.epayment-bottom div.epayment-preffered p {font-weight: bold; margin: 30px 20px 10px 80px; display: block;}
div.epayment-bottom div.epayment-preffered p a {color: #ff6600!important;}

/*hosted free rolls*/

div.hosted-freerolls {margin-top: 40px; width:840px; color: #333;}
div.hosted-freerolls div.freeroll-info {float: right; width: 430px; margin: 40px 20px 30px 0; clear: both;}
div.hosted-freerolls div.freeroll-info h1{color: #ff9933; font-size: 18px; line-height: 32px;}
div.hosted-freerolls div.freeroll-info h2{font-size: 14px; line-height: 22px;}
div.hosted-freerolls div.freeroll-info p{font-size: 12px; line-height: 20px; font-style: normal; font-weight: normal; margin: 0;}

div.hosted-freerolls div.freeroll-info h3 {font-size: 11px; line-height: 14px; color: #ff9900; font-weight: bold; margin-top: 20px;}
div.hosted-freerolls div.freeroll-info h4 {font-size: 16px; line-height: 20px; font-weight: bold;}
div.hosted-freerolls div.freeroll-info h4 span {font-size: 12px;}

div.hosted-freerolls p {font-size:14px; font-weight: bold; font-style: italic; margin: 20px 0 5px 90px;}
div.hosted-freerolls table {width: 676px; margin: 20px 0 10px 90px;}
div.hosted-freerolls table thead tr th {font-size: 12px; line-height: 32px; text-align: center; color: #fff; background-color: #666; padding: 0;}
div.hosted-freerolls table tbody tr td {font-size: 12px; font-weight: bold; line-height: 18px; text-align: center; vertical-align: middle; border-bottom: 1px solid #ccc; padding: 0;}
div.hosted-freerolls table tbody tr td span {font-size: 18px;}
div.hosted-freerolls table tbody tr td a {margin:0; padding: 0; color: none; text-decoration: none; height: 105px; width:161px; display: block;}

div.hosted-freerolls table tbody tr th {font-size: 14px; font-weight: bold; line-height: 18px; text-align: center; vertical-align: middle; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
div.hosted-freerolls table tbody tr th img {margin-top: 5px;}

div.hosted-freerolls ul {width: 840px; height: 275px; margin: 20px 0 10px 0; background-color: #f2f2f2;}
div.hosted-freerolls ul li {width: 243px; height: 255px; text-align: center; float: left; display: inline; border: 0; margin: 10px 0 10px 0; padding: 0 18px 0 18px;}
div.hosted-freerolls ul li.freeroll-middle-step {border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4;}
div.hosted-freerolls ul li.freeroll-middle-step input.submit {width: 87px; height: 34px; background-image: url('../images/freerolls/submit.png'); border: 0; }
div.hosted-freerolls ul li p{margin: 10px 0 10px 0; font-size: 14px; line-height: 18px; font-style: normal;}

div.hosted-freerolls ul li p.note {font-size: 11px; line-height: 15px; color: #ff9933; font-style: italic; margin-top: 5px;}

div.hosted-freerolls p.legal {margin: 0; font-weight: normal; font-variant: normal; font-size: 11px; text-align: center; }

/* Cancel Membership*/

div#cancelled_reasons { background:#e4e4e4; width:286px; padding:10px; border:1px solid #ccc; font-size:11px; color:#333; }
div#cancelled_reasons select { font-size:11px; height: 18px; width:233px; }
div#cancelled_reasons input { border:1px solid #333; }
input#cancellation_reason_text { width:282px; height:20px; }