/* Clickshare-specific overrides */
.container-12
{
    max-width: 960px;
    width: 100%;
}
.container-12 .grid-12
{
    max-width: 940px;
    width: 100%;
}
/* Error markup */
.errorForProperty
{
    color: #EE5555;
    display: inline;
}

/* masthead */
.container-12 .grid-1
{
    width: auto;
    text-align: right;
}
#user-operations h4
{
    font-weight: bold;
    font-size: 25px;
    margin: 10px 0;
}
#nav-bar
{
    position: relative;
}
#nav-bar-content
{
    padding-bottom: 10px;
}
#nav-bar img
{
    bottom: 10px;
    position: absolute;
}
/* footer */
#footer-links table
{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

/* General overrides */
label
{
    display: block;
    font-weight: bold;
}
ul
{
    padding-left: 0px;
    list-style-type: none;
}
table
{
    border-collapse: separate;
}
input[type="submit"], .printbutton
{
    float: right;
    background-color: #1D82C7;
    color: #fff;
    padding: 5px 15px;
    border-radius: 10px;
}

#user-operations
{
    float: right;
    font-size: 12px;
}
#accountHead #accountInfo label
{
    display: inline-block;
    width: 215px;
    padding: 5px 0;
}

h3
{
    font-weight: bolder;
}

/* Page-specific overrides */

/* addAccount/addDelivery forms */
#enterZipCode
{
    border: 1px solid;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
}

#addDeliveryConfirmOrder #accountFields
{
    display: none;
}
/* myhome */
#sideLinks
{
    float: right;
}
#accountInfo
{
    display: inline-block;
}


/* Login */
#login a
{
    color: #0065A5;
}
.loginbox label.rememberMeLabel
{
    margin-top: 0px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
}
#login #logInBtn
{
    background-color: #ffffff;
    background-image: url("/images/loginLinks.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    color: #0065a5;
    font-weight: bold;
    height: 35px;
    padding-right: 47px;
}
#login a.forgotpwdlink
{
    float: right;
    font-size: 0.8em;
    margin-right: -90px;
    margin-top: -25px;
}
#newUserForm
{
    float: right;
}
#LoginForm
{
    border-right: 1px dashed;
    display: inline-block;
    padding-right: 70px;
    width: 45%;
}
.loginMsg img
{
    display: block;
}
.loginbox label
{
    display: block;
    font-weight:bold;
}
#LoginForm input[type="email"], #LoginForm input[type="text"], #LoginForm input[type="password"]
{
    width: 90%;
}
#login h3
{
    display: none;
}
#login .csMsgSubHeader p
{
    color: #0065A5;
    font-weight: bold;
    margin-bottom: -20px;
}
#newUserForm .csMsgSubHeaderImg
{
    clear: both;
    margin-bottom: -80px;
    float: right;
}
#login .csMsgSubHeader
{
    clear: both;
}
#login .csMsgDivider 
{
    display: block;
    border-bottom: 1px dashed;    
}
#login a.csMsgSubLink
{
    float: right;
    text-decoration: none;
    font-weight: bold;
}
#newUserForm a img
{
    margin-bottom: -15px;
    margin-left: 10px;
}
/* BEGIN width-specific css styling */
@media screen and (max-device-width: 838px) {
    #login
    {
	padding: 5px;
    }
    #LoginForm
    {
	width: 45%;
	padding-right: 45px;
    }
    #newUserForm
    {
	width: 47%;
    }
}
/* END width-specific css styling */
/* subscriptionCenter */
#subscriptionCenter h1, .dailyBundleSectionHeading, .dailyHybridSectionHeading, .digitalSectionHeading, .sunJournalSectionHeading, #dayPass h1, .ui-dialog-titlebar 
{
    margin: 0 -5px 10px -2px;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding: 5px 0 5px 15px;
}
#sunJournalWeeklyBundle, #sunJournalOnly, #digital, .dailyBundleSection, .dailyHybridSection, .digitalSection, .sunJournalSection, #dayPass
{
    border: 1px solid;
    border-top: 0px;
    border-radius: 0px 0px 10px 10px;
    display: inline-block;
    margin-top: 10px;
}

#sunJournalWeeklyBundle
{
    width: 100%;
    padding-bottom: 30px;
    background: url("/images/sj-digitalAndPrint.png") no-repeat scroll 650px 36px transparent;
}
#sunJournalWeeklyBundle h1, .dailyBundleSectionHeading, .dailyHybridSectionHeading
{
    background-color: #F0A934;
}
#sunJournalWeeklyBundle img
{
    float: right;
    margin-right: 250px;
}
.dailyBundleSection
{
    background: url("/images/bestValue.png") no-repeat scroll 400px 200px transparent;
}
#sunJournalOnly
{
    height: 255px;
    vertical-align: top;
    width: 47%;
    float: right;
    background: url("/images/sj-newspaper.png") no-repeat scroll 230px 50px transparent;
}
#digital
{
    height: 255px;
    vertical-align: top;
    width: 47%;
    float: left;
    background: url("/images/sj-digital.png") no-repeat scroll 206px 71px transparent;
    background-size: 51%;
}
#sunJournalOnly h1, .sunJournalSectionHeading, .dailyHybridSection h1, .dailyHybridSectionHeading
{
    background-color: #DA763A;
}
#digital h1, .digitalSectionHeading
{
    background-color: #8F9989;
}
#sunJournalWeeklyBundle ul, #sunJournalOnly ul, #digital ul, #dayPass ul
{
    list-style-type: disc;
}

#dayPass
{
    display: block;
    margin: 10px auto 0;
    vertical-align: top;
    width: 50%;
}
#dayPass h1
{
    background-color: #1D82C7;
}
#dayPass .subscriptionLevel
{
    width: auto;
}
#dayPass #dayPassPrice
{
    display: table;
    margin: 0 auto;
}
#dayPass .decoPrice, #dayPass a
{
    display: inline-block;
    margin-bottom: 10px;
}
.asterisk
{
    font-style: italic;
    font-size: 10px;
    float: right;
}
#termSelect .asterisk
{
    clear: both;
    curser: pointer;
}
#subscriptionCenter .asterisk
{
    position: absolute;
    right: 40px;
}
.subscriptionLevel
{
    width: 54%;
    display: inline-block;
    padding: 0 10px;
}
.subscriptionLevel .sublist
{
    margin-left: 17px;
}
.subscriptionLevel .decoPrice, .subscriptionLevel a.linkBtn
{
    font-weight: bold;
}

#buttons {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}
#buttons .terms {
    text-align: center;
    font-size: 1.5em;
    padding-bottom: 15px;
}
#buttons input[type="checkbox"] {
    width: 30px;
    height: 30px;
    vertical-align: bottom;
}
#buttons input[type="submit"] {
    float: none;
    display: table;
    margin: 0px auto;
    font-size: 2em
}
/* termSelect PRINT + DIGITAL */
#termSelect #addDeliveryForm ul
{
    list-style-type: disc;
}
#termSelect #addDeliveryForm #dailyBundleTerms, #termSelect #addDeliveryForm #dailyHybridTerms, #termSelect #addDeliveryForm #weekendHybridTerms, #termSelect #addDeliveryForm #sundayHybridTerms
{
    list-style-type: none;
}
.dailyBundleSectionAdditionalDescription, .digitalSectionAdditionalDescription, .sunJournalSectionAdditionalDescription
{
    margin: 0 auto;
    width: 95%;
}
#termSelect #addDeliveryForm .dailyBundleSection p, #termSelect #addDeliveryForm .digitalSectionAdditionalDescription p
{
    width: 60%;
}
#termSelect #addDeliveryForm .dailyBundleSectionAdditionalDescription
{
    background: url("/images/sj-digitalAndPrint.png") no-repeat scroll 570px 36px transparent;
}
#termSelect .dailyBundleSection .dailyBundleSectionAdditionalDescription p
{
    padding-bottom: 62px;
}

#termSelect #addDeliveryForm .dailyBundleSection ul
{
    display: inline-block;
    width: 46%;
}
#termSelect #addDeliveryForm .dailyHybridSection .subOptsDisclaimer, #termSelect #addDeliveryForm .dailyBundleSection .subOptsDisclaimer, #termSelect #addDeliveryForm .digitalSection .subOptsDisclaimer
{
    float:right;
    padding-right:10px;
}

#termSelect #addDeliveryForm #CSDeliveryInfoPremium
{
    float: right;
    margin-bottom: 10px;
}


#termSelect #addDeliveryForm #dailyBundleTerms
{
    border: 3px solid #F0A934;
    border-radius: 10px 10px 10px 10px;
    padding: 0px 10px 10px 10px;
}
#termSelect #addDeliveryForm .dailyHybridSection
{
    font-size: 14px;
}
#termSelect #addDeliveryForm #dailyHybridTerms
{
    padding-left: 29%;
}
#termSelect #addDeliveryForm .dailyHybridSectionAdditionalDescription table
{
    margin: 0 auto;
    width: 844px;
    border-collapse: collapse;
}
#termSelect #addDeliveryForm .dailyHybridSectionAdditionalDescription table th
{
    border-top: 1px solid white !important;
}
#termSelect #addDeliveryForm .dailyHybridSectionAdditionalDescription table tr
{
/*    text-align: center; */
    border-bottom: 1px solid #CCCCCC;
}
#termSelect #addDeliveryForm .dailyHybridSectionAdditionalDescription td div
{
    padding-left: 5px;
    text-align: left;
}

#termSelect #addDeliveryForm #dailyHybridTerms, #termSelect #addDeliveryForm #weekendHybridTerms, #termSelect #addDeliveryForm #sundayHybridTerms
{
    display: inline-block;
    width: 19%;
}

#termSelect #addDeliveryForm li em span
{
    font-weight: bold;
    font-size: 12px;
}

#termSelect #addDeliveryForm #dailyHybridTerms li h4, #termSelect #addDeliveryForm #weekendHybridTerms li h4, #termSelect #addDeliveryForm #sundayHybridTerms li h4
{
    display:none;
}

#termSelect #addDeliveryForm .buttons
{
    padding: 10px;
}

#termSelect .otherDeliveryOptions
{
    margin: -17px 0 0 -22px;
}


/* termSelect PRINT ONLY */

#termSelect #addDeliveryForm #dailySunJournalTerms, #termSelect #addDeliveryForm #weekendSunJournalTerms, #termSelect #addDeliveryForm #sundaySunJournalTerms
{
    list-style-type: none;
    display: inline-block;
    border: 3px solid #DA763A;
    border-radius: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    width: 23%;
}

#termSelect #addDeliveryForm #dailySunJournalTerms h4 strong span, #termSelect #addDeliveryForm #weekendSunJournalTerms h4 strong span, #termSelect #addDeliveryForm #sundaySunJournalTerms h4 strong span
{
    font-size: 20px;
    font-weight: bolder;
}
#termSelect .sunJournalSectionAdditionalDescription
{
        background: url("/images/sj-newspaper.png") no-repeat scroll 690px 0px transparent;
}
/* termSelect DIGITAL ONLY */

#termSelect #addDeliveryForm .digitalSection ul
{
    display: inline-block;
    width: 45%;
}

#termSelect #addDeliveryForm .digitalSection li h4
{
    margin: 0;
}

#termSelect #addDeliveryForm .digitalSection li h4 strong
{
    font-size: 20px;
    font-weight: bolder;
}
#termSelect #addDeliveryForm .digitalSectionAdditionalDescription
{
    background: url("/images/sj-digital.png") no-repeat scroll 570px 5px transparent;
}
/* start termSelect dialog window, this is applicable to both the bonus packages and the bonus weekly pub delivery area dialog */
#bonusPackagesTable
{
    width: 100%;
    border-collapse: collapse;
}
#bonusPackagesTable tbody
{
    border-top: none;
}
#bonusPackagesTable tr.bordered
{
    border-bottom: 1px solid #cecece;
}
#bonusPackagesTable img
{
    display: block;
    margin: 0 auto;
}
#deliveryAreasTable td
{
    vertical-align: top;
}
#dialogBonusPackages h4
{
    margin-bottom: 0px;
    font-weight: bold;
}
#dialogBonusPackages p
{
    margin: 0;
}
.termSelectDialog
{
    z-index: 999 !important;
}
.termSelectDialog .ui-dialog-titlebar
{
    margin: 0px;
}
.termSelectDialog .ui-widget-header
{
    background-color: #1D82C7;
    background-image: none !important;
}
.termSelectDialog .ui-dialog-titlebar-close, .ui-state-default .ui-icon
{
    background: none;
    background-image: none;
    width: 75px;
    border: 1px solid #1D82C7;
    background-image: none;
}
.termSelectDialog span.ui-button-text
{
    color: #fff;
    font-weight: 100;
    font-size: 15px;
    margin-top: -22px;
    margin-left: 0px;
}
.termSelectDialog #memberDiscountsProgram
{
    margin-top: 1.44em;
    border: 1px solid #1D82C7;
    border-radius: 5px; 
    background-color:#F2F7FB; 
    padding: 10px;
}
.termSelectDialog #memberDiscountsProgram h4
{
    margin-top: 0px;
}
/* end bonus packages dialog window */
/* addAccountSpecial */
#addAccountSpecial #addAccountSpecialForm h3, #addAccount #addAccountForm h3
{
    font-weight: bold;
}

#addAccountSpecial #addAccountSpecialForm #accountFields, #addAccountSpecial #addAccountSpecialForm #billingInformation, #addAccountSpecial #addAccountSpecialForm #subOptions, #addAccount #addAccountForm #billingInformation, #addAccount #addAccountForm #accountFields
{
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding: 15px;
}

#addAccountSpecial #addAccountSpecialForm #accountFields, #addAccount #addAccountForm #accountFields
{
    float: left;
}

#addAccountSpecial #addAccountSpecialForm #subOptions
{
    float: right;
 }

#addAccountSpecial #addAccountSpecialForm #accountFields ul, #addAccountSpecial #addAccountSpecialForm #billingInformation ul, #addAccountSpecial #addAccountSpecialForm #subOptions ul, #addAccount #addAccountForm #accountInformation ul, #addAccount #addAccountForm #billingInformation ul
{
    padding: 0;
}

#addAccountSpecial #addAccountSpecialForm #subOptions .deliveryAutoRenew li
{
    display: inline-block;
    width: 49%;
}

#addAccountSpecial #addAccountSpecialForm #subOptions #deliveryInfoCarrierInstructions 
{
    height: 80px;
    width: 100%;
}

/* addSubscriptionSpecial */
#addSubscriptionSpecial #addAccountSpecialForm #accountFields .registrationFormMsg
{
    display: none;
}

#addSubscriptionSpecial #addAccountSpecialForm h3
{
    font-weight: bold;
}

#addSubscriptionSpecial #addAccountSpecialForm #accountFields, #addSubscriptionSpecial #addAccountSpecialForm #billingInformation, #addSubscriptionSpecial #addAccountSpecialForm #subOptions
{
    display: inline-block;
    width: 30%;
    vertical-align: top;
    padding: 15px;
}

#addSubscriptionSpecial #addAccountSpecialForm #accountFields
{
    float: left;
}

#addSubscriptionSpecial #addAccountSpecialForm #subOptions
{
    float: right;
 }

#addSubscriptionSpecial #addAccountSpecialForm #accountFields ul, #addSubscriptionSpecial #addAccountSpecialForm #billingInformation ul, #addSubscriptionSpecial #addAccountSpecialForm #subOptions ul
{
    padding: 0;
}

#addSubscriptionSpecial #addAccountSpecialForm #subOptions .deliveryAutoRenew li
{
    display: inline-block;
    width: 49%;
}

#addSubscriptionSpecial #addAccountSpecialForm #subOptions #deliveryInfoCarrierInstructions 
{
    height: 80px;
    width: 100%;
}

#addSubscriptionSpecial #addAccountSpecialForm #accountFields .registrationFormMsg
{
    display: none;
}

/* addSubscriptionDeliverySub */

#checkDelivery #addDeliveryForm #subOptions #leftSubscriptionDescription
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

#checkDelivery #addDeliveryForm #subOptions #centerSubscriptionDescription, #checkDelivery #addDeliveryForm #subOptions #rightSubscriptionDescription
{
    width: 24%;
    display: inline-block;
    vertical-align: top;
}

#checkDelivery #addDeliveryForm #subOptions .subscriptionDescription .subscriptionDescriptionHeader
{
    font-weight: bold;
}

#checkDelivery #addDeliveryForm #subOptions .subscriptionDescription .subscriptionTypeDescription ul
{
    list-style-type: disc;
}
#checkDelivery ul ul
{
    margin-left: 20px;
}

#showStatements .showStatementsTable, #showStatements #stmtListTbl
{
    width: 100%;
}
#showStatements .showStatementsTable h3
{
    display: inline;
}

#updateAccount label, #updateCCInfo label
{
    display: inline-block;
    width: 150px;
    padding: 5px 0;
}
/* find subscriber */
#findSubscriber #printSubscriber #accountFields .registrationFormMsg, #findSubscriber #printSubscriber #accountFields .requiredExplanationMsg
{
    display: none;
}
#findSubscriber #printSubscriber #alternateFindSubscriberMatchMsg
{
    padding-top: 25px
}
#findSubscriber h3
{
    position: absolute;
    top: 0;
}
#findSubscriber .findSubscriberMsg
{
    padding-top: 45px;
}
#findSubscriber .findSubscriberMsg p
{
    font-family: normal,'HelveticaNeueBoldCond',Arial,sans-serif;
    font-weight: normal;
}

#findSubscriber #printSubscriber label, #findSubscriber #printSubscriber #alternateFindSubscriberMatchMsg span
{
    font-weight: bold;
}
/* BEGIN specific styling for weeklyDeal.do */
#weeklyDeal
{
    margin-top: 10px;
    border: 4px dotted black;
    border-radius: 10px;
    padding: 0 10px;
}
#weeklyDeal #accountHead
{
    display: inline;
    width: 60%;
}
#weeklyDeal h2, #weeklyDeal h3
{
    width: 60%;
    margin-bottom: 0;
}
#weeklyDeal #accountHead #accountInfo label
{
    padding: 0px;
    width: 80px;
}
#weeklyDeal form
{
    margin: 10px 0 15px;
    clear: both;
}
#weeklyDeal input
{
    float: none;
}
#weeklyDeal .weeklyCoupon
{
    float: right;
}
#weeklyDeal p
{
    width: 60%;
}
/* END specific styling for weeklyDeal.do */

/* START digitial promo styling */
#digitalPromo99Cent
{
    list-style-type: none !important;
    float: right;
    margin-top: 55px;
}
#digitalPromo99Cent h4
{
    height: 44px;
    background: url("/images/99centPromo-background.png") no-repeat right;
    position: relative;
    z-index: 100;
}
#digitalPromo99Cent p
{
    font-size: 12px;
    margin: 5px 0px  0px;
    width: 100% !important;
    text-align: center;
    line-height: normal;
}
#digitalPromo99Cent li:nth-child(2)
{
    margin-top: -20px;
    margin-right: 4px;
    height: 150px;
    border: 1px solid #8F9989;
    border-radius: 10px;
    padding: 5px 0px 0px 10px;
}
#digitalPromo99Cent li span
{
    color: #FFA52C;
    font-size: 85px;
    line-height: normal;
}
#digitalPromo99Cent div
{
    float: left;
    width: 50%;
}
#digitalPromo99Cent div strong
{
    margin-left: -25px;
}
#digitalPromo99Cent div p strong
{
    margin-left: 0px;
}
#digitalPromo99Cent input
{
    display: none;
}
/* END digitial promo styling */

/* START  addDelivery-confirm styling */
#addDelivery-confirm #subOptionsExtraText ul
{
    margin: 0 0 0 20px;
}
/* END  addDelivery-confirm styling */

@media print
  {
  #nav-bar, #footer-links, #weeklyDeal input{display: none;}
  #weeklyDeal {width: 90% !important;}
  }
input[type="submit"][disabled], input.disabled
{
    background: grey;
    color:#fff;
    cursor: wait !important;
}