/* style.css */
/* Style main contents of exsitng account app */

main * {
 width: 100%;
}
main {
 margin-top: 100px;
 width: 100%;
}

main .Header,
main .pageeSectionHeader,
main .pageeSectionItem,
main .word {
 margin: 0px !important;
 padding: 0px !important;
}

main p.Paragraph,
main label {
 font-size: 14pt;
}

div.blueSpacer, div.blueSpacer * {
 max-height: 5px !important;
 height: 1px !important;
 padding: 4px;
 margin-top: 10px;
}

main .form-frame {
 min-height: 40px;
 padding-left: 10px
}

main .readMore {
 margin-top: 8px;
 padding: 0px;
}

main .form-btn.btn.btn-primary.readMore.formButton {    
 padding: 0px;
 margin: 5px 0px 15px 0px;
 color: white;
 max-height: 30px !important;
 min-height: 30px !important;
}

main p.H2 {
 margin: 0px !important;
 padding: 0px;
}

main a.form-btn.btn.btn-primary.readMore.formButton {
 background: #10457b;
}

/* mainly profile page */
main .Header a {
 color: #007bff;
}

main .Header a:after {
 content: " | ";
 margin-left: 5px;
 margin-right: 5px;
 font-size: 16pt;
}

main div.pageSectionText table {
 font-size: 14pt;   
}

main div.pageSectionText table tr * {    
 padding: 10px;    
}

main div.pageSectionText table td {
 max-width: 300px;
 width: auto;
 border: 1px solid black;
 padding-left: 20px;
}

main input[type="checkbox"] {
 width: auto !important;
}
/* MAIN existing account menu */
div#profileNav a:hover {
 font-size: 21pt;
}
div#profileNav a.selected {
 text-decoration: underline;
}

/* update user menu */
span.updateNav {
  cursor: pointer;
  margin-top: 10px;
  text-decoration: none !important;    
  font-size: 14pt !important;
}
span.updateNav.selected,
span.updateNav:not(span.updateNav.selected, span.updateNav.divider):hover {
  padding: 10px 15px;
  font-weight: bold;    
}
span.updateNav.selected {
  background: #125EAA;
  color: white;
}
span.updateNav.divider {
  display: inline-block;
  position: relative;
  top: -5px;
  width: 5px;
  height: 30px;    
  margin-right: 20px;
  background: #125Eaa;    
}
span.updateNav:not(span.updateNav:first-of-type),
span.updateNav.divider {
  margin-left: 20px;
}
span.updateNav:not(span.updateNav:last-of-type, span.updateNav.divider, span.updateNav.selected, span.updateNav:hover):after {
  margin-left: 10px;
  content: " | ";
}
span.updateNav:not(span.updateNav.divider):hover {
  font-weight: bold;
  text-decoration: underline !important;
}
span.updateNav:not(span.updateNav.selected, span.updateNav.divider):hover {
  background: darkslategray;
  color: white;
}
span.updateNav.selected:not(span.updateNav.divider):hover {
  font-style: italic;
}
/* new card and :after override */
div#newCard {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: auto;
  left: 40%;
  padding: 2px;
  padding-left: 10px;
  border: 1px solid #125eaa;
  border-radius: 3px;
  background: #125eaa;
  text-align: center;
  color: white;
}
div#newCard a {
 text-decoration: none;
 color: white;
}
div#newCard a:after {
 content: "";
}


/* update and account form elements */
main form button.validateButton {
 cursor: pointer !important;
 width: 200px !important;
 background: darkslategray !important;
 margin-top: 40px !important;
}

/* user home page */
main textarea.homeSuggestion {
 padding: 20px 20px;
 border: 1px solid rgba(0, 0, 0, .2);
 border-radius: 5px;
 background: rgba(0, 0, 0, .02);
 box-shadow: inset rgba(0, 0, 0, .2) 1px 1px;
}
main input.homeSuggestion {
 box-sizing: content-box !important;
 display: inline-block;
 position: relative;
 height: 300px !important;
 margin-top: 20px !important;
 padding: 10px 5px !important; 
}

/* update profile for preferred billing 
*****************************************/
/* preferred billing elements */
tr.tableStrong, tr.tableStrong td {
 border: 3px solid black !important;
}
tr.tableStrong td {
 background: #125eaa;
 color: white;
 font-variant-caps: petite-caps;
}
/* table elements */
tbody#registerData {
    margin-top: 10px;
}

tbody#preferredBillingTableBody,
tbody#accountPhoneInfo,
tbody#accountMailingInfo,
tbody#registerData {
    display: table;
    position: relative;    
}

table#profileTable tr td {    
    position: relative;    
}
table#profileTable tr td:first-of-type {
    width: 1000px;
}

/* address form */
div.inlineForm * {
 display: inline;    
}
div.inlineForm#preferredBillingMethod span {    
 max-width: 600px !important;    
 margin-left: -100px !important;
 margin-top: 20px;
}
div.inlineForm#preferredBillingMethod label{
 display: inline-block;
 margin-left: -100px;
}
div.inlineForm label,
div.inlineForm select {
 display: inline-block;
 min-width: 100px;
 max-width: 500px;
 width: auto;    
}
div.inlineForm input {
 margin-left: 20px;
 margin-top: 10px;
 max-width: 300px !important;
}

/* override page.css */
.pageSectionText {
  margin-bottom: 0px !important;
}
.pageSectionItem {
  max-width: 1200px !important;
  margin: 10px;
  clear: none !important;
}