* {
  padding: 0;
  margin: 0;
   box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

html {
  background: url('/v/4.9.5/b/i/bg-shadow.jpg') repeat-y scroll center top transparent;
}

html body {
  font-family: sans-serif;
  background: url('/v/4.9.5/b/i/bg-blue-swoosh.jpg') no-repeat top center;
  color: #3f3f3f;
  height: 100%;
  text-align: left;
}

.upper {
  text-transform: uppercase;
}

i {
  padding-right: 5px;
}

a:not([href]):not([tabindex]),
a {
  color: #3E4F25;
  text-decoration: underline;
}

a:not([href]):not([tabindex]):hover,
a:not([href]):not([tabindex]):focus,
a:hover {
  text-decoration: none;
}

h1 {
  color: #3d5023;
}

h2 {
  color: #000;
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 0;
}

h3 {
  font-size: 1.17em; /* Bootstrap overwrite */
  font-weight: bold;
}

h3 a {
  color: #680001;
}

h4 {
  color: #3d5023;
  font-size: 1.33em; /* bootstrap override */
}

h6 {
  margin: 0; /* Bootstrap overwrite */
}

input {
  padding: 3px;
  border-color: #eee;
}

.alignLeft {
  text-align: left;
}

ul {
  margin-bottom: 0; /* overwrite bootstrap */
}

ul li {
  list-style: none outside none;
}

ul li a {
  text-decoration: none;
}

.faqItem ul li a {
  text-decoration: underline;
}


ul li a:hover {
  text-decoration: none;
}

ol {
  list-style-type: decimal;
  margin: 0;
  padding: 0 0 15px 15px;
}

ol li {
  margin: 0 0 0 5px;
  line-height: 160%;
}

p {
  margin-top: 0.5em;
  margin-bottom: 0; /* bootstrap override */
}
 
img {
  max-width: 100%;
  height: auto;
}

.italic {
  font-style: italic;
}

.underline {
  text-decoration: underline;
}

.bold, .strong {
  font-weight: bold;
}

.FloatNone {
  float: none;
}

.noWrap {
  white-space: nowrap;
}

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

table, caption, fieldset, tbody, tfoot, thead, tr, th, td {
  border: 0 none;
  margin: 0;
  outline: 0 none;
  padding: 0;
}

.clearfix:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}

.alignCenter {
  text-align: center;
}

.dropShadow {
  -webkit-box-shadow: #666 0px 2px 3px;
  -moz-box-shadow: #666 0px 2px 3px;
  box-shadow: #666 0px 2px 3px;
}

.goBtn {
  background: none;
  background-color: #FFCC00;
  padding: 0.3em;
}

.blackbg {
  background-color:  #000000;
  border: 0 none;
  color: #FFFFFF;
  display: block;
  font-size: 1em;
  font-weight: bold;
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  text-align: center;
}

.whitebg {
  border: 1px solid #fff;
  background-color: #fff;
  color: #1b1167;
  width: 10em;
  text-align: center;
}

.textRed {
  color: #f00;
}

.boxLabel-45 {
  width: 45px;
}

.txtField-69 {
  width: 69px;
}

.boxLabel-65 {
  width: 65px;
}

a.button,
input.button,
.redeem-btn {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -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-weight: bold;
  cursor: pointer;
  border: none;
  text-decoration: none;
  color: #fff;
  font-size: 0.9em;
  background-color: #005AAB;
}

button.ui-button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow:none;
}


a.button {
  display: inline-block;
}

a.redBtn,
input.redBtn {
  background-color: #e70d1b;  
}

a.navyBtn,
input.navyBtn {
  background-color: #1065a6;
}

a.button:hover {
  color: #fff;
  text-decoration: none;
}

#buttonContainer a.button, .Submit.button {
  background-color: #ffcc00;
  -moz-box-shadow: 5px 5px 5px #1f2808;
  -webkit-box-shadow: 5px 5px 5px #1f2808;
  box-shadow: 5px 5px 5px #1f2808;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  zoom: 1;
  padding: 0.5em;
  font-weight: bold;
  cursor: pointer;
  border: none;
  text-decoration: none;
  font-size: 1em;
  color: #000;
  min-width: 100px;
 }

input.submitButton,
button[type="submit"] {
  background-color: #fc0;
  color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

button[type="submit"]:disabled,
input.submitButton:disabled,
input.button.disabled {
  background-color: #eee;
  color: #000;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

h3.Error.ErrorText {
  color: #FE000B;
  padding: 0.1em;
}

.Error,
.error,
.Error select,
.Error .input-group-append span {
  color: #FE000B;
}

#Login .error + .input-group-append > span {
  color: #FE000B;
  border: 1px solid #FE000B;
}


.Error > p {
  margin: 0 0 1em;
}

div.Error.ErrorText {
  font-weight: bold;
}

input.error,
.Error input,
.Error select,
.validatePhone.Error,
.ValidateSecurity.Error,
.Input select.Error,
.Error .input-group-append span {
  border: 1px solid #FE000B;
}

#PlayerReset p {
  margin: 1em 0 0.3em;
}

#PlayerReset label {
  display: block;
  width: 100%;
}

.disabled {
  background-color: #ccc;
}

/* Tables */
table.tablesorter tbody td {
    border: medium none;
}

table.tablesorter tbody tr.odd td {
  background-color: #fff;
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
  background-color: #787878;
  color: #fff;
}

table.tablesorter {
  border: medium none;
  border-collapse: collapse;
  clear: both;
  margin: 15px auto;
  width: 97%;
}

table.tablesorter thead tr th, table.tablesorter tfoot tr th {
  border: medium none;
  padding: 6px 15px 6px 2px;
  background-color: #A7A9AC;
  color: #fff;
}

table.tablesorter .rowBg td {
  background-color: #E4E5E4;
}

#Wrap {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
}

#inner-wrapper {
  width: 960px;
  margin: 0 auto;
}

.sub-page, #RegistrationWrap {
  float: left;
  padding: 1.5em;
  background-color: #00c2f7;
  width: 960px;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
  background: -moz-linear-gradient(top,  #fff 0%, #00c2f7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#00c2f7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #fff 0%,#00c2f7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #fff 0%,#00c2f7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #fff 0%,#00c2f7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #fff 0%,#00c2f7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00c2f7',GradientType=0 );
}

.container {
  background-color: #fff;
  padding: 0.5em;
  float: left;
  width: 100%;
}

.primary-content {
  background-color: #fff;
  float: left;
  width: 78%;
  padding: 0 0 0 1em;
}

.imageContainer img {
  margin: 0;
  max-width: 100%;
}

/* HEADER */
#topBanner {
  border-bottom: 1px solid #ccc;
  width: 100%;
  background-color: #fff;
  margin-bottom: 0.5em;
}

#Header {
  margin: auto;
  width: 100%;
  max-width: 75em;
}

#Header img.logo {
  height: auto;
  margin-left: 40px;
}

#Header h2 a {
  width: 10em;
  display: block;
}

#socialMedia,
#socialMediaRG,
#socialMediaFooter {
  margin: 5.5em 0 0 1.5em;
}

#socialMedia li,
#socialMediaRG li,
#socialMediaFooter li {
  float: left;
  margin-right: 0.5em;
}

#HeaderContainer {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 100%;
  text-align: left;
}

#logoContainer {
  width: auto;
}

/* Left hand side info box */
.loInfoBox {
  font-size: 0.9em;
  font-weight: bold;
  border: 1px solid #000;
  width: 94%;
  padding: 0.5em 0 0.7em 0.7em;
  background: #fff;
}

.InfoBox {
  margin-bottom: 0;
}

.InfoBoxHeader {
 margin: 5px 25px 5px 0;
}

.InfoBoxHeader span {
  display: inline;
  padding: 0 10px 0 0;
  border-left: 1px solid #fff;
  color: #fff;
}

.InfoBoxHeader span:first-child {
  border-left: none;
}

.InfoBoxHeader span  a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding: 0 0 0 10px;
}

.InfoBoxHeader span a:hover {
  text-decoration: underline;
}

.forgotPassword {
  margin-top: 0.2em;
}

.loInfoBox .rows {
  margin-bottom: 1em;
  padding-left: 0.3em;
}

/* Navigation */
#navigation {
  height: 2em;
  font-weight: bold;
  margin: 0 auto;
  width: 930px;
}

#navigation li {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  border-color: #afd03b;
  border-width: 1px 1px 0;
  border-style: solid;
  display: inline-block;
  zoom: 1;
  padding: 0 0.8em;
  position: relative;
  float: left;
  margin-left: 0.3em;
  background-color: #aed135;
  font-size: 0.9em;
  min-width: 95px;
  text-align: center;
}

#navigation a {
  text-decoration: none;
  color: #000;
  display: block;
  line-height: 2.3em;
}

#navigation .current, #navigation li:hover{
  color: #861213;
}

#navigation .current, #navigation li:hover {
  background-color: #fff;
}

#navigation .menuitem li:hover {
}

/* END Navigation */

/*********************************
 * Side Navigation
 *********************************/

#left-side {
  margin: 1em 1em 0 0;
}

#left-side h2 {
  background-color: #3d5023;
  color: #fff;
  padding: 0.3em;
  font-size: 1.2em;
  text-align: center;
}

#content-VIPClub, .loInfoBox {
  border: 2px solid #3d5023;
  color: #fff;
  float: left;
  padding: 0.5em 0;
  width: 100%;
  padding: 0.5em;
  background: #abce36;
  background: -moz-linear-gradient(top, #abce36 50%, #415524 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#abce36), color-stop(100%,#415524));
  background: -webkit-linear-gradient(top, #abce36 50%,#415524 100%);
  background: -o-linear-gradient(top, #abce36 50%,#415524 100%);
  background: -ms-linear-gradient(top, #abce36 50%,#415524 100%);
  background: linear-gradient(to bottom, #abce36 50%,#415524 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abce36', endColorstr='#415524',GradientType=0 );
}

.loInfoBox #welcome {
  margin: 0 auto;
}

.loInfoBox #firstName {
  color: #1b1167;
  font-size: 2em;
}

.loInfoBox #messages a {
  color: #fff;
}

.loInfoBox p {
  padding: 0;
}

.InfoBox #navlogout.button,
.InfoBox #infologout.button {
  background-color: #1b1167;
  margin: 0 auto;
}
  
#content-VIPClub .button {
  margin: 0.5em;
  width: 84%;
  border: 1px solid #fff;
  color: #fff;
}

#messages #NewMessages {
  border: 1px solid #fff;
  background-color: #fff;
  color: #1b1167;
  margin-top: 0.5em;
  padding: 0.3em 0;
}

/* left hand nav */
.sub-navigation {
  float: left;
  height: 100%;
  margin: 1em 1em 0 0;
  width: 12.8em;
}

.sub-navigation a {
  color: #1b4075;
}

.sub-navigation .top {
  background-color: #ffcc00;
  width: 13.5em;
  text-align: left;
  margin-top: 0.5em;
  color: #1b4075;
}

.sub-navigation .top > a {  
  font-weight: bold;
}

.sub-navigation .top a,
.sub-navigation .top span {
  display: block;
  text-decoration: none;
  padding: 0.5em 0 0.5em 0.5em;
}

.sub-navigation .top.opened ul li {
  background-color: #fff;
  padding: 0 0.5em;
}

.sub-navigation .currentTab > a {
  color: #fff;
  background-color: #1b4075;
}

.sub-navigation .currentLink {
  font-weight: bold;
}

.sub-navigation .top.current > ul,
.sub-navigation .top.opened li.opened > ul {
  display: block;
}

.sub-navigation .top .has-menu {
  background: url('/v/4.9.5/b/i/right_arrow.gif') no-repeat scroll 90% 45% rgba(0, 0, 0, 0);
  color: #1b4075;
  font-weight: bold;
  display: block;
  padding: 0.5em 0 0.5em 0.5em;
  cursor: pointer;
}

.sub-navigation .top.current .has-menu, 
.sub-navigation .top.opened .has-menu {
  background: url('/v/4.9.5/b/i/down_arrow.gif') no-repeat scroll 90% 45% rgba(0, 0, 0, 0);
  color: #fff;
  background-color: #1b4075;
}

.sub-navigation .top.opened .sub-menu {  
  background-color: #fff;
  color: #1b4075;
}

.sub-navigation .top.opened li.opened .sub-menu {
  background: url('/v/4.9.5/b/i/down_blue_arrow.gif') no-repeat scroll 90% 45% rgba(0, 0, 0, 0);
}

.sub-navigation .top.opened .sub-menu {
  background: url('/v/4.9.5/b/i/right_arrow.gif') no-repeat scroll 90% 45% rgba(0, 0, 0, 0);
}
/* End Side Navigation */


/* Footer */
#footer {
  background: url('/v/4.9.5/b/i/bg-green.jpg') repeat-x #50b849;
  color: #fff;
  text-align: left;
  font-size: 13px;
}

#footer-wrapper {
  width: 1186px;
  margin: 0 auto;
}

#footer-column-left {
  background: url('/v/4.9.5/b/i/bg-green-left-shadow.jpg') no-repeat;
  width: 75px;
  height: 300px;
}

#footer-column-right {
  background: url('/v/4.9.5/b/i/bg-green-right-shadow.jpg') no-repeat;  
  width: 79px;
  height: 300px;
}

.footer-column {
  margin: auto;
  width: 960px;
  padding: 1.5em;
}

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

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

#footer #socialMedia li,
#footer #socialMediaFooter li {
  float: left;
  margin-right: 0.5em;
  border: none;
}


#col1, #col2 {
  width: 50%;
}

.footer-column #col2 {
  padding-left: 0.5em;
}

.footer-column a {
  color: #cce6ca;
  text-decoration: none;
}

.footer-column ul li {
  margin: 1em 0;
  vertical-align: top;
  float: left;
  color: #3f3f3f;
}

.footer-column ul li a {
  list-style-type: none;
  color: #3f3f3f;
}

.footer-column ul li a:hover {
  text-decoration: none;
}

/* Title Bar */
.titlebar {
  width: 100%;
  margin: 1em 0 2em 0;
  position: relative;
  background-color: #ffcc00;
}

.Welcome, h1.heading {
  width: 100%;
  margin: .3em 0 .2em 0;
  position: relative;
  background-color: #ffcc00;
}

.titlebar p,
h1.heading,
h1.Welcome,
.AccountArea h1.BoxOneGradient {
  padding: 0.3em;
  font-size: 2em;
}

.titlebar .viewRow {
  margin-top: 15px;
}
/* END Title Bar */

.BoxTwoTop, .BoxTwoContent, .BoxTwoBottom {
  background: none;
}

.BoxOne {
  width: auto;
}

.BoxOneTop,
.BoxOneContent,
.BoxOneBottom {
  background: none;
  padding: 0;
}

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

.Pagination a {
  color: #731306;
}
/* END Pagination */

.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;
}

#navButtonOverlay {
  height: 100%;
  width: 100%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  z-index: 900
}

#buttonContainer {
  width: 100%;
}

.settingsForm {
  padding: 1em;
}

#WebcodeRunsContent .viewRow {
  padding-left: 1em;
  padding-top: 0.6em;
}

#WebcodeRunsContent .tablesorter th {
  padding: 6px;
}

/* ALL RESPONSIVE */
.mobileShow {
  display: none;
}

/* start responsive */
@media only screen and (max-width: 959px) {
  /* Navigation */
  #nav {
    display: none;
    width: 89%;
    border: 0.1em solid #ddd;
    border-top: none;
  }
  
  .mobileShow {
    display: block;
  }
  
  #socialMedia,
  #socialMediaRG,
  #socialMediaFooter {
    margin-top: 0;
  }
  
  #navButton,
  #accountButton {
    border: 0.1em solid #ddd;
    display: block;
    background-color: #acd136;
    padding: 0.5em;
    cursor: pointer;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }

  #navigation {
    position: absolute;
    width: 12em;
    right: 2em;
    top: 0;
    z-index: 1000;
  }

  #navigation a {
    text-align: left;
  }
  
  #navigation li {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: block;
    float: none;
    margin: 0;
  }

  #navigation .current,
  #navigation li:hover {
    border-bottom: none;
  }
  
  .sub-page, #RegistrationWrap, #inner-wrapper #MainContent  {
    width: 100%;
  }

  /* Enter Tickets */
  
  .BackNumber .online {
    margin-right: 4px;
    width: 18%;
  }

  .BackNumber label.required,
  #online div.CodeContentArea,
  #drawform .SubmitButton {
    width: 100%;
  }

  .form #drawform .SubmitButton {
    margin: 15px 0;
  }
  /* END Enter Tickets */

  /* My Account */

  #MainContent #MyAccount,
  #RegistrationWrap #BoxCentered  {
    width: 100%;
  }

  .AccountArea .BoxTwoContent,
  .AccountArea .BoxTwoGradient {
    padding: 0;
  }

  .AccountArea  .BoxTwoBottom{
    height: 0;
  }

  #ChangeEmail .Input,
  #ChangeEmail .intro {
    margin-left: 1em;
  }

  .BoxOneGradient #ChangeEmail,
  .BoxOneGradient #ChangeEmail .Input input {
    width: 100%;
  }

  .BoxOneGradient #ChangeEmail .SubmitButton {
    margin: 10px 0 0 25px;
  }
/* END My Account */
/* Help */
  #FAQs {
    margin-right: 0;
  }

  .primary-content #HelpForm p {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
  }
/* END Help */

  #footer-wrapper {
    width: auto;
    padding: 1.5em;
  }

  .footer-column {
    width: auto;
  }
  
  #col1, 
  #col2,
  #socialMedia,
  #socialMediaRG,
  #socialMediaFooter {
    width: 100%;
  }
  
  #socialMedia,
  #socialMediaRG,
  #socialMediaFooter {
    margin: 0;
  }
  
}

/* TABLET - width < 960px, width >= 640px fixed */
@media only screen and (min-width: 640px) and (max-width: 959px) {
  #inner-wrapper {
    width: 100%;
  }
  
  .footer-column ul#footerNav li {
    margin: 0.8em 0 0;
  }

  #Login {
    padding: 0 1em;
  }

  #LoginArea h1, 
  #LoginWrap h1, 
  #forgotWrap h1 {
    width: 97%;
  }

  #loginBlock .Input span, 
  #LoginArea .Input span {
    margin-left: 11em;
  }

  #Login .SubmitButton {
    margin: 0.5em 9em 0;
  }

  #Forgot .Input, #Forgot .SubmitButton {
    text-align: center;
  }

  
/* History */
  .outerdiv .pointsHolder {
    margin-left: 0;
    margin-right: 0;
  }

  .outerdiv .pointsHolder .points {
    margin-left: 6px;
    margin-right: 6px;
  }
/* END History */
}

/* 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) {
  .login #LoginRight {
    margin-left: 4.5em;
  }

  .login .SubmitButton {
    text-align: center;
  }

  .Input .FloatLeft input#MobileArea,
  .Input .FloatLeft input#MobilePrefix,
  .Input .FloatLeft input#MobileExtension,
  .Input .FloatLeft input#PhoneArea,
  .Input .FloatLeft input#PhonePrefix,
  .Input .FloatLeft input#PhoneExtension {
    width: 26%;
  }

  #EmailPreferencePromotional {
    width: 5%;
  }

  #MainContent #MyAccount, 
  #RegistrationWrap #BoxCentered,
  #UpdateAccount .Input input:not(name="Gender"),
  #ChangePassword .Input input,
  .AccountEmail {
    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) {

  #inner-wrapper {
    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 ) {

  #inner-wrapper {
    width: 100%;
  }

  #dashboard #accountButton {
    right: 10.5em;
    width: 10em;
  }

  #navigation {
    width: 10em;
    right: 0.2em;
  }
    
  .footer-column {
    padding: 0 0 5em;
  }
  
  .footer-column #col2 {
    padding-left: 0;
  }
 
  .footer-column ul#footerNav li {
    margin: 0.5em 0 0;
  }
}