/* Legacy CSS file - Please do not copy */
.bc-page-cashout {
  margin-bottom: 15px;
  margin-top: -15px; }

/* ----------------- WIDGET ------------------ */
#CashOutWidget {
  padding: 10px;
  text-align: center;
  width: 210px;
  margin: auto;
  border: 1px solid #ccc; }

#CashOutWidget .percent-column {
  float: left;
  width: 125px;
  font-size: 50px;
  padding: 70px 10px 0 0; }

#CashOutWidget .percent-column span {
  font-size: 28px;
  position: relative;
  top: -15px; }

#CashOutWidget .graphic-column {
  float: left;
  height: 200px;
  position: relative;
  width: 60px; }

#CashOutWidget .graphic-grey {
  height: inherit;
  background: #ccc;
  width: 60px;
  position: absolute; }

#CashOutWidget .graphic-green {
  height: inherit;
  background: green;
  width: 60px;
  position: absolute;
  bottom: 0px; }

#CashOutWidget .subtitle {
  margin: 3px 0; }

#CashOutWidget .robux-name-text {
  position: absolute;
  bottom: 0px;
  font-size: 11px;
  color: #fff;
  font-weight: normal;
  left: 13px; }

#CashOutWidget .cash-out {
  position: relative;
  top: -13px;
  font-size: 11px;
  color: #ccc;
  text-align: center; }

#CashOutWidget .graphic-container {
  margin-top: 20px; }

#CashOutWidget .divider-top {
  margin-top: 10px;
  padding-top: 10px; }

/* ------------------ FORM ------------------- */
#CashOutForm {
  padding: 10px; }

#CashOutForm .billing {
  float: left;
  width: 350px;
  padding-top: 10px; }

#CashOutForm .cash-out-robux {
  float: left;
  margin-left: 80px;
  font-size: 14px;
  width: 320px; }

#CashOutForm .instruction {
  clear: both; }

#CashOutForm .form-label {
  width: 150px; }

#CashOutForm .form-label, #CashOutForm .form-element {
  float: left; }

#CashOutForm .form-row {
  clear: both;
  margin-bottom: 15px; }

#CashOutForm input[type=text], #CashOutForm input[type=password] {
  padding: 2px; }

#CashOutForm .field-validation-error {
  display: block;
  margin-top: 5px;
  width: 100%; }

#CashOutForm select {
  margin-left: 0px;
  height: 25px;
  max-width: 208px; }

#CashOutForm .status-error {
  margin-bottom: 20px; }

#CashOutForm .cash-out-robux .form-label, #CashOutForm .cash-out-robux .form-element {
  float: none; }

#CashOutForm .cash-out-robux .row-content h2 {
  color: green;
  line-height: 1em;
  font-size: 24px; }

#CashOutForm .tos {
  margin: 20px 0px 10px 0px; }

#CashOutForm .tos input {
  position: relative;
  top: 1px;
  margin-right: 5px; }

#CashOutForm .robux-selection {
  margin-top: 20px; }

#CashOutForm .robux-selection .row {
  border: 2px solid #fff;
  padding-left: 8px; }

#CashOutForm .robux-selection .row:hover {
  cursor: pointer; }

#CashOutForm .robux-selection .row.selected {
  border: 2px solid green; }

#CashOutForm h1 {
  margin-bottom: 0px;
  margin-left: 0px;
  display: block; }

#CashOutForm .form-element {
  width: 200px; }

#CashOutForm .form-element input {
  width: 100%; }

#CashOutForm .general-message {
  text-align: center;
  font-size: 14px; }

#CashOutForm .success-message {
  font-size: 18px;
  margin-bottom: 5px; }

#CashoutYTDAndTaxInfo {
  margin-top: 20px; }

#CashoutYTD {
  margin-bottom: 10px; }

#CashOutForm span.highlight {
  font-weight: bold; }

.space-above {
  padding-top: 7px; }

h3 {
  display: block; }

/* matches buy robux page */
.cash-out-robux .row-title {
  font-size: 52px;
  color: #ccc;
  float: right;
  line-height: 52px;
  letter-spacing: -3px;
  padding-bottom: 6px; }

/* matches buy robux page */
.cash-out-robux .row-content {
  width: 160px;
  float: right;
  margin-left: 15px;
  position: relative;
  /* I added this */
  top: 5px;
  /* I added this */ }

.field-validation-error {
  background-color: #FAE5E5;
  border: 1px solid #C00;
  padding: 3px 3px; }