﻿/* =LOGON FORM */

#logon-form
{
 width: 450px !important;  
}

#logon-form fieldset
{
    margin-bottom: 15px;   
}

#logon-form ul
{
    display: inline-block;   
}

#logon-form li
{
    list-style: none;
    margin: 15px 0 5px 10px;
}

#logon-form legend
{
    font-size: 11px;
    color: #5e5e5e;
}

#logon-form label
{
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    width: 211px;
}

#logon-form #UserName
{
     width: 220px;   
}

#logon-form #Password
{
     width: 160px;   
}

#account-information .password-strength-indicator
{
    margin: 0;   
}

.password-strength-indicator
{
    display: inline-block;
    font-size: 10px;
    margin: 12px 10px 0;
}

#account-information .password-rules
{
    margin: 30px 0 0 150px;
}

.password_strength
{ 
    padding: 2px 5px; 
}

.password_strength_1,
.password_strength_2
{
    color: White;
    background-color: Red;   
}

.password_strength_3,
.password_strength_4,
.password_strength_5
{
    color: White;
    background-color: Green;   
}


#simplemodal-container .password-rules
{
    font-size: 12px;
    line-height: 22px;
    list-style-position: inside;   
    margin: 0;
    float: right;
    width: 50%;
}

#simplemodal-container .password-fields {float: left; border-right: 1px dotted #e2e2e2;
padding-top: 6px;
width: 43%;}

.password-rules ul ul
{
    margin-left: 15px;   
}

#logon-form .forgot-password
{
     display: inline-block;
     margin: 12px 0 10px 210px;
     font-size: 10px;
     color: #0071B6;
}

#logon-form input[type=radio]
{
     margin: 0px;  
}

#logon-form input[type=submit]
{
     float: right;  
}

/* =LOGON BOX */

.logon-box {
    width: 500px;
    border: 1px solid #AAAAAA;
    color: #222222;
    margin-left: 227px; 
    padding: 2px;
}

.logon-box .logon-header {
    color: White;
    font-family: 'BSO Regular', Helvetica, Arial, sans-serif;
    background: url("/Content/images/layout/dialog_header.png") repeat scroll right 0 transparent;
    padding: 5px 26px;
    font-size: 20px;
    text-transform: uppercase;
}

.logon-box #logon-form
{
    padding: 10px 15px !important;   
}

.logon-box .divider
{
    text-align:center;
	margin-left: -3px;
background-color: #fff;
margin-right: -3px;
}

.logon-box .divider p {
	text-transform: uppercase;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
padding: 12px 15px;
width: auto;
color: #9a0130;
margin: 0 auto;
font-size: 1.1em;
font-weight: bold;
}

.patron-info input[type=text] {
	width: 220px;
}

.logon-box p,
#logon-form p
{
    margin: 5px 0;  
    font-size: 11px; 
    color: #5E5E5E;
}

.logon-box h3,
#logon-form h3
{
    font-size: 13px;
    font-weight: bold;   
}

/* =LOGON DIALOG */

.logon-dialog
{
    padding: 2px !important;   
    left: 50% !important;
    margin-left: -325px;
}

.logon-dialog #logon-form
{
    margin: 15px auto;
}

.logon-dialog.ui-corner-all, .logon-dialog .ui-corner-all
{
    border-radius: 0 !important;
}

.logon-dialog .ui-widget-header
{
    color: White;
    border: none;
    background: url("/Content/images/layout/dialog_header.png") repeat scroll right 0 transparent;
}
.logon-dialog .ui-dialog-titlebar
{
    height: 44px !important;
    margin: 0;
    padding: 0 0 10px;
}

.logon-dialog .ui-dialog-title
{
    font-family: 'BSO Regular', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;   
    margin: 0 25px 2px 0 !important;
}

.logon-dialog .ui-dialog-titlebar-close
{
  /* display: none;    */
}


/* =ACCOUNT NAV */

#nav-tab.account-nav li a
{
    color: #000;  
}

#nav-tab .super
{
    font-size: 12px;
    font-style: italic;
    position: relative;
    top: -5px;   
}

/* = SHARED STYLES */

#overview
{
    float: left;
    font-size: 10px;
    margin: 20px 30px;
    width: 180px;
    color: #7D7D7D;
}


/* =ACCOUNT SETTINGS */

.account-settings-header {width: 700px; margin: 15px auto 0 auto !important;}
#account-information {margin-top:10px;}

#account-settings
{
    border-top: 2px solid #919191;  
    margin: 10px auto 100px auto;
    width: 700px;
    position: relative;
}

.setting-section
{
    border-bottom: 1px solid #e4e4e4;
    width: 700px;
    display: inline-block;
    clear: left;
}

.club-alerts,
.card-alerts
{
    display: inline-block;
    width: 100%;  
    list-style: none; 
    
}

.club-alert,
.card-alert
{
    clear: left;
    float: left;   
}

.no-border
{
    border: none !important;
}

.club-alert label,
.card-alert label,
.club-alert input,
.card-alert input
{
    float: left;
    width: auto !important; 
    margin: 0px 5px 10px 0 !important;  
}

#account-settings fieldset,
#account-interests fieldset
{
    margin: 15px 0;
    min-height: 30px;
}

#account-settings fieldset legend,
#account-interests fieldset legend
{
    display: block;
    float: left;
    margin: 0 30px 5px 0;
    width: 120px;
    font-size: 12px;
    font-weight: bold;
}

#account-settings .field,
#account-interests .field
{
    float: left;
    margin-right: 10px;
}

#account-settings .field input,
#account-interests .field input, #simplemodal-container .field input
{
    display: block;
    width: 175px;  
    font-size: 12px!important;
    padding: 5px;
    margin: 0;
    border-color: #ccc;
    color: #676767;
}

#simplemodal-container #FirstName, #simplemodal-container #LastName {margin-bottom: 2px; display: block;}

#simplemodal-container input[type=text], #simplemodal-container select, #create-account input[type=text], #create-account input[type=password], #create-account select, #change-password input[type=text], #change-password input[type=password], #change-password select {display: inline-block; border-color: #ccc; color: #676767; font-size: 12px!important; padding: 8px; margin-bottom: 10px; margin-left: 0;}

#simplemodal-container .field input:focus, #simplemodal-container input[type=text]:focus, #simplemodal-container select:focus, #create-account input[type=text]:focus, #create-account input[type=password]:focus, #create-account select:focus,
    #change-password input[type=text]:focus, #change-password input[type=password]:focus, #change-password select:focus 
        {border-color: #9a0130; outline: 0;}

#simplemodal-container #ChangePasswordViewModel_ConfirmPassword {margin-top: 10px;}

#account-settings .field label,
#account-interests .field label
{
    font-size: 12px;
    display: inline-block;
}

#simplemodal-container input {margin-right: 10px!important;}
    #simplemodal-container input.email {
        margin-bottom: 4px;
        width: 300px;
    }

#simplemodal-container .password-fields .field {display: block; float: none;}
#simplemodal-container .password-fields .field.current-password {margin-bottom: 10px;}
#simplemodal-container input.email ~ label {display: block;}
.modal-content-address .address-editor label {color: #bbb; font-size: 11px;}
.modal-content-address {padding-bottom: 60px!important;}

#simplemodal-container .field label {display: inline-block; font-size: 11px;}

#simplemodal-container .field {display: inline-block;}

#simplemodal-container .standard-button {background-color: #9a0130; position: absolute; bottom: 10px; right: 0;} 
#simplemodal-container .standard-button.disabled {background-color: grey;}
#simplemodal-container .standard-button:focus {outline: 0;}
#simplemodal-container .submit-address.standard-button {bottom: auto; right: auto;}

#account-settings fieldset span {
    font-size: 12px;
}

.full-width-field 
{
    clear: left;
    font-size: 9px;
}

#account-settings .email
{
    width: 244px;   
}


#account-settings #account-information label
{
    font-size: 9px;
    color: #7D7D7D;
}

#account-settings .payment-methods
{
    color: #7D7D7D;
    font-size: 10px;
    display: inline-block;
    margin-left: 15px;
    float: left;
}

#account-settings .payment-methods-description
{
    color: #7D7D7D;
    float: left;
    font-size: 10px;
    margin-left: 10px;
}

#account-settings .payment-method .card-type
{
    color: Black;
    font-weight: bold;
}

#account-settings .address-list
{
    border-top: none;
    clear: none;
    display: block;
    float: left;
    padding: 0;
    width: 550px;
}

#account-settings .address-list .shipping-address
{
    border-left: 1px solid #e4e4e4;
   padding: 0 6px;   
    width: 150px;
    font-size: 12px;
}

#account-settings .address-list .shipping-address label
{
    margin-bottom: 0;   
}

#account-settings .contact-preferences
{
    border-bottom: 2px solid #919191;   
}

.preference-fields
{ 
    float: left;
}

.preference-fields > input
{
    float: left;   
    clear: left;
}

.preference-fields .field
{
    width: 350px;
    margin: 0 5px 10px;
}

.preference-fields .field input
{
    margin: 10px 0 0;
    width: 200px;  
}

.email-details
{
    font-size: 9px;
    margin: 10px 0 0;   
}

#account-settings #update-preferences-button
{
    float: right;
    margin: 12px 15px;   
}




/* =ACCOUNT INTERESTS */

#account-interests
{
    float: left; 
    border-top: 2px solid #919191;  
    margin: 20px 0 100px;
    width: 700px;
    position: relative;
    top: -40px;
}

#account-interests section
{
    border-bottom: 1px solid #E5E5E5;
    clear: left;
    display: inline-block;
    margin: 10px 0 0;
    width: 700px;
}

#account-interests fieldset
{
    width: 210px;
    float: left;   
    margin: 0 0 10px; 
    font-size: 11px;
}

#account-interests fieldset.last
{
    border-bottom: 2px solid #919191; 
}

#account-interests fieldset h2
{
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    margin: 0 0 10px;   
}

#account-interests fieldset .field
{
    clear: left;
    display: block;  
    margin: 7px 0; 
}

#account-interests #update-preferences-button
{
    float: right;   
}

/* =ORDER HISTORY */

.js #order-list
{
    display: none;   
}

#order-list
{
    margin-top: 35px;
    margin-bottom: 25px;
}

#order-list .order-header
{
    background-color: #E9E9E9;
    border-bottom: 1px solid white;
    border-top: 1px solid #919191;
    cursor: pointer;
    padding: 1px 0;
}

#order-list .order-date
{
    border-right: 1px solid white;
    display: inline-block;
    font-family: 'BSO Bold',Helvetica,Arial,sans-serif;
    font-size: 17px;
    text-align: center;
    width: 145px;
    margin: 5px 0 10px;
}

#order-list .order-number
{
    display: inline-block;
    margin-left: 20px;
    width: 365px;   
    margin: 10px 0 10px 10px;
}
#order-list .order-number img{ width: 20px;height: 20px;vertical-align: bottom;}
.ui-dialog-title .order-number img{ display: none;}

#order-list .order-receipt-link
{
     background-color: #69ae2c;
    color: white;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 170px;   
}

#order-list .item
{
    display: inline-block;
    width: 100%;   
}

#order-list .seat
{
    font-size: 10px;
}

#order-list .item ul
{
    list-style: none;  
    margin-left: 20px;
     
}

#order-list .item-thumbnail
{
    float:left;
    width: 150px;
    height: auto;   
    margin: 10px 0;
}

#order-list .item-thumbnail img
{
    max-width: 150px;
}

#order-list .item-details
{
    float: left;
    margin: 10px;
    width: 360px;
    font-size: 10px;
}

#order-list .item .item-type,
#order-list .item .item-datetime
{
    font-size: 10px;
    color: #919191;
}

#order-list .item-title
{
    font-family: 'BSO Regular',Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 20px;
}

#order-list .item .brand,
#order-list .item .facility
{
    font-size: 10px;   
}


#order-list .item-actions
{
    background-color: #E8E8E8;
    float: right;
    min-height: 125px;
    margin: 5px 0;
    padding: 5px 10px;
    width: 150px;
}

#order-list .item-actions .action-button
{
    display: block;
    text-align: center;   
    margin: 5px 0;
    padding: 4px 10px 2px;
}

#order-list .item .quantity
{
    font-size: 10px;
    text-transform: uppercase;
}

#order-list .item .price-range
{
    font-size: 16px;   
}

.item-options .contribution-details
{
    clear: left;
}

#order-list .digital-album
{
    margin-left: 20px;   
}

#order-list .digital-sub-items > li
{
    border-bottom: 1px solid #ececec;   
    cursor: pointer;
}


#order-list .digital-sub-items > li:hover
{
    background-color: #ececec;
}
#order-list .shipping-area {border-bottom: solid #919191 1px; font-family:'BSO Regular', Helvetica, Arial, Sans-Serif;}
#order-list .shipping-info {display: inline-block; padding:10px 0; font-size:14px; width:146px; text-align:center;}
#order-list .shipping-info-copy {display: inline-block; margin-left: 20px; width:365px; margin:10px 0 10px 10px; font-size:12px;}
#order-list .sendToFriendContainer {display: inline-block; width: 170px; text-align:center; }
#order-list .send-to-friend-link {display: inline-block;width:170px;text-decoration: none;}

/* =ACCOUNT PROMOTIONS */

#account-promotions
{
    border-top: 1px solid #919191;
    float: left;
    margin-top: 20px;
    width: 700px;
}

#account-promotions h2
{
    background-color: white;
    margin: 0 170px;
    position: relative;
    text-align: center;
    top: -10px;   
    text-transform: uppercase;
}

#account-promotions .promotion
{
    text-align: center;   
    width: 700px;
    max-height: 150px;
    overflow: hidden;
    margin: 10px 0;
}


/* =ORDER RECEIPT */

#order-dialog 
{
 padding: 20px;   
}

#receipt
{
   width: 600px;   
}

 #receipt > div
 {
    border-right: 1px solid #919191;   
    border-left: 1px solid #919191;
    border-top: 1px solid #919191;
    padding: 5px;
    font-size: 11px;
    width: 600px;
    min-height: 50px;
    display: inline-block;
 }
 
 #receipt > div > h2
 {
    font-weight: bold;   
 }
 
 #receipt .cart-total
 {
    border-bottom: 1px solid #919191; 
    text-align: right;  
    display: inline-block;
    padding: 5px;
 }
 
 #receipt .cart-total h3,
 #receipt .cart-total h2
 {
    clear: both;
    float: right;
    margin-right: 15px;
 }
 
 #receipt .payment-totals
 {
     clear: both;
     float: right;
     font-weight: bold;
     margin-right: 15px;
 }
 
 #receipt .cart-total .subtotal-label,
 .total-label
 {
    width: 150px;  
    float: left; 
    margin: 5px 0;
    clear: left;
    font-weight: bold;
 }
 
  #receipt .cart-total .subtotal-value,
  .total-value
 {
    width: 80px;  
    float: left; 
    margin: 5px 0;
 }
 
 #receipt nav
 {
    float: left;
    margin: 5px 0;
    width: 605px;
 }
 
  #receipt nav img {
      float: left;
  }
  
  #receipt nav a {
      float: right;
      display: inline-block;
      height: auto;
      margin: 0 0 0 5px;
  }
 
 .ui-dialog-title .color-block {
     display: inline-block;
     float: left;
     height: 44px;
     width: 12px;
 }
 
 .ui-dialog-title .dialog-title
 {
    display: inline-block;
    width: 205px;
    margin-left: 15px;
    margin-top: 7px
 }
 
 .ui-dialog-title .order-date
 {
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
    text-transform: none;
    width: 170px;
 }
 
 .ui-dialog-title .order-number
 {
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
    width: 185px;
    text-transform: none;
 }
 
 .receipt-header
 {
    margin: 10px 0;   
 }
 
 .print .receipt-header
 {
    margin-bottom: 0;   
 }
 
 .receipt-header .order-title
 {
    text-transform: uppercase;
    font-size: 16px;   
    font-weight: bold;
 }
 
  .receipt-header .order-date,
  .receipt-header .order-number
 {
    display: inline-block;
    font-size: 13px;
    margin-left: 10px;
  }
  
  .print nav
  {
    /*display: none;   */
  }
  
  #content #finalize-header
{
    font-family: "BSO Regular",Helvetica,Arial,sans-serif;
    font-size: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}

#receipt ul
{
    width: 600px; 
    list-style: none;  
}

#receipt .item
{
    border-top: 0;
    list-style: none;
    float: left;
}

#receipt .item-thumbnail
{
    float: left;
    height: auto;
    margin: 10px 0;
    width: 150px;   
}

#receipt .item-description
{
    margin: 2px 0;
    width: 400px;
    float: left;
}

#receipt .seat-list
{
    width: 300px;   
}

#receipt .performance-list .performance
{
    margin: 10px 0 10px 50px;   
}

#receipt .item-headers
{
    border-top: 0 none;
    display: inline-block;
    margin: 5px 0 0;
    font-size: 12px;
}

#receipt .item-headers li
{
    float: left;   
}

#receipt .item-headers .itemdescription-header {
    width: 380px;
    font-weight: bold;
}

#receipt .item-title
{
    float: left;   
}

#receipt .item-headers .price-header
{
    width: 70px;
    text-align: center;
}

#receipt .item-price
{
    width: 85px;
    float: left;   
}

#receipt .item-headers .qty-header
{
     width: 65px;
     text-align: center;
}

#receipt .item-quantity
{
    width: 40px;
    float: left;   
}

#receipt .item-headers .total-header
{
    width: 70px;
    text-align: right;
}

#receipt .item-total
{
    float: left;
    width: 65px;
    text-align: right;   
}

#receipt  .category-title:first-child
{
    border-top: 0;   
    padding-top: 0;
}

#receipt  .section-subheader
{
  color: #0071b6;
  margin-top: 20px !important;   
}

.finalize .subsection
{
  font-size: 12px;
  padding: 10px 30px;
  width: 650px;
}
  
/* =DONATE TICKETS */

#donate
{
    width: 570px;   
}

#donate .secondary-button
{
    float: right;
    margin: 10px 0;   
    padding: 2px 20px 4px;
}

#donate .performances
{
    border-right: 1px solid #919191;
    border-collapse: collapse;  
    font-size: 10px; 
}

#donate .performances td
{
     border: 1px solid #919191;  
     padding: 10px; 
}

#donate .performances th
{
    border: 1px solid #919191;   
    font-size: 11px;
    font-weight: bold;
    padding: 10px; 
}

#donate .performance-details-header
{
    text-align: left;   
}

#donate .performances .performance-details
{
    width: 420px;   
}

#donate .performance .performance-title
{
    font-size: 12px;   
}

#donate .performance .performance-header
{
    margin-left: 10px;
}

#donate .performance .total-counts
{
    float: right;
    font-size: 12px;
}

#donate .performance .performance-counts
{
    font-size: 12px;
    width: 105px;   
    text-align: center;
}

#donate .performance .performance-tickets
{
    margin-left: 13px;   
}

.js #donate .performance-tickets
{
    display: none;   
    list-style: none;
}

#donate .donate-overview
{
    margin: 10px;  
    color: #919191; 
}

#donate .donate-terms
{
    margin: 10px 0;  
    color: #919191; 
}

#donate .are-you-sure
{
    clear: left;
    float: right;
    font-weight: bold;
    margin: 5px 0;
    font-size: 12px;
}

#donate .i-agree
{
    clear: both;
    float: right; 
    color: #919191;
}

/* =EXCHANGE TICKETS */

#exchange .secondary-button
{
    float: right;
    margin: 10px 40px;   
    padding: 2px 20px 4px;
}

#exchange .performances
{
    border-right: 1px solid #919191;
    border-collapse: collapse;  
    font-size: 10px; 
}

#exchange .performances td
{
     border: 1px solid #919191;  
     padding: 10px; 
}

#exchange .performances th
{
    border: 1px solid #919191;   
    font-size: 11px;
    font-weight: bold;
    padding: 10px; 
}

#exchange .performance-details-header
{
    text-align: left;   
}

#exchange .performances .performance-details
{
    width: 420px;   
}

#exchange .performance .performance-title
{
    font-size: 12px;   
}


#exchange .performance .performance-header
{
    margin-left: 10px;
}

#exchange .performance .total-counts
{
    float: right;
    font-size: 12px;
}

#exchange .performance .performance-counts
{
    font-size: 12px;
    width: 105px;   
    text-align: center;
}

#exchange .performance .performance-tickets
{
    margin-left: 13px;   
}


.js #exchange .performance-tickets
{
    display: none;   
    list-style: none;
}

#exchange .donate-overview
{
    margin: 10px;  
    color: #919191; 
}

#exchange .exchange-terms
{
    margin: 10px 0;  
    color: #919191; 
}

#exchange .are-you-sure
{
    clear: left;
    float: right;
    font-weight: bold;
    margin: 5px 0;
    font-size: 12px;
}

#exchange .i-agree
{
    clear: both;
    float: right; 
    color: #919191;
}

/* = CREATE ACCOUNT */

#create-account, #change-password
{
    margin-left: 227px;   
}

#create-account h1, #change-password h1
{
    font-family: "BSO Regular",Helvetica,Arials,sans-serif;
    font-size: 26px;
    letter-spacing: 1px;
    text-transform: uppercase;
}


#create-account h2, #change-password h2
{
    font-weight: bold;
}

#create-account .required-field-notice, #change-password .required-field-notice
{
    margin-top: 3px;   
}

#create-account .setting-section, #change-password .setting-section
{
    border-bottom: 1px solid #E4E4E4;
    width: 500px;   
    padding: 20px 0;
}

#create-account label, #change-password label
{
    float: left;
    clear: left;
    color: black;
    display: inline-block;
    font-size: 12px; 
    width: 140px;
    font-weight: bold;
    margin-top: 10px;
}

#create-account .address input, #change-password .address input
{
    clear: left;
    color: #7D7D7D;
    display: inline-block;
    float: left;
    font-size: 11px;
    margin: 5px;
    width: 179px;   
}

#create-account .address label, #change-password .address label
 {
    clear: left;
    display: inline-block;
    float: left;
    font-size: 11px;
    margin: 5px;
    width: 140px;
}

#create-account .email, #change-password .email
{
    width: 265px;  
}

#create-account .password-rules {
    margin: 10px 0 0 20px;
    font-size: 12px;
    line-height: 20px;
}

#change-password .password-rules {
    margin: 10px 0 0 20px;
    font-size: 12px;
    line-height: 20px;
    clear:both;
}

#change-password .password-rules ul[data-bb=passwordValidationRequirements] {
    margin-left: 25px;
}

/*#create-account input ,
#create-account select
{
    margin: 10px 0 0;
    clear: right;
    float: left;
    font-size: 10px;
}*/

#create-account .field, #change-password .field {
    float: left;
    margin-right: 10px;
}

#create-account .field-validation-error, #change-password .field-validation-error {
    float: left;
    clear: left;
    margin: 0 0 10px 140px;
    display: block;
width: 100%;
}

#create-account .field .field-validation-error, #change-password .field .field-validation-error {
    float: left;
    clear: left;
    margin: 0 0 10px;
}


#create-account .field label, #change-password .field label
{
    position: relative;
    top: -15px;
    color: #7D7D7D;
    float: left;
}

#create-account .field input, #change-password .field input {
    display: block;
    width: 115px;
}

#create-account fieldset legend, #change-password fieldset legend {
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 20px 0 0;
    width: 120px;
}

#create-account .standard-button, #change-password .standard-button
{
    float: right;   
}

/* digital  sub items */

.digital-sub-items {
    list-style: none;
    font-size: 0.8em;
}
.digital-sub-items ul {
  list-style:none;
}
.digital-sub-items li {
  padding:1%;
}
.digital-sub-items > li {
    padding: 0 1%;
    border-bottom: 1px #aaa solid;
    background: #eee;
    line-height: 2.3;
    cursor: pointer;
}
.digital-album {
    list-style: none;
    background: #fff;
}
.digital-sub-items > li {
  margin-left: 0%;

  font-size:0.8em;
}
.digital-sub-items a {
  display:inline-block;
  color: #9a0130;
}

/* Modal Styling */

#basic-modal-content, #basic-modal-content2, #basic-modal-content3, #basic-modal-content4, [data-bb=editPasswordModalContent] {display:none;}
#basic-modal, #basic-modal2, #basic-modal3, #basic-modal4 {display: inline-block; float: right;}

[data-modal-content] { display: none; }
[data-modal-trigger] { display: inline-block; float: right; }

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container { width:600px; color:#bbb; background-color:#fff; padding: 0; margin: 0;}
#simplemodal-container .simplemodal-data {padding: 3px; background: #fff;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {cursor: pointer;}
#simplemodal-container a.modalCloseImg:before {content: "x"; font-weight: bold; font-size: 24px; color: #fff; z-index:3200; position:absolute; top:4px; right:15px; cursor:pointer; display: block;}
#simplemodal-container h3 {color:#84b8d9;}
.modal-header {height: 44px !important;
padding: 0 0 10px;
background: url("/Content/images/layout/dialog_header.png") repeat scroll right 0 transparent;
border: none;
color: white;
font-family: 'BSO Regular', Helvetica, Arial, sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
}
.modal-title {padding: 8px 0 5px 12px; display: inline-block; vertical-align: top;}
#simplemodal-container .color-block {height: 44px;
width: 10px;
display: inline-block;}
.modal-inner-content {padding: 25px 15px 20px 15px;}
.modal-content-email {padding: 25px 15px 40px 15px;}
.modal-content-address {position: relative;}
#basic-modal-content3 .standard-button {float: right; margin-top: -15px;}
#basic-modal-content3 .current-password {display: block; margin-bottom: 10px;}
.add-address-button {background-image: none!important; padding-left: 20px; float:right;} 
.address-list .address-controls a {font-size: 12px;}

[data-bb=passwordValidationRequirements] li.valid-check.invalid:after {
    content: '\f00d';
    font-family: FontAwesome;
    padding-left: 6px;
    font-size: 14px;
    color: #d12b2b;
}

[data-bb=passwordValidationRequirements] li.valid-check:after {
    content: '\f00c';
    font-family: FontAwesome;
    padding-left: 6px;
    font-size: 14px;
    color: #52b72f;
}