/* interact section styles */

/* override leftcol bgcolor */
div#leftcol { 
  background-color: rgb(240,238,225);
}
td.leftcol { 
   background-color: rgb(240,238,225);
   width: 158px;
}

div#leftcol-yellow { 
  background-color: rgb(254,250,223);
}
td.leftcol-yellow { 
   background-color: rgb(254,250,223);
   width: 158px;
   font: normal 11px Verdana, Arial, sans-serif;
}

div#leftcol ul.info {
  font: normal 11px Verdana, Arial, sans-serif;
  list-style: none;
  padding: 0px 0px 6px 0px;
  margin: 0px 0px 0px 0px;
  color: rgb(83,85,80);
}

div#leftcol ul.info li {
  border-top: solid 2px rgb(255,255,255);
  padding: 4px 6px 3px 24px;
  background-image: url(/sitewide/assets/img/icons/default_bullet.gif);
  background-position: 10px 4px;
  background-repeat: no-repeat;
  width: 128px;
}

div.memberareasnav ul li a {
  background-color: rgb(255,248,220);
}

/* form controls  */

div#centercol div.formtitle {
  text-align: right;
  font: bold 11px Verdana, Arial, sans-serif;
  color: rgb(0,0,0);
  padding: 2px 4px 0px 0px;
  white-space: nowrap;
}

div#centercol div.formtitle span.override {
  font-weight: normal;
}

div#centercol input.textfields {
  font: normal 11px Verdana, Arial, sans-serif;
  margin: 6px 0px;
}

div#centercol select.pulldown {
  font: normal 11px Verdana, Arial, sans-serif;
  margin: 6px 0px;
}

div#centercol div.formtext {
  font: normal 11px Verdana, Arial, sans-serif;
  color: rgb(0,0,0);
  margin: 10px 5px 5px 0px;
}

div#centercol div.formnote {
  font: normal 10px Verdana, Arial, sans-serif;
  color: rgb(162,144,93);
}

div#centercol div.formnote a {
  color: rgb(162,144,93);
}

div#centercol td div.formfield {
 padding: 2px 4px 0px 0px;
}

div#centercol td span.formfield {
 font: bold 11px Verdana, Arial, sans-serif;
 vertical-align: top;
}

div#centercol td input.radio {
 margin:0px 1px 0px 4px;
}

div#centercol div.errorhead {
  font: bold 14px Interstate, Verdana, Arial, sans-serif;
  color: rgb(221,64,2);
  padding: 6px 0px 11px 0px;
}

div#centercol div.errorhead img {
  vertical-align: bottom;
}

div#centercol div.infohead {
  font: bold 14px Verdana, Arial, sans-serif;
  color: rgb(0,0,0);
  padding: 9px 0px 15px 0px;
}

div#centercol.all div.infohead, div#centercol.all div.errorhead {
  padding: 0px 15px 15px 22px;
}

div#centercol div.formerrorblock {
  background-color: rgb(241,241,241);
  margin: 5px 0px;
}

div#centercol table.formerror tr.formerrorblock div.error {
  color: rgb(221,64,2);
  font-weight: bold;
  padding: 5px 0px 3px 0px;
}

div#centercol table.formerror tr.formerrorblock div.error img {
  vertical-align: bottom;
}

div#centercol table.formerror tr.formerrorblock {
  background-color: rgb(241,241,241);
}

div#centercol table.formerror tr.bottom td {
  border-bottom: solid 15px rgb(255,255,255); 
}

div#centercol div.submitbutton {
  padding-top: 3px;
  padding-bottom: 3px;
}

div#centercol ul.itemlist li.checkbox {
  text-indent: -23px;
}

div#centercol span.title {
  font-weight: bold;
}

div#centercol ul.itemlist span.instruction {
  font-size: 10px;
}

div#centercol.all {
  width: 100%;
  margin: 20px 0px;
}

div#centercol td.signinbox {
}

div#centercol td.joinbox {
}

div#centercol  table.signinbox td.lastcell {
  height: 40%;
}

div#centercol table.signinbox {
  height: 235px;
  width: 342px;
  background-color: rgb(240,238,225);
  border: solid 1px rgb(0,0,0);
  border-right: solid 2px rgb(0,0,0);
  border-bottom: solid 2px rgb(0,0,0);
  margin: 0px 10px 0px 20px;
}

div#centercol  table.signinbox div.formnote a {
  color: rgb(162,144,93);
  font-size: 10px;
}

div#centercol div.joinbox, div#centercol div.textblock {
  height: 232px;
  width: 342px;
  background-color: rgb(255,255,255);
  margin: 0px 15px 0px 18px;
  padding: 0px;
}

div#centercol div.joinbox {
  border: solid 1px rgb(0,0,0);
  border-right: solid 2px rgb(0,0,0);
  border-bottom: solid 2px rgb(0,0,0);
}

div#centercol div.joinbox div.boxcontent {
  margin: 10px 10px 0px 8px;
}

div#centercol div.joinbox div.boxcontent div.submitbutton {
  padding-left: 20px;
}

div#centercol ul.itemlist li.title {
  font-weight: bold;
  margin: 0px 0px 5px 0px;
}

/* div matching the itemlist li to align titles and buttons with the text, not icon, placed under ul */
div#centercol div.withoutbulletul {
    padding: 0px 0px 5px 20px;
}

div#centercol div.withoutbulletheader {
    padding: 0px 0px 0px 20px;
}

div.withbullet img.iconjoin { 
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: top;
}

div#centercol ul.itemlist li.title span.title {
  font-size: 12px;
}

div#centercol table.itemlist td.extra {
  width: 28%;
}

div#centercol {
  margin-top: 1px;
}

div#centercol.wide div.content div.leftblock {
  float: left;
  width: 63%;
}

div#centercol.wide div.content div.rightblock {
  float: right;
  width: 28%;
}

div#centercol.wide div.content div.rightblock p {
   color: rgb(162,144,93);
   font: normal 10px Verdana, Arial, sans-serif;
   margin: 0px 0px 5px 0px;
   padding: 0px;
}

div#centercol.wide div.content div.rightblock p a {
   color: rgb(162,144,93);
   font: bold 10px Verdana, Arial, sans-serif;
}

div#centercol.wide div.content div.boxed {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

div#centercol.wide div.content div.boxed p {
  background-color: rgb(240,238,225);
  color: rgb(162,144,93);
  border: solid 1px rgb(0,0,0);
  padding: 10px 6px 10px 6px;
}

div#centercol.wide div.content div.boxed p a {
  color: rgb(162,144,93);
  font: bold 10px Verdana, Arial, sans-serif;
}

div#centercol div.content div.sublist {
  width: 100%;
  clear:both;
}

div#centercol div.content div.updatestitle {
  color: rgb(221,64,2);
  font: normal 10px Verdana, Arial, sans-serif;
  margin: 0px 0px 5px 0px;
}

div#centercol div.content div.updatestitle img {
  vertical-align: top;
}

div#centercol div.content div.navbox {
  background-color: rgb(254,250,223);
  border: solid 1px rgb(254,250,223);
  padding: 5px 8px 8px 8px;
  width: 60%;
}

div#centercol div.content div.navbox span.title {
  color: rgb(221,64,2);
  font: normal 10px Verdana, Arial, sans-serif;
}

div#centercol div.content div.findbox {
  background-color: rgb(233,219,138);
  border: solid 1px rgb(0,0,0);
  margin: 0px 0px 5px 0px;
  padding: 5px 8px 8px 8px;
  width: 60%;
}

div#centercol div.content div.findbox input.submitbutton {
  vertical-align: bottom;
}

div#centercol div.content div.instructionblock {
  width: 66%;
}

div#centercol div.content div.instructionblock div.updatestitle {
  margin: 10px 0px 10px 0px;
}

/* this is used to fill out the page for legacy content */
div.legacy {
margin: auto;
padding: 0;
text-align:center;
background-color: rgb(0,0,0);
}

div#centercol.wide div.faqs {
  margin: 9px 27px 20px 27px;
}

div#centercol.wide div.faqs span.title {
  color: rgb(221,64,2);
  font: bold 11px Verdana, Arial, sans-serif;
}

div#centercol.wide div.faqs div.list {
  margin: 0px 8px 0px 8px;
}

div#centercol.wide div.faqs div.withbullet {
  font: normal 11px Verdana, Arial, sans-serif;
}

div#centercol.wide div.faqs div.withbullet img.icon {
  border: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 5px 0px 0px;
  vertical-align: top;
}

div#centercol.wide div.faqs a.normal {
  font-weight:normal;
}

a.normal:link, a.normal:active, a.normal:visited, a.normal:hover {
  font-weight: normal;
  text-decoration: underline;
}

a.normal:link, a.normal:visited {
  color: rgb(0,0,0);
}

a.normal:hover, a.normal:active {
  color: rgb(221,64,2);
}

div.boardlogo {
  margin: 1px 1px 3px 0px;
  padding: 0px;
  border: solid 1px rgb(0,0,0);
}

div.boardlogo div.logo {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  float: left;
}

div.boardlogo div.nologo {
  width: 403px;
  height: 58px;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  border: none;
  float: left;
  background-image: url(/sitewide/assets/img/decor/series_logo_background_stars.gif);
  background-position: top left;
  font: normal 18px Verdana, Arial, sans-serif;
  color: rgb(254,166,89);
}

div.boardlogo div.nologo a {
  font: normal 18px Verdana, Arial, sans-serif;
  color: rgb(254,166,89);
  text-decoration: none;
}

div.help {
  margin-top: 16px;
}

div.help div.marge {
  margin: 12px 10px 0px 10px;
}

div.help div.morelink { 
  margin: 0px;
  padding: 3px 5px 5px 0px;
 text-align: right;
 vertical-align: bottom;
}

div.help div.morelink a { 
  font-size: 10px;
}

/* Sweepstakes Pages */
div#centercol.sweeps {
  width: 426px;
  margin: 1px 0px 0px 2px;
}

div#centercol.sweeps div.mainpromo {
  width: 423px;
  color: rgb(255,255,255);
  background-color: rgb(0,0,0);
  margin-bottom: 6px;
  border-top: solid 1px rgb(0,0,0);
  border-bottom: solid 1px rgb(0,0,0);
  border-left: solid 1px rgb(0,0,0);
  border-right: solid 1px rgb(0,0,0);
}

div#centercol.sweeps div.mainpromo div.title {
  font-size: 16px;
  font-weight: bold;
  color: rgb(255,255,255);
  margin: 0px;
  padding: 5px 10px 0px 7px;
}

div#centercol.sweeps div.mainpromo div.caption {
  font-size: 11px;
  color: rgb(255,255,255);
  margin: 0px;
  padding: 0px 10px 9px 7px;
}

div#centercol.sweeps td.rules {
  background-color: rgb(240,238,225);
}

div#centercol.sweeps td.rules p.morelink {
 margin: 0px;
 padding: 5px 10px 5px 0px;
 text-align: right;
 font-size: 10px;
}

div#centercol.sweeps td.rules p.morelink img {
  padding: 0px;
  margin: 0px 3px 0px 0px;
}

div#centercol div.storytext div.form {
 font-size: 10px;
 font-weight: bold;
}

h3.subhead {
  padding: 0px;
  margin: 0px;
}

form#change_email {
  text-indent: 0px;
}