body {
  font: 14px verdana, arial, helvetica, sans-serif;
  background: #000;
  color: #000;
  margin: 0;
  padding: 0;
  text-align: center;
}

img {
  border: none;
  display: block;
}
.FloatLeft {
  float: left;
}
.FloatRight {
  float: right;
}

.FloatNone {
  float: none;
}

.TextCenter {
  text-align: center;
}

.MarginCenter {
  margin: 0 auto;
}

#Wrap {
  width: 1004px;
  margin: 0 auto;
  text-align: left;
}

/* PFD Table coming from CMS */
.rules-text table,
.rules-text table * {
  table-layout: fixed;
  max-width: 100% !important;
  width: 100% !important;
}

.ticketImage img {
  width: 80px;
}

/* @group SubNav */
#SubNav {zoom:100%;/*IE fix*/}
#SubNav li.Welcome {
  padding-right: 20px;
  text-transform: capitalize;
}
#SubNav li.Welcome span {
  font-size: 13px;
  font-weight: bold;
}
/* @end SubNav */

/* @group General Pages */
.HeightFix {
  height: 300px;
}
#Page h1, #Page h2, #Page h3, #Page h4 {
  margin: 0;
  padding-top: .5em;
}
#Page h1 { font-size: 24px; }
#Page h2 { font-size: 20px; }
#Page h3 { font-size: 16px; }
#Page h4 { font-size: 14px; }

/* For a name links */
a.Anchor { text-decoration: none; }
a.Anchor:hover { color:#000; }

/* Help Page */

.RulesSelection {
  margin:0 10px 1.25em 10px;
  padding:0 10px 15px 10px;
  background:#efefef;
  width: 300px;
  float: left;
}
.RulesSelection form h3 {
  margin: 0;
  padding: 0;
}
.RulesSelection select {
  margin-top: .5em;
}
.RulesSelection ul {
  margin: 0;
}
.RulesDisplay {
  margin: 0 20px;
  text-align: left;
}

.RulesDisplay h3, .RulesDisplay h4 { margin: 0; }
.RulesDisplay p {margin: .25em 0 1em 0; }
/* Illustrative pictures in help files*/
p.Picture { text-align:center;  }
p.Picture span { font:bold 12px arial, helvetica, verdana, sans-serif;}

p.Picture img {
  margin-bottom:3px;
  display: inline !important;
}
.RulesDisplay dl { margin:.75em 35px 1em 30px;}
.RulesDisplay dl dt { font-weight:bold; }
.RulesDisplay dl dd {
  margin-left:20px;
  padding-bottom:5px;
}

/*Help FAQ Page */
.Top {
  text-align: right;
  margin-right: 5px;
}
#FAQs {
  margin-right: 75px;
  padding-bottom:15px;
}
.FAQOpenBox {
  padding: 0 15px 10px 15px;
  background: #efefef;
}
#Page #FAQs p.Question {
  font-weight: bold;
  padding-bottom: 0;
}
#FAQs ol, #FAQs ul {
  margin: 0 0 1.5em 25px;
  padding-top: 0;
}
/* Second Chance Pages */
img.DrawingImage {
  float: right;
  margin-left: 15px;
  padding-bottom: 20px;
}
p.SubHead {
  font-weight: bold;
  font-style: italic;
}

/* @end General Pages */

/* @group Remember Me Page */
body#RememberMePage {
  background: #FFF;
  color: #000;
  font-size: 12px;
  text-align: left;
  padding: 0 20px;
}
p.PopupClose { margin-top:10px; text-align:center; }
p.PopupClose a {font-weight:bold; }
/* @end  Remember Me Page */

/* @group Boxes */
.BoxOne {width: 770px;}
.BoxTwo {width: 600px;}
#RegistrationWrap #BoxCentered, #BoxCentered {
  margin: 0 auto 25px auto;
}

#PhoneArea, #PhonePrefix, #PhoneExtension,
#AlternatePhoneArea, #AlternatePhonePrefix, #AlternatePhoneExtension,
#MobileArea, #MobilePrefix, #MobileExtension {
  margin-bottom: 8px;
}

.Input {
  clear:both;
}

.Input .Width60 {
  float: left;
  width: 60px;
}

.Input .Width70 {
  float: left;
  width: 70px;
}

.WidthAuto {
  width: auto!important;
}

#Registration .Input span.dashes,
#UpdateAccount .Input span.dashes {
  width: 15px;
  clear: none;
  margin: 0;
  float: left;
}

#Forgot {
  padding: 0 1rem 0 0;
}

.BoxOneTop, .BoxTwoTop {height: 14px; }
.BoxOneTop {background: url(/d/i/boxes/Top770.png) left top no-repeat;}
.BoxTwoTop  {background: url(/d/i/boxes/Top600.png) left top no-repeat;}

.BoxOneContent {
  /*Padding is what positions Gradient in correct spot*/
  padding-left:14px;
  padding-right:16px;
}
.BoxTwoContent {
  /*Padding is what positions Gradient in correct spot*/
  padding-left:14px;
  padding-right:18px;
}
.BoxOneContent {background: url(/d/i/boxes/Middle770.png) left top repeat-y;}
.BoxTwoContent  {background: url(/d/i/boxes/Middle600.png) left top repeat-y;}

.BoxOneBottom, .BoxTwoBottom {height: 16px;}
.BoxOneBottom { background: url(/d/i/boxes/Bottom770.png) left bottom no-repeat;}
.BoxTwoBottom { background: url(/d/i/boxes/Bottom600.png) left bottom no-repeat;}

.BoxOneGradient, .BoxTwoGradient {
  /*Actual gradient jpg to be set in each client's CSS*/
  /* Padding is for content inside box.*/
  padding:10px 10px 0 10px;
}

/* @end Boxes */


/* @group HelpForm */
#HelpForm #PhoneArea,
#HelpForm #PhonePrefix {
  width: 50px;
}

#HelpForm #PhoneExtension {
  width: 80px;
}

#HelpForm .phoneInputField + .phoneInputField {
  margin-left: 5px;
}

#EmailContent span {
  font-size: 11px;
  margin-left: 5px;
}

label.hidden {
  display: none;
}
/* @end */


#NoZipCodeMatch p,
#NoMailingZipCodeMatch p,
#ZipCodeError,
#MailingZipCodeError {
  font-size: 12px;
}

p.ExtraZipInfo {
  margin:0 155px;
  line-height: 1.25em;
  font-size: 1.5em;
}


div.ClearFix:after {
  content: ".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.Clear { clear:both;}

.ClearLeft {
  clear: left;
}

#DynErrorContainer {
  color:#f62828;
  border: 1px solid #f62828;
  background: lightgray;
  display: none;
  padding: 10px;
}

#DynErrorContainer > p {
  margin: 0;
}

#SweepsWinners #SweepsWinnersHeader {
  background: url( /b/i/BarBG.jpg ) left top repeat-x;
  height: 56px;
  width: 100%;
  font-size: 2.4em;
  font-weight: bold;
  padding: 0 0 0 15px;
  line-height: 1.8;
  color: #FFF;
}
#SweepsWinners td{
  background: #EEE;
  padding-left: 15px;
  border-collapse: collapse;
}

#SweepsWinners {
  border-collapse: collapse;
}

.qtip.drawings-tooltip {
  padding: 5px;
  border-style: solid;
  border-color: #3E6B04;
  background: #FFF;
  color: #454545;
}


#raflogo {
  position:relative;
  float:right;
}
#rafbuttonwrapper {
  position:relative;
}
#rafbutton {
  background:transparent url( '/d/i/blank.gif' );
  width: 100px;
  height: 100px;
  position: absolute;
  top: -4px;
  right: -98px;
  cursor:pointer;
}
div.raf ul {

}
.hidden {
  display:none;
}

.Margin-5 {
  margin: 5px;
}

.Margin-10 {
  margin: 10px;
}

.Padding-5 {
  padding: 5px;
}

.Padding-10 {
  padding: 10px;
}

.Width-50-Percent {
  width: 50%;
}

.Width-66-Percent {
  width: 66%;
}

.vtop {
  vertical-align: top;
}

/****************
 * retail locator
 ****************/
#sideContainer {
  list-style-type: none;
  padding: 0;
  margin: 0 10px 0 0;
  float: left;
  border: 1px solid #676767;
  background-color: #eee;
  overflow: auto;
}
#sideContainer li {
  font-size: 0.9em;
  border-bottom: 1px solid #aaa;
  padding: 5px;
}

#mapContainer {
  width: 700px;
  height: 400px;
}

#mapwrap #mapContainer img {
  max-width: none;
}
/********************
 * END retail locator
 ********************/

/* jQuery ui helper */
.no-close .ui-dialog-titlebar-close {
  display: none;
}

.alert-heading {
  padding: 0 1rem;
}

.alert-dismissible .close {
  top: -7px;
}

/*FremantleMedia*/
.fremantle-legal {
  color: #000;
  padding: 1em 6em;
}

#webcode .fremantle-legal {
  margin: 0 auto;
  padding: 1em 0 1em 0;
  width: 778px;
}

.fremantle-logo {
  width: 150px;
  height: 39px;
  padding-right: 1em;
}

.fremantle-copyright {
  font-size: 0.7em;
}

/* Terms of Service */
#tos {
  padding: 1em;
}

#tos #TosCheckbox, #tos #tosLabel {
  display: inline;
}

#tos #tosLabel {
  margin: 1.5em 0;
  padding-left: 0.5em;
}

#tos .Error {
  clear: both;
  float: left;
}

#tos .submitButton {
  margin-top: 2em;
}

/* Terms of Service Mobile */
#TosAccordion {
  clear: both;
  width:100%;
}

#TosAccordionButton {
  text-align: left;
  width:100%;
  white-space: nowrap;
  margin: 0;
  padding: 3px;
  color: #666666;
  background-color: #EEE;
  border:1px solid #bfbfbf;
  clear: both;
}

#TosAccordionButton:focus {
  outline: 0;
}

#TosAccordionButton h3 span.toggleicon {
  clear: none;
  display: inline;
  margin-left: 5px;
  color: #666666;
}

#TosAccordionBody {
  border:0 solid #bfbfbf;
  padding:5px;
  background-color: #EEE;
  border-width: 0 1px 1px 1px;
  clear: both;
}

#TosAccordionBody h2:first-of-type {
  margin: 0;
  padding: 0;
}

/*SSN4*/
#ssnouter {
  padding: 1em;
}

#SSN #SSN4 {
  margin: 0.75em 0;
  padding: 0.3em;
}

#accountInfo {
  margin-bottom: 1em;
}


div.scrollable {
  max-height: 300px;
  overflow: auto;
}

div.scrollable > table {
  margin-top: 0;
  margin-bottom: 0;
}

h2.wideHeader {
  margin: -5px;
  padding: 10px;
  background-color: #f5b329;
}

/*********************************
 * END Content Tabs
 *********************************/


/*********************************
 * Webcode
 *********************************/

.WebcodeEntryForm,
.WebcodeEntryForm * {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.WebcodeEntryForm {
  border: 1px solid #ccc;
}

.WebcodeEntryForm,
.WebcodeContainer.DualEntry.tabs .WebcodeEntryForm {
  width: 100%;
}

.WebcodeContainer.DualEntry .WebcodeEntryForm {
  width: 49%;
}

.WebcodeEntryForm h1.heading {
  margin: 0;
}

.WebcodeEntryForm .CodeContentArea {
  margin: 0;
  padding: 10px;
  min-height: 350px;
  width: 100%;
}

.WebcodeEntryForm .FrontNumber,
.WebcodeEntryForm .BackNumber {
  margin: 5px 0;
}

.WebcodeEntryForm .FrontNumber label,
.WebcodeEntryForm .BackNumber label {
  width: 100%;
  float: left;
}

.WebcodeEntryForm form input.submitButton:hover,
#WebcodeTabsNav span.link  {
  cursor: pointer;
}

.WebcodeEntryForm .WebcodeLinks {
  margin: .5em 0 0 1em;
}

.WebcodeEntryForm .WebcodeLinks a {
  font-weight: bold;
  margin-right: 2em;
}

.WebcodeEntryForm #drawform input[type="text"] {
  margin: 0 2px;
}

.WebcodeEntryForm .historyHeader {
  padding: 2px;
}

.WebcodeEntryForm .HistoryTable {
  float: none;
  width: 100%;
  border-collapse: collapse;
  margin: 2px 0;
}

.WebcodeEntryForm .HistoryTable thead th {
  color: #fff;
  background-color: #808080;
  padding: 2px;
}

.WebcodeEntryForm .HistoryTable tbody tr.rowBg td {
  background-color: #e6e6e6;
}

.WebcodeEntryForm .HistoryTable tbody td {
  padding: 2px;
}

.WebcodeEntryForm .HistoryTable tbody td.columnTicket {
  word-break: break-all;
}

.HistoryTableBg th {
  background-color: #808080;
  color: #fff;
  padding: 2px;
}

.accountHolder {
  padding-top: 0;
}

.ClaimContextReveal {
  /* Do not display "reveal" claimcontexts by default */
  display:none;
}

.promoImage{
  display: block;
  margin-bottom: 10px;
}

.HistoryTable ul.ClaimContext .ClaimContextReveal,
.HistoryData ul.ClaimContext .ClaimContextReveal {
  /* Display "reveal" claimcontexts in ticket history */
  display:block;
}

.HistoryTable ul.ClaimContext .ClaimContextReveal .Optional {
  display: none;
}

.HistoryTable ul.ClaimContext ul li:before {
  content:"";
}

.HistoryTable ul.ClaimContext div.Indent,
.HistoryTable ul.ClaimContext ul,
.HistoryTable ul.ClaimContext ul li{
  margin-left: 0;
}

ul.ClaimContext,
ul.ClaimContext ul,
ul.ClaimContext div.Indent {
  margin-left:1em;
}

ul.ClaimContext li {
  list-style: disc;
}

ul.ClaimContext ul li {
  list-style:none;
}

ul.ClaimContext ul li:before {
  content:"\2013\ ";
}

#WebcodeTabsNav,
#WebcodeTabsNav ul {
  width: 100%;
  margin-bottom: -1px;
}

#WebcodeTabsNav ul li {
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #ccc;
  border-bottom: none;
  font-size: 1.2em;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(209,209,209,0) 90%, rgba(204,204,204,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(90%,rgba(209,209,209,0)), color-stop(100%,rgba(204,204,204,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(209,209,209,0) 90%,rgba(204,204,204,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(209,209,209,0) 90%,rgba(204,204,204,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(209,209,209,0) 90%,rgba(204,204,204,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(209,209,209,0) 90%,rgba(204,204,204,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

#WebcodeTabsNav li.active {
  background-color: #eee;
  background: none;
}

/*********************************
 * END Webcode
 *********************************/


/*********************************
 * Sweeps Entry Allocation
 *********************************/

.AllocateEntriesModal {
  max-width: 700px;
}

.AllocateEntries {
  text-align:left;
}

.AllocateEntries form > * {
  margin-bottom: 15px;
}

.PrizeAllocate {
  padding: 2%;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 0 3px rgba(0,0,0,0.2);
  position: relative;
  width: 100%;
}

.PrizeAllocate ul {
  margin-left: 12px;
  margin-top: 6px;
  font-size: 15px;
  color: #333;
}

.AllocateExtra ul {
  margin-left: 30px;
  margin-top: 10px;
  margin-bottom: 12px;
  color: #333;
}

.AllocateExtra ul li {
  list-style: disc;
}

.AllocateButton {
  background-color: #4e5a64;
  color: #ffffff;
  text-decoration: none;
  font-size: 17.5px;
  border-radius: 6px;
  cursor: pointer;
  padding: 11px 10px;
  line-height: 17.5px;
  display: inline-block;
  margin-bottom: 20px;
  transition: opacity .4s ease;
  border: none;
  height: auto;
  width: auto;
  box-shadow: inset 0 -.15em 0 0 rgba(0,0,0,.2), inset 0 0 0 100px rgba(0,0,0,0), 0 .2em .15em 0 rgba(0,0,0,.15);
}

.AllocateOpenButton:disabled,
.AllocateButton:disabled{
  background-color: #AAA;
}

.AllocateOpenButton {
  background-color: #CD0000;
  border-radius: 3px;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  border: none;
  padding: 5px 8px;
  margin-bottom: 10px;
  display: inline-block;
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.6), inset 0 -9px 12px 0 rgba(0, 0, 0, 0.3);
}

.PrizeAllocateWinCount {
  margin-left: 8px;
  margin-top: 4px;
  background-color: #E7E7E7;
  padding: 5px;
  font-size: 10px;
  text-align: center;
  border-radius: 6px;
  text-shadow: 1px 1px 0 #ffffff;
  border: 1px solid #fafafa;
}

.PrizeAllocateWrapper {
  padding: 2%;
  width: 96%;
  font-size: 14px;
  font-weight: bold;
  color: #666;
  margin-top: 15px;
  border-top: 1px dashed #333333;
}

div.AllocateCountWarning {
  text-align: center;
  background-color: #ffffff;
  color: #ff2f2f;
  border: 2px solid #ff2f2f;
  padding: 8px;
  width: 100%;
}

div.AllocateCallToAction {
  text-align: center;
  color: #ffffff;
  background-color: #ff2f2f;
  padding: 8px;
  position: relative;
  font-weight: bold;
}

.AllocateExtra p {
  margin-bottom: 10px;
}

.AllocateExtra .disclaimer {
  font-size: smaller;
  font-style: italic;
  color: #666;
}

.EntriesPerPrize {
  border: 2px solid #333333;
  background-color: #ffffff;
  font-size: 16px;
  display: inline-block;
}

.no-titlebar .ui-dialog-titlebar{
  display: none;
}

.EntriesAllocatedHolder {
  display: block;
  font-size: 18px;
}

.AllocateRow {
  border: 2px solid #900;
  border-top: none;
}

.AllocatableRow {
  border: 2px solid #900;
  border-bottom: none;
}

.AllocateRow .sweepDetailCell{
  display: none;
}

.AllocateRow td.AllocationWarning {
  font-size: 14px;
  color: #900;
}

.ExtendedPrizeDescription {
  font-size: smaller;
  font-weight: normal;
}

.AllocateRow td.AllocationWarning {
  font-size: 14px;
  color: #900;
}

.AllocationWarning .Well {
  color: #000;
  background-color: #BBB;
  padding: 12px;
  margin-top: 5px;
}

/*********************************
 * END Sweeps Entry Allocation
 *********************************/


/*********************************
 * Wager Limit
 *********************************/

#wageringLimit {
  margin: 2em 1em;
}

#wageringSelect {
  width: auto;
}

#wageringLimit ul li {
  list-style: disc inside;
}

#wagerSelect .submitButton {
  width: 50px;
  margin-left: 1em;
}

.wagerWrapper {
  margin-bottom: 2em;
  float: left;
  width: 100%;
}

.wagerBarContainer {
  height: 45px;
  width: 85%;
}

.wagerbar {
  height: 100%;
  width: 70%;
  border-style: solid;
  border-color: #cbcbcb;
  border-width: 3px 0 3px 3px;
  border-radius: 3px 0 0 3px;
  position: relative;
  overflow: hidden;
  text-align: center;
  box-shadow: inset 0 0 8px 0 rgba(0,0,0,0.1);
  background-color: rgba(0,0,0,0.02);
  margin-bottom: 15px;
}

.progress {
  background-color: #006594;
  position: absolute;
  bottom: 0px;
  height: 100%;
  box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.41);
  background: linear-gradient(#0097dd, #006594);
}

.limit {
  height: 100%;
  width: 25%;
  background: #cbcbcb;
  padding: 2px 5px;
  font-size: 11px;
  border-style: solid;
  border-color: #cbcbcb;
  border-width: 1px 1px 1px 0;
  border-radius: 0 3px 3px 0;
  text-align: center;
}

.wagerAvailable {
  width: 13%;
  margin-right: 1%;
  float: right;
}

.availableBox{
  background-color: #151515;
  color: #ffffff;
  height: 25px;
  line-height: 25px;
  margin-top: 5px;
  font-size: 15px;
}

.wagerCopy {
  margin: 1em 1em 2em 1em;
  font-size: 12px;
}

/*********************************
 * Banner preload fixes
 *********************************/
#Banner_Club_Promo_Banner {
  overflow: hidden;
  height: auto;
}
#Banner_Club_Promo_Banner > ul {
  width: 12000px;
}
#Banner_Club_Promo_Banner li {
  float: left;
}

/*********************************
 * POST CLAIM Styles
 *********************************/
#ConfirmWrapper .PlaySkip {
  text-align: center;
}

#ConfirmWrapper .PlaySkip a.btn{
  color: #ffffff;
  text-decoration: none;
  font-size: 1.3em;
  border-radius: 6px;
  cursor: pointer;
  padding: 11px 10px;
  display: inline-block;
  transition: background .4s ease;
  box-shadow: inset 0px -.15em 0px 0px rgba(0,0,0,.2), inset 0px 0px 0px 100px rgba(0,0,0,0), 0px .2em .15em 0px rgba(0,0,0,.15);
  background-color: #ff0000;
  min-width: 200px;
  height: 32px;
  line-height: 31px;
  text-shadow: 0px -1px 0px rgba(0,0,0,.5);
  margin: 20px auto;
  float: none;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

#ConfirmWrapper .PlaySkip a.btn:hover{
  cursor: pointer;
  background-color: #eb0000;
}

#ConfirmWrapper .PlaySkip a.btn:active{
  box-shadow: inset 0px -.1em 0px 0px rgba(0,0,0,.25), inset 0px 0px 0px 100px rgba(0,0,0,.1), 0px .1em 0px 0px rgba(0,0,0,.2);
}

#ConfirmWrapper .SkipGame{
  text-align: center;
  width: 100%;
}

#ConfirmWrapper .SkipGame a{
  color: #9f9f9f;
  font-size: .75em;
}

#ConfirmWrapper .MmcClaimContext .MmcClaimContextHeader{
  background-color: #696969;
  display: block;
  padding: 7px;
  color: #ffffff;
}

#ConfirmWrapper .MmcClaimContext .grouping {
  padding: 10px;
}

#ConfirmWrapper .MmcClaimContext .grouping ul li {
  list-style: disc;
  margin-left: 20px;
}

/* Post registration activation for MMC jurisdictions */
#mmcLink {
  background-color: #f4f4f4;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
  margin: 0 auto 1em;
  color: #000;
}

#mmcLink span {
  margin-top: 1em;
  float: left;
  width: 100%;
}

/*********************************
 * GIFTING Styles
 *********************************/
.pageTitle {
  margin-bottom: 1em;
}

.gifting {
  text-align: left;
  padding-bottom: 1em;
  min-height: 250px;
}

.gifting .fieldRow {
  display: block;
  clear: both;
  position: relative;
  margin: 1em 0;
}

.gifting .label {
  color: #333;
  display: inline-block;
  width: 20%;
}

.gifting .giftingField {
  display: inline-block;
  vertical-align: top;
  width: 30%;
}

.gifting .select > option {
  padding: 0.2em;
}

.gifting .smallField {
  display: inline-block;
  width: 15%;
}

.gifting .radio-check input {
  margin: 0.1em 0.6em 0 0;
  width: auto;
}

.gifting .radio-check {
  width: auto;
  display: inline-block;
  margin: 0.6em 1em 0 0;
}

.gifting .radio-check > div {
  font-size: 0.8em;
  display: inline-block;
}

.gifting .radio-check .help-text {
  color: #999;
  font-size: 0.8em;
  font-style: italic;
  display: inline-block;
  margin-left: 1em;
}

.gifting .amountRow:before {
  content: '$';
  font-size: 0.9rem;
  display: block;
  position: absolute;
  top: 0.9em;
  left: 21.5%;
}

.gifting .amountRow > .giftingField {
  padding-left: 2em;
}

.gifting #purchase label.error {
  display: block;
  margin-left: 20.5%;
  margin-top: 0.4em;
  font-size: 0.9rem;
  padding: 0;
}

.gifting #editGiftHolder {
  margin: 2em 0;
}

.gifting #editGift {
  text-decoration: underline;
  color: #8C0000;
  cursor: pointer;
}

.gifting #termsOfService {
  width: auto;
  margin: 0;
  float: none;
  display: inline-block;
  vertical-align: top;
}

.gifting #giftSubmitButton {
  margin: 1em 0 0;
}

.giftingMessage {
  position: relative;
}

.giftingMessage h4,
.giftingMessage .message {
  width: 60%;
  color: #333;
}

.gifting #tosContent {
  display: none;
  width: 100%;
  margin: 0.5em 0 1em;
  height: 150px;
  overflow: auto;
  border: 1px solid #eee;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.gifting #tosContent p {
  margin-left: 1.4em;
}

.giftAmountHolder {
  background-color: #eee;
  width: 30%;
  display: block;
  padding: 0.4em;
  margin: 0 0 0.4em 0.4em;
  position: absolute;
  right: 1em;
  top: -2em;
}

.giftAmountHolder .gift-image {
  display: block;
  margin-bottom: 0.4em;
}

.giftAmountHolder .gift-amount {
  display: block;
  width: 100%;
  background-color: #000;
  color: #fff;
  padding: 0.5em 0;
  height: 2em;
  text-align: center;
  font-size: 1.6em;
  font-weight: bold;
}

.giftDetails .detail-item:first-child .detail-info {
  width: auto;
}

.giftDetails .detail-label {
  width: 30%;
  font-weight: bold;
}

.giftDetails .detail-info {
  width: 65%;
}

.giftDetails #claimCode {
  text-transform: uppercase;
}

.button-right {
  float: right;
  margin: 0 2em 0 0;
}

.gifting #PointsHistory {
  float: none;
  padding: 0;
}

.gifting #HistoryLink {
  font-weight: normal;
  text-decoration: underline;
}

.gifting > .contentTab {
  margin-top: 3.5em;
}

#giftHistory {
  margin: 0 auto;
  width: 95%;
}

#giftHistory .history-row {
  cursor: pointer;
}

#giftHistory .history-details {
  max-height: 250px;
}

#giftHistory .history-details td {
  padding: 0 1em;
  border-top: 0 none;
  vertical-align: top;
}

#giftHistory .history-details td > div {
  border-top: 1px dotted #ddd;
  padding: 1em;
}

#giftHistory .history-details h2 {
  margin: 0 0 1em;
}

#giftHistory .history-details p {
  margin: 0;
}

#giftHistory .history-details .giftDetails {
  margin: 2em 0;
}

#giftHistory .detail-item label {
  font-weight: bold;
  margin-right: 0.4em;
}

#giftHistory .resendCancel,
#giftHistory .editCancel {
  margin-top: 0.5em;
}

#giftHistory .editGiftButton {
  margin-right: 0;
}

#giftHistory .history-row.odd,
#giftHistory .odd.history-details {
  background-color: #fff;
}
#giftHistory .odd.history-details {
  border-color: #eee;
  background-color: #fff;
}

#giftHistory .history-row.even,
#giftHistory .even.history-details {
  background-color: #eee;
}
#giftHistory .even.history-details {
  background-color: #eee;
}

#giftHistory .history-details td > div {
  border-top: 1px dotted #ddd;
  padding: 1em;
}

#giftHistory .plus, #giftHistory .minus {
  margin-right: 0.3em;
}

#giftHistory .plus {
  color: #008000;
}

#giftHistory .minus {
  color: #900;
}

.displayBlock {
  display: block;
}

/*Filter*/

.accountHolder .filterOptions label {
  color: #000;
  display: inline;
  width: auto;
}

.centerView {
  padding-bottom: 0.5em;
  margin-left: 5px;
}

#Recaptcha {
  margin: 20px 0 20px 2em;
}

#Recaptcha.Error > div {
  border: 2px solid #f62828;
  overflow: hidden;
}

/*********************************
* Responsive Table Styles
**********************************/
.dataTable.responsiveTable tbody td span.tableHeader,
.dataTable.responsiveTable td:before {
  display: none;
}

/* TEMP patch for Bonusuing Points Congersion Change. */
.pointsHolder {
  display: none;
}

::-ms-reveal {
  display: none;
}

/* ALL PHONE SIZES - width < 640px (&) Samsung Galaxy S devices */
@media only screen and (max-width: 639px),
only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 640px) {

  /*********************************
  * Gifting Responsive Styles
  **********************************/
  #giftHistory {
    width: 100%;
  }

  #giftHistory th {
    display: none;
  }

  #giftHistory .history-row td:before {
    font-weight: bold;
    left: 6px;
    padding-right: 10px;
    position: absolute;
    top: 7px;
    white-space: nowrap;
  }

  #giftHistory .history-row td:nth-of-type(1):before {
    content: "Name";
  }

  #giftHistory .history-row td:nth-of-type(2):before {
    content: "Email";
  }

  #giftHistory .history-row td:nth-of-type(3):before {
    content: "Date Sent";
  }

  #giftHistory .history-row td:nth-of-type(4):before {
    content: "Status";
  }

  #giftHistory .history-row td:nth-of-type(5):before {
    content: "Amount";
  }

  #giftHistory tr.hidden {
    display: none;
  }

  #giftHistory .history-details td {
    padding: 1em;
  }

  #giftHistory .history-row td, .history-details .summary, .history-details .summary-resend {
    text-align: left;
  }

  .gifting .label, .gifting .giftingField,
  .giftDetails .detail-label, .giftDetails .detail-info {
    display: block;
    width: 100%;
    margin: 0.2em 0;
  }

  .gifting .amountRow > .giftingField {
    display: inline-block;
    width: auto;
  }

  .gifting .amountRow:before {
    left: 0.6em;
    top: 27px;
  }

  /*********************************
   * Wager Limit
   *********************************/

  .wagerBarContainer {
    width: 100%;
  }

  .wagerbar {
    margin-bottom: 5px;
    width: 60%;
  }

  .wagerAvailable {
    display: block;
    clear: both;
    width: 40%;
    margin-top: 5px;
    margin-right: 0;
  }

  .availableBox{
    margin-top: 0;
  }

  .limit {
    width: 40%;
  }

  /*********************************
   * END Wager Limit
   *********************************/

  /*********************************
  * Responsive Table
  **********************************/
  .dataTable.responsiveTable,
  .dataTable.responsiveTable thead,
  .dataTable.responsiveTable tbody,
  .dataTable.responsiveTable tfoot,
  .dataTable.responsiveTable th,
  .dataTable.responsiveTable td,
  .dataTable.responsiveTable tr {
    display: block;
  }

  .dataTable.responsiveTable.hidden,
  .dataTable.responsiveTable td.hidden {
    display: none;
  }

  .dataTable.responsiveTable thead tr {
    display: none;
  }

  .dataTable.responsiveTable tbody {
    width: 100%;
  }

  .dataTable.responsiveTable tbody tr {
    border-top: 1px solid #000;
  }

  .dataTable.responsiveTable tbody tr:last-child {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
  }

  .dataTable.responsiveTable tbody td {
    border: none;
    min-height: 20px;
    position: relative;
    padding: 0.4em 0 0.4em 42%;
    width: auto;
    word-break: break-word;
  }

  .dataTable.responsiveTable tbody td,
  .dataTable.responsiveTable tbody td span.tableHeader {
    text-align: left;
  }

  #messagesCenter.dataTable.responsiveTable tbody td {
    padding-left: 25%;
  }

  .dataTable.responsiveTable tbody td:first-child {
    padding-top: 1em;
  }

  .dataTable.responsiveTable tbody td:last-child {
    padding-bottom: 1em;
  }

  .dataTable.responsiveTable tbody td span.tableHeader {
    display: table-cell;
    font-weight: bold;
    left: 6px;
    position: absolute;
    width: 40%;
  }

  table.dataTable.responsiveTable td:first-child:after {
    top: 1em;
  }

  table.dataTable.responsiveTable td:after {
    font-weight: bold;
    left: 0.4em;
    position: absolute;
    text-align: left;
    top: 0.4em;
    width: 38%;
  }

  #groupListTable td:nth-of-type(1):after {
    content: "Group Name";
  }

  #groupListTable td:nth-of-type(2):after {
    content: "Date Created";
  }

  /******************************
   * Webcode
   ******************************/
  #WebcodeTabsNav.mobileShow {
    display: block;
  }

  .WebcodeEntryForm .CodeContentArea {
    min-height: inherit;
  }

  .WebcodeEntryForm .WebcodeLinks a {
    margin: 0;
  }
}