/* Overwrite default ui-dialog overlay */
.ui-dialog + .ui-widget-overlay {
  opacity: 0.3;
}

.ui-dialog .ui-dialog-titlebar-close,
button.close {
  box-shadow: none;
  background: transparent;
}


#dialog-warning,
#dialog-timeout {
  text-align: center;
}

/* Reset box-sizing for responsive sizing */
.sub-page,
.primary-content,
#left-side {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.playSlipWrapper * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

.alert {
  padding:.5em;
  text-align: center;
  margin: 0.5em auto;
  color: #721c24;
}

.break-word {
  word-break: break-word;
}

/*adds needed padding to page for mobile top and bottom bars */

.forgotPassword {
  margin-top: 0.2em;
}

a.logoffButton {
  display: block;
  font-family: 'Arial';
  font-weight: bold;
  line-height: 14px;
  padding-left: 5px;
  color: #fff;
}

a.accountButton {
  color: #8C1D14;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  width: 138px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fcab35;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcab35), to(#fccb3e));
  background: -webkit-linear-gradient(#fcab35, #fccb3e);
  background: -moz-linear-gradient(#fcab35, #fccb3e);
  background: -ms-linear-gradient(#fcab35, #fccb3e);
  background: -o-linear-gradient(#fcab35, #fccb3e);
  background: linear-gradient(#fcab35, #fccb3e);
  -moz-box-shadow: -2px 5px 5px #888;
  -webkit-box-shadow: -2px 5px 5px #888;
  box-shadow: -2px 5px 5px #888;
  margin: 15px 8px 0 10px;
}

a.logoffButton:hover {
  background-position: 0 100%;
  text-decoration: none;
}

/**
 * Fix for when form fields are in focus on the app
 * the header/footer was being moved into the middle of the page
 */
.toggleFixedPosition .mobileBar {
  display: none;
}

.toggleFixedPosition #Wrap {
  padding-top: 0;
  padding-bottom: 0;
}

/* Registration */
#RegistrationWrap .primary-content {
  width: 100%;
}

.AccountArea.BoxTwo {
  width: 100%;
}

#RegistrationWrap h1, #HelpForm h2,
.pageTitle h1 {
  position: relative;
  background-color: #ffcc00;
  padding: 0.3em;
  font-size: 2em;
  color: #3D5023;

}

#DynErrorContainer {
  clear: both;
  padding: 6px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#Registration #DynErrorContainer p {
  margin: 0;
  padding: 0;
}

.Input {
  margin: 1em 0 0;
  position: relative;
}

.Input input[type="radio"],
.Input input[type="checkbox"] {
  width: auto;
}

.Input input[type="checkbox"] {
  margin-right: 0.5em;
  margin-top: 0.2rem;
}

.inputBlock input[type="email"] {
  width: 95%;
}

.Input select {
  max-width: 100%;
}

#Registration .Input label.Terms {
  width: 80%;
  text-align: left;
}

#TosAccordionButton {
  color: #1f6399;
}

#TosAccordionButton h3 span.toggleicon {
  color: #1f6399;
}

.Input label, .Input .legend {
  width: 100%;
}

.Input label,
.Input .legend {
  margin: 0 0.5em 0.5em 0.5em;
}

.fundingCreate .label {
  margin: 0 0.5em 0.5em 0.5em;
}

#walletOuter .Input label {
  float: none;
}

#walletOuter .Input label,
#walletOuter .Input .label {
  position: relative;
}

#existingCardNumber {
  display: inline-block;
  margin-left; 0.5em;
}

#stepDownMessage {
  padding: 0.5em;
  margin: 0.5em auto;
  color: #721c24;
  background-color: #fae1e3;
  border: 2px solid #f5c6cb;
  text-align: center;
}

.Input label.disabled {
  background-color: inherit;
  color: #ccc;
}

.Input.dob span {
  display: none;
}

#Registration .Input span,
#UpdateAccount .Input span,
#ChangePassword .Input span,
p.ExtraAddrInfo,
p.ExtraZipInfo {
  clear: both;
  font-size: 0.87em;
  color: #989898;
  margin: 0;
}

#Same label {
  width: 150px;
}

#Registration p, #UpdateAccount p {
  padding: 0;
}

#Registration h2, #UpdateAccount h2 {
  margin: 1em 0 0;
}


.Gender .legend {
  font-weight: bold;
}

.Gender label {
  float: none;
  width: 100px;
  margin: 0 15px 0 5px;
}

.Gender fieldset .InputWrapper {
  margin: 4px 0 0;
}

.perferences {
  margin-right: 25px;
}

.Input span {
  float: none;
  display: block;
  margin: 0;
}

.Input label.hidden {
  display: none;
}

.AgeVerifyBlock label {
  float: none;
}

.Input .ExternalEmailPreference {
  float: none;
}

.SideBySide,
#ExternalEmailPreference,
.JackpotAlert.Input {
  margin: 0.5em 0 0.5em 0;
}

.SideBySide label,
.Input .ExternalEmailPreference {
  margin-left: 0.5em;
}

#ChangePassword .SubmitButton,
#UpdateAccount #SubmitButton {
  margin: 2em 0 0;
}

.AgeVerify {
  margin: 1em 0 0;
}


.BoxOneGradient p {
  margin: 1em 0.5em;
}

/* account */
#MyAccount {
  width: 78%;
}

#accountInfo {
  margin-top: 1em;
}

/* change email */
#ChangeEmail {
  float: left;
  width: 78%;
}

/*banner styles */
#mobileBanner {
  background-color: #ffffff;
  border-bottom: 1px solid #e6e6e6;
  color: #aaaaaa;
  display: flex;
  font-size: 13px;
  height: 89px;
  justify-content: space-between;
  padding: 10px;
  position: relative;
  width: 100%;
}

#mobileBanner p {
  line-height: 1rem;
  margin: 0;
  padding: 0;
}

#mobileBanner p a {
  color: #ff021a;
  font-weight: bold;
}

#mobileBanner h3 {
  color: #1554a3;
  font-size: 18px;
  margin-bottom: 0;
  padding-bottom: 4px;
  margin-top: 0;
}

#mobileBanner.membersOnly h3 {
  margin-top: 0.3em;
}

#mobileBanner .btn {
  background-color: #1554a3;
  color: #ffffff;
  padding: 8px 0;
  font-weight: bold;
  text-decoration: none;
  border-radius: 8px;
  display: inline-block;
  margin-bottom: 4px;
  font-size: 16px;
  width: 100%;
  max-width: 115px;
}

#mobileBanner .details {
  width: 60%;
  text-align: left;
}

#mobileBanner .links {
  text-align: center;
}

.mobileBannerIcon,
#mobileBanner .mobileBannerIcon + .details {
  display: inline-block;
  vertical-align: middle;
}

#mobileBanner.clickable {
  cursor: pointer;
  padding: 10px 3.5%;
  text-align: left;
}

.mobileBannerIcon {
  color: #add036;
  font-size: 3rem;
  margin: 0 0.1em 0 0;
}

#mobileBanner .mobileBannerIcon + .details {
  width: 81%;
}

#mobileBanner .cta {
  color: #1554a3;
  display: block;
  font-size: 0.8rem;
  font-weight: bold;
  position: absolute;
  right: 3.5%;
  text-decoration: none;
  top: 1.1em;
}

#mobileBanner .cta .arrow {
  font-size: 1rem;
  vertical-align: middle;
}

/*  HOME */
.homeBlock {
  border: 2px solid #ffcc00;
  margin: 5px 0 10px 0;
}

.homeBlockHeader {
  background-color: #ffcc00;
  border: 2px solid #ffcc00;
  color: #000;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  padding: 0.3em;
}

#homePromotionsBlock img {
  width: 746px;
  height: 248px;
}

#homePromoNav,
#homeWhatsNewNav {
  display: flex !important; /* Overwrites the carousel */
  flex: 1;
  justify-content: end;
  margin-left: auto;
  padding: 0 0.5em;
  width: 100%;
}

#homePromoNav a:before,
#homeWhatsNewNav a:before {
  content: '\25CF';
  font-size: 30px;
  line-height: 10px;
}

#homePromoNav a,
#homeWhatsNewNav a {
  color: #fff;
  text-decoration: none;
}

#homePromoNav a.selected,
#homeWhatsNewNav a.selected {
  color: #425829;
  text-decoration: none;
}

#homePromoNav a span,
#homeWhatsNewNav a span {
  display: none;
}

#Banner_Club_Promo_Banner ul li:first-child img {
  display: block;
}

#Banner_Club_Landing_PickAndClick {
  margin: 0 auto;
  padding: 0.5em;
  width: 100%
}

#homeWhatsNewBlock li {
  float: left;
  margin-left: 1em;
}

#homeWhatsNewBlock img {
  width: 199px;
  height: 189px;
}

#newsBlock,
#featuredBlock {
  width: 49.5%;
  min-height: 250px;
}

.adsNav a {
  margin: 0;
  padding: 0;
}

/* Login Page */
.login {
  background-color: #fff;
  width: 100%;
  padding-bottom: 1em;
}

#LoginArea {
  width: 37%;
  margin: 1em;
  float: left;
}

#LoginArea label {
  width: 125px;
}

#Login label.error {
  display: block;
  margin: 0.5em auto;
  width: 100%;
}

#LoginArea h1 {
  margin-bottom: 0.5em;
}

#Login p {
  margin-left: 5px;
  padding: 0;
}

#LoginBox a {
  color: #851112;
}

#LoginArea .Input span.passwordStrengthDescription {
  margin-left: 15px;
}

#LoginArea h1, #LoginWrap h1, #forgotWrap h1 {
  padding: 10px;
  background: #ffcc00;
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px;
  font-size: 1.5em;
}

#LoginRight {
  width: 55%;
  margin: 1em 0 0 2em;
  float: left;
}

#LoginRight ul li {
  font-weight: normal;
}

#LoginRight .loginCopy {
  margin: 15px;
  width: 300px;
  color: #fff;
}

#LoginRight .loginCopy a {
  color: #fff;
}

#LoginRight .rewardsLogo {
  margin-bottom: 45px;
}

#LoginRight .loginBanners {
  margin: 0 5px 0px 0px;
}

#LoginRight .loginBanners img {
  margin-bottom: 10px;
}

/* END Login Page */

/* Login Block */
#loginBlock,
#singleAdBlock {
  width: 235px;
  height: 295px;
  margin-right: 0;
}

#loginBlock #Login p {
  display: none;
}

#loginBlock img {
  margin: 0 auto;
}

#loginBlock .loginHeader {
  background: #dedede;
  padding: 2px 0 10px 0;
  margin: 5px 0 20px 0;
  position: relative;
}

#loginBlock .loginHeader p {
  padding: 0;
  color: #686868;
}

#loginBlock .loginHeader p.bigText {
  font-size: 24px;
}

#loginBlock .loginHeader img.arrow {
  position: relative;
  left: 100px;
}

#loginBlock form {
  margin: 5px;
}

#loginBlock .Input {
  margin: 10px;
}

#loginBlock .Input label {
  display: none;
}

#loginBlock .Input span, #LoginArea .Input span {
  color: #989898;
}

#loginBlock a {
  color: #6f6f6f;
}

#loginBlock .SubmitButton {
  text-align: center;
}

#loginBlock .Remember,
#LoginBox .Remember {
  margin: 5px;
  text-align: center;
}

#loginBlock form input[type="submit"] {
  color: #84130f;
  font-size: 20px;
  padding: 5px;
  width: 200px;
  margin: 10px;
  border: 1px solid #ccc;
  background: #FCD03E;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FCD03E), to(#FCA733));
  background: -webkit-linear-gradient(#FCD03E, #FCA733);
  background: -moz-linear-gradient(#FCD03E, #FCA733);
  background: -ms-linear-gradient(#FCD03E, #FCA733);
  background: -o-linear-gradient(#FCD03E, #FCA733);
  background: linear-gradient(#FCD03E, #FCA733);
}

/* END Login Block */

#LoginWrap {
  background-color: #fff;
  margin-top: 0;
}

/* Forgotpin */
#forgotWrap {
  padding: 1em;
}

#forgotWrap .SubmitButton {
  margin-top: 3em;
}

#promotionsNav, .adsNav {
  position: absolute;
  right: 0;
  top: 5px;
}

/* Ads Block */
.adsBlock {
  background-color: #fff;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
  padding: 0 0 13px;
}

.adsBlock ul {
  margin-top: 1em;
}

.adsBlock ul li {
  margin: 0 10px 10px 10px;
}

.adsBlock ul li a {
  margin: 0;
  padding: 0;
}

/* END Ads Block */

/* Forgot Password */
#LoginWrap #BoxCentered {
  width: 100%;
}

#LoginWrap .BoxOneContent, #LoginWrap .BoxOneGradient,
#RegistrationWrap .BoxOneGradient {
  padding: 0;
}

#LoginWrap .BoxOneTop {
  height: 0;
}

#Forgot p {
  margin: 0.5em 0;
}

#Forgot .Input span {
  margin-left: 0;
}

#Forgot .Input label {
  font-weight: bold;
  font-size: 1em;
  color: #323232;
  float: left;
  margin: 0;
  padding-right: 1.1em;
  width: 100%;
}

#Forgot .Input input {
  width: 18em;
}

/* END Forgot Password */

/* Reset Password */

#Reset .SubmitButton {
  margin-left: 8.5em;
}

/* END Reset Password */

/* Pagination */
.Pagination {
  margin: 5px;
  width: auto !important; /* Overriding inline-styles from DEFAULT with !important */
}

.Pagination a {
  color: #731306;
}

/* END Pagination */

/* Message Center */
.cartTable.tablesorter,
.HistoryData.tablesorter {
  width: 100%;
  margin: 15px 0 0 0;
  word-break: break-all;
}

.cartTable a {
  color: #0000ff;
}

.cartTable td.dateTime {
  width: 20%;
  text-align: left;
}
/* END Message Center */

/* Points History */

.pointsHolder {
  margin: 20px 50px;
  float: left;
  clear: both;
  padding: 0 0 0 5px;
}

.pointsHolder .points {
  margin: 0 20px;
}

.pointsHolder .signs {
  margin-top: 1.5em;
}

.pointsHolder .points .txtField-90 {
  width: 125px;
  margin: 0 auto;
  line-height: 25px;
}

.outerdiv .Error {
  padding-left: 0.5em;
}

/* Ticket History */
.noHistoryFound {
  margin-left: 5px;
}

.viewRow .SweepsHeader {
  padding: 0.5em;
  color: #fff;
  background-color: #3d5023;
}

.viewRow form label, .ViewRow form label {
  font-weight: bold;
}

.viewRow select, .ViewRow select {
  margin-right: 0.5em;
}

.HistoryFilter span {
  display: none;
}

/* Drawings and Winners */
.SweepsHolder h1,
.SweepsHolder h4 {
  margin: 5px;
}

.SweepsHolder h4 a {
  color: #3c78a7;
  font-size: 1.2em;
  text-decoration: none;
}

#SweepsWinners {
  width: 400px;
  margin: 10px;
}

#SweepsWinners td {
  padding: 5px 15px;
}

#SweepsWinners tbody tr:nth-child(2n) td {
  background-color: #fff;
}

#SweepsWinners td.last {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#SweepsWinners tr.header th {
  color: #F7A31F;
  font-size: 1.2em;
}

.sweepTable tr th.xlarge {
  min-width: 520px;
}

.sweepTable tr th.large {
  min-width: 260px;
}

.sweepTable tr th.medium {
  min-width: 125px;
}

.sweepTable tr th.small {
  min-width: 80px;
}

/* END Drawings and Winners */

/* Eligible Ticket */
#eligibleTable.tablesorter {
  width: 100%;
}

/* Ticket Entry */
#ConfirmWrapper {
  padding: 5px;
}

#webcodeerror .Error p {
  font-weight: bold;
}

.WebCodeForm {
  width: 100%;
}

.WebcodeEntryForm h1.heading {
  display: none;
}

.WebcodeEntryForm .BackNumber label {
  margin: 10px;
  font-weight: bold;
}

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

.WebcodeEntryForm .BackNumber {
  margin: 5px 0px 10px;
}

.WebcodeBG, #piaHistory,
.outerdiv, #pinOuter {
  float: left;
  width: 100%;
  margin-right: 10px;
  box-sizing: border-box;
  padding: 0.5em 0;
  position: relative;
  border: 1px solid #000;
}

.WebcodeEntry {
  margin: 10px;
}

.WebcodeBG #webcodeform input {
  margin: 0 5px;
}

.WebcodeBG .CodeContentArea label {
  width: 125px;
}

.WebcodeEntryForm .CodeContentArea {
  min-height: 150px;
}

#webcodeform .BackNumber p,
#webcodeform .FrontNumber p {
  margin: 5px 0 0 127px;
}

div.CodeContentArea {
  margin: 1em auto;
  padding: 1em;
}

.TicketLogo {
  float: left;
  width: 25%;
  min-width: 12.5em;
  height: auto;
}

.PIABlurb {
  float: left;
  width: 74%;
}

.CodeSubmit,
.WebcodeLinks {
  float: left;
}

.WebcodeBG .CodeContentArea div.FrontNumber input.error,
.CodeContentArea div.BackNumber input.error,
.Error input,
.validatePhone.Error,
.Input select.Error,
.Error select {
  border: 1px solid #F62828;
}

.WebcodeBG a {
  font-weight: bold;
}

.WebcodeBG span {
  font-size: 0.9em;
}

.WebcodeBG span.dash {
  font-size: 1.2em;
}

.WebcodeLinks {
  margin-top: 15px;
}

.WebcodeLinks a {
  margin-right: 15px;
}

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

ul.ClaimContext.SweepsContext {
  margin-left: 0;
}

.DrawingInfo {
  width: 70%;
}

/* Scan Ticket */
#ScanTicket {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  margin-top: 15px;
}

#rescan {
  background-color: #005AAB;
  border: none;
  border-radius: 4px;
  box-shadow: 5px 5px 5px #1f2808;
  color: #fff;
  cursor: pointer;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0 auto 2em;
  padding: 0.5em;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}

#scan .note {
  color: #ff0000;
}

.findTicket {
  margin: 15px 0;
}

#piaHistory {
  margin: 1em 0;
}

.WebcodeEntryForm .historyHeader {
  background-color: #aed135;
  padding: 0.5em;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  margin-bottom: 0.5em;
}

.WebcodeEntryForm .historyHeader a {
  float: right;
}

.WebcodeEntryForm .historyHeader h3 {
  float: left;
}

.WebcodeEntryForm .HistoryTable thead th {
  background-color: #2b351d;
}

.HistoryTable {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 0.5em;
}

.HistoryTable th {
  background-color: #aaa;
  color: #fff;
}

.HistoryTable th, .HistoryTable td {
  padding: 0.2em;
  text-align: left;
  border: none;
}

.historyTable td.numbers {
  min-width: 150px;
  padding: 0;
}

.FindTicket {
  border: 0 solid #aaa;
  -moz-box-shadow: 5px 5px 5px #1f2808;
  -webkit-box-shadow: 5px 5px 5px #1f2808;
  box-shadow: 5px 5px 5px #1f2808;
  margin: 1em 0 1em .05em;
  padding: 0.5em;
  background-color: #aed135;
  width: 50%;
}

.FindTicket h6 {
  cursor: pointer;
  color: #3D5023;
  font-size: 1em;
  font-weight: bold;
  padding: 5px;
}

.TicketSample {
  width: 100%;
  height: auto;
}

.TicketConfirm {
  box-sizing: border-box;
  width: 100%;
  border: 2px solid #3D5023;
}

/* Ticket Checker */
#mobileAppOnly {
  text-align: center;
}

#checkTicketMessage {
  border: 1px solid #c5c5c5;
  border-radius: 6px;
  margin: 0 0 1em;
  padding: 1em;
  text-align: center;
}

#checkTicketMessage .Success {
  color: #5ab740;
}

#checkTicketMessage .Error {
  font-weight: bold;
  margin: 0;
}

.ticketChecker {
  margin-top: 15px;
  text-align: center;
}

.ticketChecker #scan {
  background-color: #eee;
  border: 1px solid #c5c5c5;
  box-shadow: none;
}

.findTicket {
  background-color: #fff;
  text-align: left;
}

.findTicket,
.findTicket .ticketSample {
  border-color: #1b3b6f;
}

.findTicket {
  border: 1px solid #c5c5c5;
  margin: 2em 0 1em;
  padding: 0.5em;
  cursor: pointer;
}

.findTicket .viewTicketSample {
  font-size: 1rem;
  font-weight: normal;
}

.findTicket .viewTicketSample {
  margin: 0;
  padding: 0.4em;
  display: block;
}

#shell {
  width: 688px;
  height: 483px;
}

/* Help - Game Rules */
/* Overwrites default colorbox.css style */
#cboxClose {
  top: 0;
}

/********************************
   FAQ/HELP
********************************/
#Faq .faqContent {
  margin: 10px;
}

#Faq h3 {
  color: #861213;
  font-size: 12px;
}

#Faq h2 {
  margin: 10px 0;
  color: #1b4075;
}

.faqContent h3 {
  margin: 0 0 10px;
}

a.Anchor, a.Anchor:hover {
  color: #3E4F25;
}

.faqItem {
  margin: 5px 15px 15px;
}

.faqQuestion {
  background: url('/v/4.9.5/b/i/left_blue_arrow.gif') no-repeat scroll 0 2px transparent;
  cursor: pointer;
  padding: 0 5px 0 15px;
  color: #1b4075;
}

.faqQuestion.opened {
  background: url('/v/4.9.5/b/i/down_blue_arrow.gif') no-repeat scroll 0 2px transparent;
}

.faqAnswer {
  color: #3E4F25;
  margin: 5px 0 10px 25px;
  word-break: break-word;
}

.faqAnswer ul li {
  list-style: disc outside none;
  margin: 5px 0px 0px 25px;
}

.faqAnswer th {
  text-align: center;
}

.faqAnswer table {
  margin-top: 0;
}

.Answer a, .FAQOpenBox a {
  color: #861213;
}

#helpform input {
  margin-bottom: 15px;
}

#helpform p {
  margin-left: 15px;
}

#helpform label {
  margin: 0 0 0 15px;
  width: 205px;
  text-align: right;
  float: left;
  clear: both;
  vertical-align: top;
}

#helpform select {
  margin-bottom: 15px;
}

#helpform label, #helpform select {
  padding-right: 5px;
}

#helpform .SubmitButton, .SurveyList .SubmitButton,
#drawform .SubmitButton {
  background-color: #ffcc00;
  -moz-box-shadow: 5px 5px 5px #1f2808;
  -webkit-box-shadow: 5px 5px 5px #1f2808;
  box-shadow: 5px 5px 5px #1f2808;
  zoom: 1;
  padding: 0.5em;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  border: none;
  text-decoration: none;
  color: #000;
}

.form #drawform .SubmitButton {
  width: 35%;
  text-transform: uppercase;
  margin: 13px 50px 0 0;
}

#helpform .SubmitButton {
  width: 200px;
  margin-left: 220px;
  margin-top: 15px;
}

.submitBtn {
  color: #8C1D14;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 8px 0;
  text-align: center;
  text-transform: uppercase;
  width: 215px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #fcab35;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fcab35), to(#fccb3e));
  background: -webkit-linear-gradient(#fcab35, #fccb3e);
  background: -moz-linear-gradient(#fcab35, #fccb3e);
  background: -ms-linear-gradient(#fcab35, #fccb3e);
  background: -o-linear-gradient(#fcab35, #fccb3e);
  background: linear-gradient(#fcab35, #fccb3e);
  -moz-box-shadow: -2px 5px 5px #888;
  -webkit-box-shadow: -2px 5px 5px #888;
  box-shadow: -2px 5px 5px #888;
  margin: 10px 35px 0 0;
}



.menuButton {
  color: #84130f;
  padding: 10px;
  background: #fccf3e;
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fccf3e), to(#fca732));
  background: -webkit-linear-gradient(#fccf3e, #fca732);
  background: -moz-linear-gradient(#fccf3e, #fca732);
  background: -ms-linear-gradient(#fccf3e, #fca732);
  background: -o-linear-gradient(#fccf3e, #fca732);
  background: linear-gradient(#fccf3e, #fca732);
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  z-index: 101;
  text-decoration: none;
  cursor: pointer;
}

/* TOS */
.tosContent {
  border: 1px solid #DDDDDD;
  box-shadow: 7px 3px 7px 3px #F0F0F0;
  height: 26em;
  overflow: auto;
  padding: 0 1em;
}

.content-data h2, .tosContent h2 {
  padding-top: 0.5em;
}

.content-data a, .tosContent a {
  color: #1686c5;
}

/* Help Form */
#HelpForm p {
  padding: 0.6em;
}

#HelpForm span {
  clear: both;
  display: block;
  margin-left: 220px;
}

/* Surveys */
.primary-content .SurveyHeader {
  background-color: #3D5023;
}

.primary-content .SurveyHeader,
.primary-content .SurveyContainer {
  width: auto;
}

.primary-content .SurveyContainer, .primary-content .SurveyHeader {
  border: 1px solid #3D5023;
}

.primary-content .AnswerCount, .primary-content .AnswerHeader,
.primary-content .FormField label, .primary-content .SurveyAnswer,
.primary-content .SurveyAnswerAlt, .primary-content .SurveyContainer {
  color: #3D5023
}

.SurveyContainer textarea {
  width: 100%;
}

.TotalResponses {
  height: 20px;
  padding-top: 0;
  position: relative;
  width: 100%;
}

.PercentOfTotal {
  position: absolute;
  top: 2px;
  color: #fccf3e;
}

.TakeSurveyButton {
  display: inline-block;
}

/* Promotions */
.promotions {
  width: 750px;
  margin: 0 auto;
}

.promotions ul li {
  margin: 1em 0;
}

.promotion h3 {
  font-size: 100%;
  margin: 5px 0;
}

.promotion p {
  margin: 2px 0 0;
}

/* Left side nav */
#left-side {
  width: 180px;
}

#left-side .sub-navigation,
#left-side .sub-navigation li {
  width: 100%;
}

#Banner_Club_Side_Ads li {
  margin-top: 10px;
}

.mobileShown {
  display: none;
}

/*show mobile things in the app */

/************ Subscriptions *************/

.walletBalWarning p {
  color: #f00;
}

.primary-content h2.wideHeader {
  color: #3D5023;
  background-color: #FC0;
  margin: 0 0 10px 0;
}

#ChosenRetailer.mapInfoAddon span.error {
  color: #000;
}

#locatorformwrap {
  margin-left: 0;
}

#Zipcode,
#mapsubmit,
#RetailLocator > div {
  float: none;
  display: inline-block;
}

#RetailLocator > div.hidden {
  display: none;
}

#mapsubmit {
  margin-left: 8px;
}

#RetailLocator .or {
  margin: 8px 10px 5px 8px;
}

/* tabs */

.primary-content .tabContent.innerTabs,
.tabContent .ticketHistoryView,
.tabContent .drawPoolTab,
#drawPlayBox .playSlipWrapper,
#drawCartBox.tabContent,
#checkoutWrapper #drawCartTableWrapper,
#SubscriptionPurchaseRequest, #pinOuter,
.outerdiv, .WebcodeBG, #piaHistory, .WebcodeEntryForm {
  background: none repeat scroll 0 0;
  border-color: #A3A5A9;
  border-radius: 6px;
  box-shadow: 1px 1px 2px 0 #A3A5A9;
}

.primary-content .tabContent.innerTabs,
.tabContent .ticketHistoryView,
.tabContent .drawPoolTab,
#drawPlayBox .playSlipWrapper,
#drawCartBox.tabContent,
#checkoutWrapper #drawCartTableWrapper,
#SubscriptionPurchaseRequest, #pinOuter {
  margin: 0 0 10px;
  padding: 10px;
}

#newDrawBox .tabContent {
  border-radius: 0 6px 6px;
}

#drawCartBox.tabContent,
#checkoutWrapper #drawCartTableWrapper,
#groupContent.tabContent,
.primary-content .tabContent.accountHolder {
  padding: 0;
}

#checkoutSubmit.disabled {
  background: #d9d9d9;
  color: #777;
  cursor: auto;
}

.primary-content .contentTab li.current {
  padding-bottom: 3px;
}

.primary-content .tabContent.outterTabs {
  border: none;
}

.primary-content .contentTab li {
  background: none repeat scroll 0 0 #3D5023;
  font-weight: bold;
  text-transform: none;
}

#drawNav {
  margin: 5px 0 -4px 0;
}

#drawNav ul.contentTab li {
  border: 0 none;
}

#drawNav .contentTab {
  padding: 0;
}

#drawPlayBox #drawNav ul.gameTabs li {
  background: none;
  border-color: #A3A5A9;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  width: 100px;
  height: 55px;
}

#WebcodeTabsNav li.active,
.primary-content .contentTab li.current,
#drawPlayBox #drawNav ul.gameTabs li.active {
  background-color: #fff;
  border-bottom: 0 none;
  margin-bottom: 0;
}

#WebcodeTabsNav ul li {
  background: none;
}

#drawNav ul.contentTab li,
#drawNav ul.contentTab #playSlipSelect {
  width: 100%;
}

/* Wagering Limit and Self Exclusion */
#wageringLimit {
  margin: 0;
}

#wageringLimit ul {
  margin: 0 1em;
}

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

#wageringLimit ul li + li {
  margin-top: 0.5em;
}

#wageringLimit label:first-of-type {
  display: block;
  float: none;
}

#wageringLimit h2, #selfExclusion h2 {
  display: none;
}

#wageringLimit .inputBlock {
  margin-top: 1em;
}

.wagerWrapper {
  width: 97%;
  margin: 0 auto 20px auto;
  float: none;
  height: 45px;
}

.wagerWrapper .wagerAvailable p {
  margin-top: 0;
}

#wagerSelect {
  float: none;
  margin: 0.5em 0 1em;
  width: auto;
}

#wagerSelect select,
#wagerSelect .submitButton {
  display: inline-block;
  float: none;
}

.submitButton.modifyAccountBtn,
.submitButton.deleteAccountBtn,
.submitButton.updateAccount {
  margin: 0.5rem;
}

#wageringLimit p,
#wagerCopy {
  font-size: 1em;
  margin: 1em 0;
}


.wagerWrapper {
  border-top: 1px solid #e6e6e6;
  height: auto;
  margin: 0 0 1em;
  padding: 1em 1em 0;
  position: relative;
  width: 100%;
}

.wagerWrapper:after {
  content: " ";
  clear: both;
  display: block;
}

.wagerWrapper ~ .wagerWrapper {
  border-top: 0 none;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 1em;
}

.wagerWrapper p {
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}

.wagerWrapper .limit {
  font-size: 0.8rem;
  line-height: 1.4em;
}

.walletIFrame {
  width: 100%;
}

/* Groups */
.dataTable {
  margin: 0;
}

.dataTable tbody td {
  border-top: 1px solid #676767;
  border-bottom: 1px solid #676767;
  padding: 5px 5px 5px 10px;
}

.dataTable.responsiveTable tbody td:last-child {
  padding-bottom: 1.2rem;
}

.dataTable.ticketHistoryTable tbody tr {
  cursor: pointer;
}

#groupContent, #groupDetail .groupView {
  background: none repeat scroll 0 0;
  border-color: #A3A5A9;
  border-radius: 6px;
  box-shadow: 1px 1px 2px 0 #A3A5A9;
  padding-bottom: 6px;
  padding-top: 6px;
}

#groupDetail span.link {
  cursor: pointer;
  color: #00f;
}

span.deleteLink {
  cursor: pointer;
  margin: 5px;
  color: #103e9c;
}

.groupMemberEmail {
  width: auto;
}

#groupSubmit {

}

/* pagination */
.Pagination {
  float: right;
}

.pagination-top {
  float: left;
  width: 100%;
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.filterOptions {
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.pagination-items {
  float: left;
  font-size: 1.5em;
  font-weight: bold;
}

.pagination-view {
  float: right;
}

.filterOptions .Input label {
  width: auto;
}

.filterOptions .Input {
  clear: none;
  display: inline;
  width: auto;
  margin: 0;
}

.filterOptions .Input input {
  display: inline;
  width: auto;
  float: left;
  margin-right: 1em;
  padding: 0;
}

.filterOptions .Input input[type="date"] {
  width: 120px;
}


.filterOptions input[type="submit"] {
  background: none repeat scroll 0 0 #FFCC00;
  padding: 0.3em;
  margin-left: 1em;
  cursor: pointer;
}

.filterOptions input[type="text"] {
  background: url('/v/4.9.5/d/i/Calendar.gif') no-repeat scroll 99% center;
  margin-right: 10px;
  width: 100px;
  cursor: pointer;
}

.pagination-bottom {
  margin: 10px;
  text-align: center;
}

a.pagination-nolink:not([href]):not([tabindex]),
.pagination-nolink,
a.pagination-nolink {
  color: #A3A5A9;
  text-decoration: none;
}

.PowerBall, input.PowerBall,
.Powerball, input.Powerball,
.MegaBall, input.MegaBall,
.HotBall, input.HotBall,
.LuckyBall, input.LuckyBall,
.Reds, input.Reds {
  background-color: #C31F3A;
  color: #fff;
  border-color: #000;
}

.gameNumbers,
.gameNumbers.Powerball {
  background-color: #fff;
  color: #000;
}

.drawNumbers input.StarBall,
input.StarBall::placeholder,
.StarBall, input.StarBall,
#drawCartTable td.numbers input.StarBall {
  background-color: #ee3224;
  color: #fff;
  border-color: #000;
}

.drawNumbers input.StarBall,
.StarBall, input.StarBall {
  border-color: #8e130b;
}

/* Buy Subscriptions - Lotto Draw Page */

/* Cart version 2 Styles */
#quickPickActions {
  margin-bottom: 20px;
}

.playSlipWrapper h2,
.playSlipWrapper h3,
.playSlipWrapper .inputBlock,
.drawPanel {
  margin-left: 0;
}

#newDrawBox h1,
#drawBox h1,
#newDrawCart h1,
h1.sectionHeading,
h1.pageHeading {
  display: none;
}

#newDrawCart #drawCartTable th.game,
#newDrawCart #drawCartTable td.game {
  padding-left: 5px;
}

.cartButtons {
  margin-bottom: 15px;
}

#inputCartUpdatePost {
  margin: 10px 15px 0 0;
}

#pointsTransform {
  width: 100%;
  margin-left: 0;
}

#quickPickActions span {
  display: inline-block;
  clear: left;
  cursor: pointer;
  padding: 0.5em;
  border-radius: 6px;
  background: #1b4075;
  border: 1px solid #000;
  box-shadow: 5px 5px 5px #1f2808;
  font: bold 12px Arial, Sans-serif;
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.centerSlip #cartSummary {
  width: 100%;
  font-size: 14px;
}

.centerSlip #cartSummary #totalCostInput,
.centerSlip #cartSummary #totalCost,
#cartSummary .amount {
  font-size: 18px;
  text-align: right;
  padding: 4px 0;
  font-weight: bold;
  background: #fff;
}

.centerSlip #cartSummary #totalCostInput,
.centerSlip #cartSummary #totalCostInput:disabled {
  -webkit-text-fill-color: #545454;
  color: #545454;
  opacity: 1; /* required on iOS */
}

#cartSummary table,
#promoCodeHolder {
  width: 95%;
  margin: 0 auto 10px auto;
}

#cartSummary .inputBlock {
  margin-bottom: 10px;
  text-align: center;
}

#promoCodeLabel {
  font-size: inherit;
}

#promoCode {
  width: 70%;
}

#promoCodeButton {
  width: 25%;
  float: right;
}

#promoCodeButton:after {
  content: "";
  clear: both;
}

#newDrawCart #purchaseNameBlock label {
  font-weight: bold;
}

.stepdownMessage {
  color: #F00;
  font-style: italic;
}
/* End cart version 2 styles */

.primary-content .playSlipWrapper .panelgroup {
  min-width: 300px;
  position: relative;
  width: 40%;
}

.drawPoolTabs .contentTab.drawTab li {
  margin: 0 0 -5px;
}

.drawPanel .picks span {
  margin-right: 10px;
  font-size: 0.9em;
  text-decoration: underline;
}

.primary-content .drawNumbers input {
  font-size: 15px;
  margin: 0;
  float: left;
  width: 45px;
}

.primary-content .drawWrapper .drawLinks a.button {
  display: inline-block;
}

.primary-content .drawLinksMobile {
  clear: both;
}

.primary-content .inputBlock input.addToCart {
  bottom: 10px;
  float: none;
}

.primary-content .drawPoolTab {
  min-height: 275px;
  height: auto;
}

.primary-content .drawButton {
  width: 37px;
}

.drawJackpot p:first-child {
  margin-top: 25px;
}

img.tooltip,
.tooltip img {
  display: inline;
}

.popupTooltip {
  background: #eee;
  color: #000;
  font-size: 0.7em;
  position: absolute;
  top: 20px;
  left: 0;
  padding: 5px;
  border: 1px solid #ccc;
}

#drawCart #cartHeader,
#checkoutWrapper .cartButtons {
  margin: 10px;
}

#drawCart #cartHeader h2 {
  margin: 0;
}

#drawCart #cartHeader {
  width: 230px;
}

#drawCartTable thead th,
#drawCartTable thead th.header {
  color: #fff;
  background-color: #aaa;
  border: none;
}

.primary-content #drawCartTable th {
  padding: 2px;
}

.dataTable th.tablesorter-header,
.primary-content #drawCartTable th.tablesorter-header,
.dataTable th.header,
.primary-content #drawCartTable th.header {
  background: url('/v/4.9.5/d/i/tablesorter/bg.gif') right center no-repeat #aaa;
  padding-left: 0;
  padding-right: 20px;
  cursor: pointer;
}

.dataTable th.tablesorter-headerDesc,
.primary-content #drawCartTable th.tablesorter-headerDesc,
.dataTable th.header.headerSortUp,
.primary-content #drawCartTable th.header.headerSortUp {
  background: url('/v/4.9.5/d/i/tablesorter/asc.gif') right center no-repeat #aaa;
}

.dataTable th.tablesorter-headerAsc,
.primary-content #drawCartTable th.tablesorter-headerAsc,
.dataTable th.header.headerSortDown,
.primary-content #drawCartTable th.header.headerSortDown {
  background: url('/v/4.9.5/d/i/tablesorter/desc.gif') right center no-repeat #aaa;
}

.dataTable th.sorter-false,
.primary-content #drawCartTable th.sorter-false {
  background: #aaa;
}

#drawCartTable td input.button {
  padding: 0;
  font-size: 12px;
}

.primary-content #drawCartTable td.numbers input {
  width: 24px;
}

.primary-content #newDrawCart #drawCartTable td.numbers input {
  width: 22px;
}

#cartTotals input.cartTotal,
#cartTotals input.cartWallet {
  width: 100px;
}

#cartSubmitButton {
  float: right;
}

#drawPlayBox #promotionAd img {
  max-width: 100%;
}

/* Playslip & Subscriptions */
#SavedPlaysWrapper {
  margin: 0;
}

#SavedPlaysWrapper .ui-accordion-header {
  padding-left: 2em;
}

#SavedPlaysWrapper .ui-state-default .ui-icon,
#SavedPlaysWrapper .ui-state-hover .ui-icon,
#SavedPlaysWrapper .ui-state-active .ui-icon {
  background-image: url('/v/4.9.5/b/i/../css/jquery.ui/images/ui-icons_555555_256x240.png');
}

#eBetSlips .playSlipWrapper {
  border: 1px solid #A3A5A9;
  box-shadow: none;
}

#eBetSlips .quickPick {
  width: 100%;
}

#drawPlayBox .totalBlock input:disabled {
  background-color: #fff;
}

.TerminalQuickPickWrap {
  clear: both;
  display: block;
  float: none;
}

.playSlipWrapper .ticketPanels {
  width: 100%;
}

.panelGroup-Powerball .inputBlock.picks,
.panelGroup-MegaMillions .inputBlock.picks,
.panelGroup-LuckyForLife .inputBlock.picks,
.panelGroup-LottoAmerica .inputBlock.picks,
.panelGroup-TwoByTwo .inputBlock.picks {
  margin: 5px 0 20px;
  width: 100%;
}

.drawPool {
  position: relative;
}

.panelGroup-Powerball .drawPool:nth-of-type(1):after,
.panelGroup-MegaMillions .drawPool:nth-of-type(1):after,
.panelGroup-LuckyForLife .drawPool:nth-of-type(1):after,
.panelGroup-LottoAmerica .drawPool:nth-of-type(1):after,
.panelGroup-TwoByTwo .drawPool:nth-of-type(1):after {
  bottom: -15px;
  color: #848484;
  display: block;
  font-size: 12px;
  left: 0;
  position: absolute;
  text-transform: inherit;
  white-space: nowrap;
}

.panelGroup-Powerball .drawPool:nth-of-type(1):after {
  content: 'Eligible numbers from 1-69 (1-26 for Powerball)';
}

.panelGroup-MegaMillions .drawPool:nth-of-type(1):after {
  content: 'Eligible numbers from 1-70 (1-24 for Mega Ball)';
}

.panelGroup-LuckyForLife .drawPool:nth-of-type(1):after {
  content: 'Eligible numbers from 1-48 (1-18 for Lucky Ball)';
}

.panelGroup-LottoAmerica .drawPool:nth-of-type(1):after {
  content: 'Eligible numbers from 1-52 (1-10 for Star Ball)';
}

.panelGroup-TwoByTwo .drawPool:nth-of-type(1):after {
  content: 'Eligible numbers from 1-26';
}

/* Preload the wild card sprites */
body:after {
  display: none;
  content: url('/v/4.9.5/b/i/wildcard-sprite.png') url('/v/4.9.5/b/i/wildcard-sprite-small.png');
}

input.drawButton.WildCard,
input.drawNumber.WildCard,
#drawCartTable td.numbers input.WildCard {
  height: 81px;
  width: 61px;
  background: url('/v/4.9.5/b/i/wildcard-sprite.png') no-repeat;
  background-color: inherit;
  border: none;
  font-size: 0px;
}

.drawPool input.drawButton.WildCard[value="1"] {
  background-position: 0px 0px;
}

.drawPool input.drawButton.WildCard[value="2"] {
  background-position: -62px 0px;
}

.drawPool input.drawButton.WildCard[value="3"] {
  background-position: -124px 0px;
}

.drawPool input.drawButton.WildCard[value="4"] {
  background-position: -186px 0px;
}

.drawPool input.drawButton.WildCard[value="14"] {
  background-position: 0px -81px;
}

.drawPool input.drawButton.WildCard[value="15"] {
  background-position: -62px -81px;
}

.drawPool input.drawButton.WildCard[value="16"] {
  background-position: -124px -81px;
}

.drawPool input.drawButton.WildCard[value="17"] {
  background-position: -186px -81px;
}

.drawPool input.drawButton.WildCard[value="27"] {
  background-position: 0px -162px;
}

.drawPool input.drawButton.WildCard[value="28"] {
  background-position: -62px -162px;
}

.drawPool input.drawButton.WildCard[value="29"] {
  background-position: -124px -162px;
}

.drawPool input.drawButton.WildCard[value="30"] {
  background-position: -186px -162px;
}

.drawPool input.drawButton.WildCard[value="40"] {
  background-position: 0px -243px;
}

.drawPool input.drawButton.WildCard[value="41"] {
  background-position: -62px -243px;
}

.drawPool input.drawButton.WildCard[value="42"] {
  background-position: -124px -243px;
}

.drawPool input.drawButton.WildCard[value="43"] {
  background-position: -186px -243px;
}

.drawPool input.drawButton.WildCard.picked {
  background-color: inherit;
  border: none;
  height: 81px;
  width: 62px;
}

.drawPool input.drawButton.WildCard.picked[value="1"] {
  background-position: 0px -325px;
}

.drawPool input.drawButton.WildCard.picked[value="2"] {
  background-position: -62px -325px;
}

.drawPool input.drawButton.WildCard.picked[value="3"] {
  background-position: -124px -325px;
}

.drawPool input.drawButton.WildCard.picked[value="4"] {
  background-position: -186px -325px;
}

.drawPool input.drawButton.WildCard.picked[value="14"] {
  background-position: 0px -406px;
}

.drawPool input.drawButton.WildCard.picked[value="15"] {
  background-position: -62px -406px;
}

.drawPool input.drawButton.WildCard.picked[value="16"] {
  background-position: -124px -406px;
}

.drawPool input.drawButton.WildCard.picked[value="17"] {
  background-position: -186px -406px;
}

.drawPool input.drawButton.WildCard.picked[value="27"] {
  background-position: 0px -487px;
}

.drawPool input.drawButton.WildCard.picked[value="28"] {
  background-position: -62px -487px;
}

.drawPool input.drawButton.WildCard.picked[value="29"] {
  background-position: -124px -487px;
}

.drawPool input.drawButton.WildCard.picked[value="30"] {
  background-position: -186px -487px;
}

.drawPool input.drawButton.WildCard.picked[value="40"] {
  background-position: 0px -568px;
}

.drawPool input.drawButton.WildCard.picked[value="41"] {
  background-position: -62px -568px;
}

.drawPool input.drawButton.WildCard.picked[value="42"] {
  background-position: -124px -568px;
}

.drawPool input.drawButton.WildCard.picked[value="43"] {
  background-position: -186px -568px;
}

input.drawNumber.WildCard,
#drawCartTable td.numbers input.WildCard {
  background: url('/v/4.9.5/b/i/wildcard-sprite-small.png') no-repeat;
  height: 40px;
  width: 31px;
  margin-left: 10px;
}

.drawPanel input.drawNumber.WildCard[value="--"],
#drawCartTable td.numbers input.WildCard[value="--"] {
  background: none;
}

.drawPanel input.drawNumber.WildCard[value="1"],
#drawCartTable td.numbers input.WildCard[value="1"] {
  background-position: 0px 0px;
}

.drawPanel input.drawNumber.WildCard[value="2"],
#drawCartTable td.numbers input.WildCard[value="2"] {
  background-position: -31px 0px;
}

.drawPanel input.drawNumber.WildCard[value="3"],
#drawCartTable td.numbers input.WildCard[value="3"] {
  background-position: -62px 0px;
}

.drawPanel input.drawNumber.WildCard[value="4"],
#drawCartTable td.numbers input.WildCard[value="4"] {
  background-position: -93px 0px;
}

.drawPanel input.drawNumber.WildCard[value="14"],
#drawCartTable td.numbers input.WildCard[value="14"] {
  background-position: 0px -40px;
}

.drawPanel input.drawNumber.WildCard[value="15"],
#drawCartTable td.numbers input.WildCard[value="15"] {
  background-position: -31px -40px;
}

.drawPanel input.drawNumber.WildCard[value="16"],
#drawCartTable td.numbers input.WildCard[value="16"] {
  background-position: -62px -40px;
}

.drawPanel input.drawNumber.WildCard[value="17"],
#drawCartTable td.numbers input.WildCard[value="17"] {
  background-position: -93px -40px;
}

.drawPanel input.drawNumber.WildCard[value="27"],
#drawCartTable td.numbers input.WildCard[value="27"] {
  background-position: 0px -81px;
}

.drawPanel input.drawNumber.WildCard[value="28"],
#drawCartTable td.numbers input.WildCard[value="28"] {
  background-position: -31px -81px;
}

.drawPanel input.drawNumber.WildCard[value="29"],
#drawCartTable td.numbers input.WildCard[value="29"] {
  background-position: -62px -81px;
}

.drawPanel input.drawNumber.WildCard[value="30"],
#drawCartTable td.numbers input.WildCard[value="30"] {
  background-position: -93px -81px;
}

.drawPanel input.drawNumber.WildCard[value="40"],
#drawCartTable td.numbers input.WildCard[value="40"] {
  background-position: 0px -121px;
}

.drawPanel input.drawNumber.WildCard[value="41"],
#drawCartTable td.numbers input.WildCard[value="41"] {
  background-position: -31px -121px;
}

.drawPanel input.drawNumber.WildCard[value="42"],
#drawCartTable td.numbers input.WildCard[value="42"] {
  background-position: -62px -121px;
}

.drawPanel input.drawNumber.WildCard[value="43"],
#drawCartTable td.numbers input.WildCard[value="43"] {
  background-position: -93px -121px;
}

/* Checkout */
#drawCartTable {
  margin-bottom: 0;
}

#drawCartTable tr.promotionMessage {
  left: auto;
  position: relative;
  top: auto;
  width: 100%;
}

#drawCartTable tr td {
  border: 0 none;
  padding: 10px 5px 10px 10px;
}

#drawCartTable tr.promotionItem + .promotionItem {
  border-top: 1px solid #aaa;
}

#drawCartTable tr:not(.promotionItem) td {
  border-bottom: 1px solid #aaa;
  border-top: 0 none;
}

#drawCartTable tr.promotionItem td {
  border: 0 none;
  padding-bottom: 0;
  padding-top: 10px;
}

#drawCartTable tr.promotionMessage td {
  padding-top: 5px;
}

#drawCartTableWrapper #drawCartTable {
  margin-top: 0;
}

#drawCartTableWrapper #purchaseNameBlock {
  width: 50%;
  margin: 0 10px;
}

#newDrawCart #drawCartTableWrapper #purchaseNameBlock {
  width: 60%;
  margin: 0 auto 10px auto;
  float: none;
  padding: 0 1%;
}

#checkoutWrapper #drawCartForm {
  margin-top: 10px;
}

#checkoutWrapper #drawCartTableWrapper {
  border-width: 1px;
  border-style: solid;
  padding-top: 0px;
  margin: 1em 0px;
}

.PrintablePurchaseForm .Input span.dashes {
  margin: 0;
}

/* My Results */
.dataTables_wrapper .top {
  height: 20px;
  margin-bottom: 0.5em;
  padding: 0 1em;
}

.dataTables_info {
  clear: none;
  float: right;
}

.primary-content .dataTable {
  width: 100%;
  border-collapse: collapse;
}

.dataTable th {
  background-color: #aaa;
  color: #fff;
}

.dataTable th, .dataTable td {
  padding: 0.2em;
  text-align: left;
  border: none;
}

.dataTable tr.even {
  background-color: #E4E5E4;
}

.dataTable tr.active {
  background-color: #9AB647;
}

.tabContent .ticketHistoryView {
  padding: 0.5em;
  margin-left: 0.3em;
}

.tabContent .ticketHistoryData {
  width: 500px;
  margin: 0 auto;
}

td.numbers input {
  border: 1px solid #000;
  display: inline;
  margin: 0 -3px;
  text-align: center;
  width: 24px;
}

.ticketHistoryData {
  text-align: left;
}

.ticketHistoryData td {
  padding: 4px 10px 4px 0;
  white-space: nowrap;
}

.ticketHistoryData td.numbers input {
  margin: 0;
}

.ticketHistoryData td.numbers input.Powerball {
  background-color: #e33d3d;
  border-color: #e33d3d;
  color: #fff;
}

.ticketHistoryData td.numbers .winningBall {
  background-color: transparent;
  padding: 0 0.2em;
}

.ticketHistoryData td.numbers .winningBall:first-child {
  padding-left: 0;
}

.ticketHistoryData td.numbers .winningBall.Powerball {
  color: #e33d3d;
}

/* My Subscription */
#accordion h3 {
  background-color: #E4E5E4;
  border-radius: 0;
  color: #504E51;
  cursor: pointer;
  font-weight: bold;
  margin: 0;
  padding: 5px 5px 5px 30px;
  margin-top: 0.5em;
}

#accordion .specialIdToHideScrolling {
  max-height: none;
}

#accordion .accordionIconClosed, #accordion .accordionIconOpen {
  display: block;
  height: 20px;
  margin: 3px;
  width: 22px;
}

#accordion .accordionIconClosed {
  background-image: url('/v/4.9.5/b/i/sorticon-plus-on.png')}

#accordion .accordionIconOpen {
  background-image: url('/v/4.9.5/b/i/sorticon-minus-on.png')}

.separator {
  border-top: 1px solid #000000;
  clear: both;
  margin: 10px 0;
}

#accordion .historyTable {
  border: 0;
}

/* Pin */
.ssn9Label {
  display: block;
  font-weight: bold;
  margin-bottom: 0.3em;
}

#ssn9Form .submitButton {
  clear: both;
  display: block;
  margin-top: 1em;
  width: auto;
}




input[name="confirmPurchase"].submitButton,
input#PrintForm.submitButton {
  background-color: #ffcc00;
  -moz-box-shadow: 5px 5px 5px #1f2808;
  -webkit-box-shadow: 5px 5px 5px #1f2808;
  box-shadow: 5px 5px 5px #1f2808;
  zoom: 1;
  padding: 0.5em;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  border: none;
  text-decoration: none;
  color: #000;
  margin: 2em 0;
}

.SSN4Pin input {
  margin-bottom: 0.5em;
  width: 100px;
}

.SSN4Pin label.error,
#UpdateSecurityAnswerWrap label.Error {
  width: 100%;
}
.SSN4Pin label.error {
  margin: 0 0 1em 1em;
}

#UpdateSecurityAnswerWrap label.Error {
  margin: 0 0 1em 1em;
}

.SSN4Pin, #Resetpin .SubmitButton {
  float: left;
  clear: both;
}

/* Security Question/Answer Update */
#UpdateSecurityAnswerWrap.innerTabs {
  border: none;
  box-shadow: none;
}

#UpdateSecurityAnswerWrap h2 {
  width: 100%;
  margin: .3em 0 .2em 0;
  position: relative;
  background-color: #ffcc00;
  padding: 0.3em;
  font-size: 2em;
}

#UpdateSecurityAnswerWrap label.required:before {
  color: #D01B22;
  content: "* ";
}

#UpdateSecurityAnswerWrap label {
  width: 200px;
}

#UpdateSecurityAnswerWrap .Submit {
  margin: 1em 0;
}

/* Modules */
.module {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
  margin: 0.6em;
}

.module .title {
  font-size: 1.1rem;
  font-weight: normal;
  padding: 0.8em;
}

/* Winning Numbers */
.winningNumbersHolder {
  border-top: 1px solid #e6e6e6;
  clear: both;
  cursor: pointer;
}

.winningNumbersHolder:hover {
  background-color: #f8fafc;
}

.winningNumbersHolder:last-child {
  border-radius: 0 0 4px 4px;
}

.winningNumbersHeader {
  padding: 0.8em 0.8em 0;
  position: relative;
}

.winningNumbersHeader .logo {
  display: inline-block;
}

.winningNumbersHeader .estimatedJackpot {
  float: right;
  font-size: 0.75rem;
  margin: 2em 1.8em 0 0;
}

.winningNumbersHeader .amount {
  color: #ee2e24;
}

.winningNumbersHeader .arrow {
  color: #1c55a2;
  display: block;
  position: absolute;
  right: 0.8em;
  text-align: right;
  top: 2.5em;
  -webkit-transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -ms-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  transition: all 0.1s linear 0s;
}

.winningNumbersHolder .open {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.winningNumbersHolder .closed {
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.winningNumbersHolder .drawingsHolder {
  clear: both;
  display: block;
  padding: 0.4em 0.8em;
}

.winningNumbersHolder .drawingsHolder + .drawingsHolder {
  border-top: 1px dashed #e6e6e6;
  display: none;
}

.winningNumbersHolder .drawNumbers {
  float: right;
  list-style: none;
  margin-right: 1.4em;
}

.winningNumbersHolder .date,
.winningNumbersHolder .drawNumbers,
.winningNumbersHolder .drawNumbers > li {
  display: inline-block;
}

.winningNumbersHolder .date {
  color: #9e9e9e;
  font-size: 0.8em;
  line-height: 2.2em;
  vertical-align: middle;
}

.winningNumbersHolder .number {
  border-radius: 50%;
  color: #000;
  display: block;
  font-size: 0.75rem;
  height: 25px;
  margin: 0;
  outline: none;
  padding: 0.4em 0 0;
  text-align: center;
  transition: all 0.3s ease;
  width: 25px;
}

.winningNumbersHolder .number {
  background-color: #f0f0f0;
  border: 1px solid #e6e6e6;
}

.game-2by2 .drawNumbers > li:nth-child(1) .number,
.game-2by2 .drawNumbers > li:nth-child(2) .number {
  background-color: #ee2e24;
  border: 1px solid #ee2e24;
  color: #fff;
}

.winningNumbersHolder .extra {
  color: #fff;
}

.winningNumbersHolder .extra.Powerball {
  background-color: #C31F3A;
  border-color: #C31F3A;
}

.winningNumbersHolder .extra.LuckyBall {
  background-color: #007940;
  border-color: #007940;
}

.winningNumbersHolder .extra.MegaBall {
  background-color: #ffa500;
  border-color: #ffa500;
}

.winningNumbersHolder .extra.StarBall {
  background-color: #0098db;
  border-color: #0098db;
}

/************ Mobile App Menu ***************/
.currentPage {
  color: #fff;
  font-weight: bold;
  text-shadow: #010042 2px 2px 5px;
}

.mobileBar {
  z-index: 99;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  background-color: #1c3e6e;
  position: fixed;
  width: 100%;
}

#mobileHeaderBar {
  top: 0;
  height: 60px;
}

#mobileFooterBar {
  bottom: 0;
  height: 77px;
}

.mobileBar a {
  display: flex;
  flex-direction: column;
  width: 100%;
  text-align: center;
  font-size: 10px;
  text-decoration: none;
  color: #8dafbf;
  padding-bottom: 5px;
  border-right: 1px solid #164a7b;
  text-transform: uppercase;
  font-family: "Myriad Pro", Helvetica, sans-serif;
  font-weight: 100;
  letter-spacing: 1.2px;
  justify-content: space-between;
}

.mobileBar img {
  max-height: 33px;
  margin-top: 6px;
  display: inline-block;
}

.ModalBarCode {
  top: 100px;
  left: 50px;
}

.closeButton {
  top: 80px;
  left: 30px;
}

#accountHolderBar {
  background-color: #f2f2f2;
  border-bottom: 1px solid #c5c5c5;
  padding: 0.5em 3.5%;
  text-align: left;
}

#accountHolderBar .cartPFP,
#accountHolderBar .iconCart,
#accountHolderBar .cartTitle {
  display: inline-block;
  vertical-align: middle;
}

#accountHolderBar .cartPFP {
  text-decoration: none;
}

#accountHolderBar .iconCart {
  width: 25px;
}

#accountHolderBar .cartTitle {
  font-size: 0.8em;
  font-weight: bold;
}

#accountHolderBar .account {
  display: inline-block;
  float: right;
}

#accountHolderBar .playerName {
  border-right: 1px solid #c5c5c5;
  padding: 0 0.5em 0 0;
  margin: 0 0.5em 0 0;
}

#accountHolderBar .logout {
  color: #005AAB;
  text-decoration: none;
}

#ExternalEmailPreference {
  margin: 1em 0;
}


/*fine tune mobile icons*/
#mobileCartIcon {
  max-height: 24px;
}

#mobileHistoryIcon,
#mobilePointsIcon {
  margin-bottom: 3px;
}

#mobileDrawingsIcon {
  max-height: 44px;
}

#mobileShopIcon {
  max-height: 46px;
}

/************ Responsible Gaming ***********/

#ResponsibleGaming section {
  margin: 10px;
}

#ResponsibleGaming article {
  margin: 1em 0;
  padding-bottom: 1em;
  border-bottom: 1px solid #ccc;
}

#ResponsibleGaming article h2,
#ResponsibleGaming article h2 a {
  font-size: 1.1rem;
  font-weight: bold;
}

#legalNav li {
  float: left;
  padding: 0 0.5em;
  border-left: 1px solid #3f3f3f;
}

#legalNav li:first-of-type {
  border: none;
  padding-left: 0;
}

#legalNav a {
  text-decoration: underline;
}

#legalNav a:hover,
#legalNav a:focus {
  text-decoration: none;
}

/* GEOCHECK */
.geoContainer {
  font-size: 1rem;
  font-weight: bold;
  margin: 3em 0;
}

.geoContainer .msg {
  margin: 1em 0;
}

.geoContainer .error {
  color: #ed7161;
}

.updateStateWrapper,
.updateCityWrapper {
  display: inline-block;
}

/* To Remove/Replace with bootstrap default tooltips - Current override to keep current functionality */
.tooltip {
  position: static;
  opacity: 1;
  display: inline;
}

.lead {
  font-size:  1.0em;
}

label {
  display: inline; /* bootstrap override */
}

/* Overriding bootstrap containers as it breaks the layout */
@media (min-width: 576px) {
  .container {
    max-width: none;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: none;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: none;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: none;
  }
}

/* PFD Buyer Style Overrides -  override /default/css/pfdsweepstyles.css.php */
h3.card-title  {
  font-size: 1.0rem;
  font-weight: bold;
}

#redemptionArea h1 {
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
}

.btn.increment, .btn.decrement {
  color: #fcd03e;
  font-size: 1.5rem;
}

.details-btn.logged-out {
  background-color: transparent;
  border-radius: 0;
  color: #002962;
  border-color: #002962;
}

.redeem-btn,
.details-btn.logged-in {
  border-radius: 0;
  background-color: #fcd03e;
  border-color: #fcd03e;
  color: #002962;
}

.login-btn,
.login-btn:link,
.login-btn:visited {
  border-radius: 0;
  background:  #1065a6;
  border-color: #1065a6;
}

.register-btn,
.register-btn:link,
.register-btn:visited {
  border-radius: 0;
  background:  #e70d1b;
  border-color: #e70d1b;
  color: #fff;
}

#drawingEntryTable {
  width: 100%;
  margin: 0;
}

#myEntriesTable {
  padding: 1em 0;
}

.olderPfdEntriesBtn,
#olderPfdDrawings,
.redeem-btn {
  background-color: #fcd03e;
  border-color: #fcd03e;
}

.olderPfdEntriesBtn:link,
.olderPfdEntriesBtn:visited {
  color: #1b4075;
}

/* Drawings and Winners for PFD */
#drawingsWrap {
  margin-top: 2em;
}

.tabsWrap > .tab {
  border: 2px solid #3d5023;
  display: none;
}

.tabsWrap > .tab.active {
  display: block;
}

#drawingsWrap .SweepsHeader {
  background-color: transparent;
  color: #3d5023;
  display: flex;
  justify-content: flex-end;
  padding: 1em 1em 0;
  width: 100%;
}

#drawingsWrap .SweepsHeader label {
  margin-right: 0.5em;
}

#drawingsWrap .SweepsHeader select {
  margin: 0;
}

#drawingsWrap table {
  font-size: 0.8rem;
}

/* Groups */
#groupCreate {
  float: right;
  background-color: #ffcc00;
  -moz-box-shadow: 5px 5px 5px #1f2808;
  -webkit-box-shadow: 5px 5px 5px #1f2808;
  box-shadow: 5px 5px 5px #1f2808;
  zoom: 1;
  padding: 0.5em;
  font-size: 1em;
  font-weight: bold;
  cursor: pointer;
  border: none;
  text-decoration: none;
  color: #000;
}

/* Registration */
.registrationwrap {
  margin: 0 1rem;
}


/* ALL RESPONSIVE */
@media only screen and (max-width: 959px) {
  .sub-page {
    width: 100%;
  }

  /*show ebetslip menu at all sizes */
  .contentTab {
    display: none;
  }


  #topBanner {
    float: left;
  }

  .primary-content {
    width: 68%
  }

  #homePromotionsBlock img,
  #homeWhatsNewBlock img,
  #homeWhatsNewBlock li {
    height: auto;
  }

  /* REGISTRATION */
  .registrationwrap {
    padding-right: 1rem;
    margin: 0;
  }

  #Registration label {
    width: 100%;
  }

  #Registration .Input span,
  #UpdateAccount .Input span,
  #ChangePassword .Input span {
    margin-left: 0px;
    font-size: 1em;
  }

  /* Help Form */
  #HelpForm label {
    margin: 0;
    width: 100%;
    text-align: left;
  }

  #HelpForm span {
    margin: 0;
  }

  #HelpForm textarea {
    width: 95%;
  }

  #HelpForm .SubmitButton {
    margin: 1em auto;
    text-align: center;
  }

  /* Enter Tickets */
  .PIABlurb,
  .TicketLogo {
    float: none;
    text-align: center;
    margin: auto;
  }

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

  .FindTicket {
    margin: 0.8em;
  }

  /* LOGIN */
  #LoginArea {
    width: 98%;
  }

  #homePromoNav a:before,
  #homeWhatsNewNav a:before {
    line-height: 20px;
  }

  #Banner_Club_Promo_Banner ul {
    min-height: 150px;
    max-height: 248px;
  }

  #left-side,
  .primary-content,
  .sub-page {
    display: block;
    transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
  }

  #left-side {
    margin-left: -100%;
    margin-right: 0;
    width: 180px;
    max-width: 57%;
    padding: 10px;
    float: left;
  }

  .primary-content {
    margin-right: 0;
    float: right;
    width: 100%;
    padding: 10px;
  }

  #drawPlayBox {
    margin: 0;
  }

  .sub-page {
    overflow: hidden;
    padding: 0;
  }

  .active-canvas-left #left-side {
    margin-left: 0;
    width: 180px;
  }

  .active-canvas-left .primary-content {
    width: 100%;
    margin-right: -180px;
  }

  .primary-content #newDrawBox .drawNumbers input {
    width: 40px;
    font-size: 14px;
  }

  .accountHolder,
  .accountHolder #mapwrap {
    width: 100%;
  }

  #locatorformwrap {
    margin: 0;
    box-sizing: border-box;
  }

  #RetailLocator .or {
    width: 100%;
    text-align: center;
    margin: 0;
  }

  #usegeo,
  #mapsubmit {
    width: 100%;
    margin: 1em 0;
  }

  .accountHolder #mapwrap #resultslist {
    width: 20%;
  }

  .accountHolder #mapwrap #mapContainer {
    width: 80%;
  }

  #legalNav {
    margin-top: 1em;
    float: left;
  }

  #legalNav li {
    float: none;
    padding: 0;
    border-left: none;
  }

  /* Security */
  #UpdateSecurityAnswerWrap .main,
  #UpdateSecurityAnswerWrap .UpdateSecurityAnswerControl {
    float: none;
  }

  #UpdateSecurityAnswerWrap label {
    display: block;
    margin: 1em 0 0.2em;
    width: 100%;
  }

  #UpdateSecurityAnswerWrap label.Error {
    margin: 0 0 1em;
  }

  /* PlaySlip & Subscriptions */
  .panelGroup-Powerball .inputBlock.multiplier,
  .panelGroup-MegaMillions .inputBlock.multiplier,
  .panelGroup-LuckyForLife .inputBlock.multiplier,
  .panelGroup-LottoAmerica .inputBlock.multiplier,
  .panelGroup-TwoByTwo .inputBlock.multiplier {
    margin: 5px 0 5px -30px;
    position: relative;
    width: auto;
  }

  .primary-content .playSlipWrapper .panelgroup {
    margin-top: 0;
  }

  .drawWrapper .drawNumbers {
    margin: 2px 0 10px;
  }

  .inputBlock.picks span {
    color: #2c4b9e;
    font-weight: bold;
  }
}

/* TABLET - width < 960px, width >= 640px fixed */
@media only screen and (min-width: 640px) and (max-width: 959px) {
  .canvas-left-button {
    display: inherit;
  }

  .tabletShown {
    display: inherit;
  }

  .tabletHidden {
    display: none;
  }

  /* LOGIN */
  .sub-page {
    min-height: 50em;
  }


  #LoginRight {
    margin: 0 auto;
    clear: both;
    float: none;
  }

  /* Surveys */
  .primary-content .SurveyHeader {
    width: 90%;
  }

  .primary-content .SurveyContainer,
  .primary-content .SurveyHeader {
    width: 90%;
  }
}

/* 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) {

  .wagerAvailable {
    margin-bottom: 20px;
  }

  .mobileShown {
    display: inherit;
  }

  .mobileHidden {
    display: none;
  }


  /* LOGIN */
  #LoginArea {
    width: 95%;
  }

  #LoginRight {
    margin: 0 0.5em 0 0.5em;
  }

  #LoginRight,
  #LoginLeft img {
    max-width: 100%;
    height: auto;
    width: auto;
    margin: 0;
  }

  .login #LoginRight {
    margin: 0 1em;
  }

  #LoginArea .Input span.passwordStrengthDescription {
    margin-left: 0;
  }

  /* Registration */
  #RegistrationWrap {
    float: none;
    padding: 0;
  }

  /* Surveys */
  .primary-content .SurveyHeader {
    width: 92%;
  }

  /* Enter Tickets */
  #WebcodeTabsNav ul li {
    border-color: #a3a5a9;
  }

  .WebcodeEntryForm {
    border-radius: 0 6px 6px;
  }

  #webcodeform .BackNumber p,
  #webcodeform .FrontNumber p {
    padding: 0.2em 0;
    margin: 0;
  }

  .primary-content .SurveyContainer,
  .primary-content .SurveyHeader {
    width: 92%;
  }

  .PIABlurb {
    float: none;
    width: 100%;
  }

  /* Cart */
  #drawCartTableWrapper #drawCartTable tbody td,
  #drawCartTable tbody td span.tableHeader {
    text-align: left;
  }

  #drawCartTable tbody td img {
    margin: 0;
  }

  #newDrawCart #drawCartTable tbody td img {
    margin: 10px auto 0 auto;
  }

  #newDrawCart #drawPlayBox {
    margin: 0;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.group {
    margin-left: 5px;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.group,
  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.draws {
    border-right: 0;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.edit {
    margin: 10px 10px 0 0;
    width: 45%;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.delete input {
    margin: 0 0 5px 5px;
  }

  #newDrawCart #inputCartUpdatePost {
    margin-top: 10px;
  }

  #newDrawCart #drawCartTableWrapper #purchaseNameBlock {
    width: 100%;
    padding: 0 10px;
  }

  .accountHolder #mapwrap #resultslist,
  #mapwrap #resultslist {
    display: block;
    width: 100%;
  }

  #mapwrap #mapContainer,
  .accountHolder #mapwrap #mapContainer {
    width: 100%;
  }

  /* PlaySlip & Subscriptions */
  .playSlipWrapper .panelgroup {
    float: none;
  }

  #newDrawBox .drawWrapper .inputBlock.multiplier {
    float: none;
    top: 25px;
  }

  .drawPanel .inputBlock.picks {
    margin: 5px 0 20px;
  }

  .panelGroup-Powerball .inputBlock.picks,
  .panelGroup-MegaMillions .inputBlock.picks,
  .panelGroup-LuckyForLife .inputBlock.picks,
  .panelGroup-LottoAmerica .inputBlock.picks,
  .panelGroup-TwoByTwo .inputBlock.picks {
    margin-top: 15px;
  }

  #newDrawBox .panelGroup-Powerball + .inputBlock.multiplier,
  #newDrawBox .panelGroup-MegaMillions + .inputBlock.multiplier,
  #newDrawBox .panelGroup-LuckyForLife + .inputBlock.multiplier,
  #newDrawBox .panelGroup-LottoAmerica + .inputBlock.multiplier,
  #newDrawBox .panelGroup-TwoByTwo + .inputBlock.multiplier {
    top: 35px;
  }

  .panelGroup-Powerball:nth-of-type(1):after,
  .panelGroup-MegaMillions:nth-of-type(1):after,
  .panelGroup-LuckyForLife:nth-of-type(1):after,
  .panelGroup-LottoAmerica:nth-of-type(1):after,
  .panelGroup-TwoByTwo:nth-of-type(1):after {
    bottom: 55px;
  }

  .dataTables_wrapper .dataTable td.dataTables_empty {
    padding: 1em;
    text-align: center;
    border-top: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
  }

  /* Ticket History */
  #ClaimFilterForm > div {
    display: block;
    float: none;
  }

  #ClaimFilterForm label {
    display: block;
    margin-bottom: 0.2em;
  }

  #ClaimFilterForm > div:nth-child(2) {
    display: inline-block;
    margin: 0;
  }


  .billingAddressInfo .column + .column {
    margin-left: 0rem;
    display: block;
  }

  #WalletAccountContainer .form-control.accountNickname {
    display: block;
    width: 100%;
  }

  .bankForm  .cardInfo .Input .column  {
    width: 49%;
    display: inline-block;
  }

  .bankForm  .cardInfo .Input .column:first-of-type {
    margin-right: 2%;
  }

  .submitButton.modifyAccountBtn, .submitButton.deleteAccountBtn, .submitButton.updateAccount {
    margin: 0.5rem 0;
  }

  .updateCityWrapper, .postalCodeWrapper {
    width: 100%;
  }
}

/* LARGE PHONE & SMALL TABLET - width < 640px, with >= 480px fixed (&) Samsung Galaxy S devices */
@media only screen and (min-width: 480px) and (max-width: 639px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 640px) and (orientation: landscape) {

  /* Enter Tickets */
  #webcodeform .BackNumber p,
  #webcodeform .FrontNumber p {
    font-size: 0.8em;
  }

  #webcodeform .BackNumber label[for="CodeGame"] {
    display: block;
    width: 90%;
  }

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

  .FindTicket {
    margin: 1em;
    width: 45%;
  }

  /* Cart */
  #newDrawCart #drawCartTable tbody td img {
    margin: 10px auto 0 auto;
  }

  #newDrawCart #drawPlayBox {
    margin: 0;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.group {
    margin-left: 5px;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.group,
  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.draws {
    border-right: 0;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.edit {
    margin: 10px 10px 0 0;
    width: 45%;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.delete input {
    margin: 0 0 5px 5px;
  }

  #newDrawCart #inputCartUpdatePost {
    margin-top: 10px;
  }

  #newDrawCart #drawCartTableWrapper #purchaseNameBlock {
    width: 100%;
    padding: 0 10px;
  }

  #mapwrap #resultslist {
    display: none;
  }

  #mapwrap #mapContainer {
    width: 100%;
  }
}

/* SMALL PHONE - width < 480px */
@media only screen and  (max-width: 479px), only screen and (-webkit-min-device-pixel-ratio: 3) and (max-device-width: 640px) and (orientation: portrait) {
  /* ACCOUNT */
  #MainContent,
  #MyAccount {
    width: 90%;
  }

  .BoxOneGradient,
  .BoxTwoGradient,
  .BoxTwoTop,
  .BoxTwoContent,
  .BoxTwoBottom,
  .BoxTwoGradient h2,
  #UpdateAccount h2 {
    width: 100%;
  }

  .primary-content {
    padding-bottom: 5em;
  }

  /* LOGIN */
  #LoginArea {
    margin: 0;
    padding: 1em;
    width: 100%;
  }

  #Registration h3 {
    width: 45%;
  }

  .Gender .legend {
    font-size: 100%;
    margin-top: 5px;
  }

  .footer-column ul {
    min-width: 10.1em;
  }

  /* Enter Tickets */
  .PIABlurb,
  .TicketLogo {
    float: none;
    text-align: center;
    margin: auto;
  }

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

  .FindTicket {
    width: 90%;
  }

  .form #drawform .SubmitButton {
    width: 100%;
    margin: 13px 0;
  }

  .WebcodeEntryForm .historyHeader a {
    float: left;
  }

  .WebcodeLinks {
    text-align: center;
    margin: auto;
    width: 90%;
    display: block;
  }

  #webcodeform .BackNumber p,
  #webcodeform .FrontNumber p {
    font-size: 0.8em;
  }

  #webcodeform .BackNumber label[for="CodeGame"] {
    display: block;
    width: 100%;
  }

  #webcodeform .FrontNumber input,
  #webcodeform .BackNumber input {
    height: 0.8em;
  }

  #webcodeform .BackNumber #CodeGame,
  #webcodeform .BackNumber #CodePack,
  #webcodeform .BackNumber #CodeTicket,
  #webcodeform .BackNumber #CodeCheck {
    width: 3em;
  }

  /* Surveys */
  .primary-content .SurveyHeader {
    width: 86%;
  }

  .primary-content .SurveyContainer,
  .primary-content .SurveyHeader {
    width: 86%;
  }

  /* Cart */
  #newDrawCart #drawCartTable tbody td img {
    margin: 10px auto 0 auto;
  }

  #newDrawCart #drawPlayBox {
    margin: 0;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.group {
    margin-left: 5px;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.group,
  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.draws {
    border-right: 0;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.edit {
    margin: 10px 10px 0 0;
    width: 45%;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody td.delete input {
    margin: 0 0 5px 5px;
  }

  #newDrawCart #inputCartUpdatePost {
    margin-top: 10px;
  }

  #newDrawCart #drawCartTableWrapper #purchaseNameBlock {
    width: 100%;
    padding: 0 10px;
  }

  #mapwrap #resultslist {
    display: none;
  }

  #mapwrap #mapContainer {
    width: 100%;
  }

}

@media only screen and  (max-width: 479px) {
  .primary-content .tabContent.innerTabs {
    margin: 0;
  }

  /* Wagering Limit and Self Exclusion */
  .wagerbar {
    border: 3px solid #cbcbcb;
    float: none;
    width: 100%;
  }

  .wagerWrapper .limit {
    background: transparent;
    border: 0 none;
    text-align: left;
    width: auto;
  }

  .wagerAvailable {
    width: auto;
  }

  .wagerWrapper .wagerAvailable p {
    padding: 0 5px;
  }

  .dateFilter,
  .filterOptions .Input input[type="date"],
  .filterOptions .Input label,
  .filterOptions .Input input {
    clear: both;
    display: block;
    float: none;
    width: 100%;
  }

  .filterOptions .Input {
    display: block;
  }

  .filterOptions .Input {
    margin-bottom: 15px;
  }

  .filterOptions .Input label {
    margin: 0 0 5px;
  }

  .filterOptions input[type="submit"] {
    margin-left: 0;
  }

  .filterActions + input[type="submit"] {
    margin: 18px 0 0 10px;
  }

  /* Game History */
  .dataTables_wrapper .top {
    height: auto;
  }

  .dataTables_length,
  .dataTables_info {
    clear: both;
    float: none;
  }

  .dataTables_length {
    margin-bottom: 0.5em;
  }

  .dataTable.responsiveTable tbody td span.tableHeader {
    font-size: 0.7rem;
  }

  #mobileBanner {
    font-size: 12px;
  }
}

@media only screen and (max-width: 374px) {
  #mobileBanner {
    font-size: 11px;
  }
}

@media only screen and (max-width: 639px) {
  #cartHeader {
    border-bottom: 2px solid #aaa;
    width: 100%;
  }

  #newDrawCart #drawCartTableWrapper #drawCartTable tbody tr.promotionItem {
    padding-bottom: 0;
    padding-top: 10px;
  }

  #drawCartTable tbody tr {
    border: 0 none;
    padding: 10px 5px;
  }

  #drawCartTable tbody tr.promotionMessage {
    border-top: 0 none;
    border-bottom: 1px solid #aaa;
    padding: 5px 10px 10px;
  }


  #drawCartTable tr:not(.promotionItem) {
    border-bottom: 1px solid #aaa;
  }
}