/**
 * -------------------------------------------------------
 * Account
 * -------------------------------------------------------
 */
#com_services ul#journalAlert{list-style: none; margin: 0; padding: 0;}
#com_services ul#journalAlert li{padding: 3px 5px; border-bottom: solid 1px #C6C6C6;}
#com_services ul#journalAlert li:nth-child(2n+1){background-color: #F6F6F6;;}
#com_services ul#journalAlert li label, label b{cursor: pointer;}
.captcha{margin: 1rem 0; text-align: left;}
#openurl_btn:hover{cursor: help;}
.openurl_info {text-align: left; position: absolute; visibility : hidden; border: 1px solid #aaaaaa; padding: 1em 0.5em 0.2em 0.5em; background-color: #eeeeee;}
.popup {font-family: Verdana, sans-serif; font-size : 11px; position: absolute; visibility : hidden; padding: 1em 0.5em 0.2em 2em; background-color: #eeeeee; border: 1px solid #aaaaaa;}
.services_menu {padding-top: 2px; padding-bottom: 0.5em; margin-bottom: 1em; border-bottom: 1px solid #aaaaaa;}
.services_menu span {padding-left: 5px; padding-right: 5px;}
.services_menu a.selected {font-weight: bold;}
span.notempty {font-weight: bold; color: #ff0000;}
#terms_box h2, #terms_box h3{color: #333; text-transform: uppercase;}
#terms_box h2{text-align: center;}
#terms_box h3{background-color: #999; padding: 2px 5px; color:#fff;}
#mainbody .services_special {margin-top:20px;}
#mainbody .services_special a{background-color: #6281BA; border: 0 none; border-radius:5px; box-shadow: 0 3px 0 0 #4C5463; color:#fff;  font: bold 12px/16px verdana; padding: 5px 10px;}
#mainbody .services_special a:hover{background-color: #4076D9; cursor: pointer; text-decoration: none;}
#mainbody .services_special a:active {box-shadow: 0 0 0 #fff; position: relative; top: 2px;}

/**
 * -------------------------------------------------------
 * TOC email alerts
 * -------------------------------------------------------
 */
#toc_email img {padding-left: 2px; border:0;}

#journalAlert .active{font-weight: bold;}

/**
 * -------------------------------------------------------
 * Pay Per View
 * -------------------------------------------------------
 */
#billing_form{;}
#billing_form label:hover{cursor: pointer;}
#billing_form ul{list-style: none; display: flex;}
#billing_form ul li:first-child{flex:1;}
#billing_form ul li input{display: none;}
ul.biling{border:solid 2px #ccc; padding: 5px 10px; background-color: #fff; margin: 0; border-radius:3px;}
ul.biling li{padding: 1rem 0;}
ul.biling li select{border:solid 2px #ccc;}
ul.biling li label{font-weight: bold; font-size: 110%; color:#333;}
.biling-details{padding: 2rem 1rem; margin: 0 1rem; background-color: #F0F0F0; box-shadow: 0 4px 1px rgba(128, 128, 128, 0.2) inset;}
#com_services #main .biling-details h3{margin-top: 0; color: #333; ;}
table.table tr td:last-child{width: 150px;}
table.table tr td .total{margin-top: 5px;}
.pay table tr{background-color:#fff;}
#ppv table tr td{padding-bottom: 1rem;}
#ppv table tr td input, #ppv table tr td select{padding:0.3rem;}
#ppv.pay table{width: 100%; margin-bottom: 10px;}
.services_content_mail{background-color: #F4F4F4; border: 1px solid #D0D0D0; padding: 5px 10px; border-radius: 3px;}
#payperview_menu {float: left; width: 100%; border-bottom: 1px solid #aaaaaa;margin-bottom: 0.5em;}
#mainbody #payperview_menu a {float: left;display: block;background-color: #eeeeee;border: 1px solid #cccccc;border-bottom-color: #aaaaaa;padding: 0px 5px;margin-right: 0.5em;margin-bottom: -1px;line-height: 2em;}
#mainbody #payperview_menu a.selected {background-color: #ffffff;border-color: #aaaaaa;border-bottom: 1px solid #ffffff;padding: 0px 5px;}
#services_link div.frame {margin: 10px 10px 10px 10px; padding: 6px 6px 6px 6px; background-color: #A8F7A6;}
.pay_tab td {padding-top: 15px;border-bottom: 1px dashed #cccccc;}
.popup-box {position: relative;background: #FFF;padding: 20px;width: auto;max-width: 500px;margin: 20px auto;}
nav.user.ppv{padding: 5px;}
ul.tabs li{background: none;  color: #222; padding: 5px 15px; cursor: pointer; border-radius: 3px; ;}
ul.tabs li.current{background: #fff; color: #6281ba; font-weight:bold; border:solid 1px #d0d0d0; text-shadow: 0 1px #fff;}
ul.tabs li:hover{opacity: 0.75;}
ul.tabs li.current:hover{opacity: 1;}
.tab-content{display: none; padding: 15px;}
.tab-content.current{display: inherit;}
#linktab-scart, #linktab-inv{background-repeat:no-repeat; background-position:6px center; padding-left:35px;}
#linktab-scart{background-image: url("/templates/source/images/icons/cart.png");}
#linktab-inv{background-image: url("/templates/source/images/icons/invoices.png");}

nav.buy-steps{text-align: center;}
nav.buy-steps ul{list-style: none;}
nav.buy-steps ul li{display: inline-block; text-align: center; width: 150px; position: relative; vertical-align: top;}
nav.buy-steps ul li p{border:solid 1px #fff; min-height: 34px;}
nav.buy-steps ul li:before{content: ""; position: absolute; width: 111px; height: 5px; background-color: #ccc; top:10px; left: -58px;}
nav.buy-steps ul li:first-child:before{display: none;}
nav.buy-steps ul li span{cursor:default; border:1px solid #6281ba; display: inline-block; background-color: #fff; border-radius: 20px; font:bold 17px/20px Arial; padding: 3px 8px;}
nav.buy-steps ul li.current{font-weight: bold;}
nav.buy-steps ul li.active span{border:1px solid #6281ba; background-color: #6281ba; color: #fff;}
nav.buy-steps ul li.active:before{background-color: #6281ba;}
nav.buy-steps ul li.purchased span{background-color: #4F8A10; color: #fff;}
nav.buy-steps ul li.purchased:before{background-color: #4F8A10;}
@media screen and (max-width: 700px){
  nav.buy-steps ul li::before{display: none;}
}

@media screen and (max-width: 600px){
  .tab-content{padding:0;}
  .biling-details{margin:0}
  #ppv table{width: 100%;}
  #ppv table tr{display: flex; flex-direction: column;}
  #ppv table tr td{text-align: center;}
  #ppv table tr td select{max-width: 66%;}

  #billing_form ul{flex-direction: column;}
}

/**
 * -------------------------------------------------------
 * Article alerts
 * -------------------------------------------------------
 */
#article-alert .inputs{padding:2px 5px; border-radius:1px; background-color: #eee; margin: 5px 0 20px 0;}
#article-alert .inputs label+input{margin-left: 30px;}

/*ppv shopping cart*/
.shopping-cart #card{float: left; margin-top:3px;}
#protected .shopping-cart .buy-nfo{border: 2px solid #ccc; margin-bottom: 15px; padding: 5px 15px; display: flex;}
#protected .shopping-cart .buy-nfo input{float: left;}
#protected .shopping-cart .buy-nfo article{border: none; padding: 0; margin: 0; float: left; margin-left: 15px; width: 670px;}
.shopping-cart div.price{color:#a20015; font-weight: bold;}
.shopping-cart h2{border: 0 none; color: #333; font: bold 11px/18px verdana; margin: 0; padding: 0;}

/*ppv invoices*/
.invoices header{background-color: #f1f1f1;}
.invoices header .content{padding: 10px;}
.invoices header .content p{margin: 0;}
.invoices section.science{padding: 5px 15px; background-color:#fff; border:2px solid #ccc;}
.invoices section.science article{margin: 0; padding-left: 0;}

.invoices section.science article+article{margin-top: 15px;}
.invoices section.science .btn-small{margin: 5px 0 10px 0; color:#fff;}
.invoices section.science .btn-small+article{margin-top: 10px;}
.invoices header > h2{font-weight: bold; background-color: #6281ba; padding: 2px 5px; color:#fff; font-size: 12px; margin: 0;}
#toggleinv{display:none;}

.auth-box{margin: 2rem auto;}
.auth-box.auth-box-big{max-width: 1000px;}

/* Create an account */
#account_form{padding: 1rem;  margin:0 auto;}
#account_form >h2{background-color: var(--color-main); color:#fff; padding: 1rem; margin: 0; border-radius: 5px 5px 0 0; font-size: 0.9rem; text-align: center;}
#account_form form .auth-create-login label > div{min-width: 100px;}
#account_form .label-password{margin-bottom: 2rem;}
#account_form .label-domains{flex-direction: column;}
#account_form .label-domains p{margin-top: 0;}
#account_form .flexme >fieldset, #account_form .flexme >div{flex:1;}
#account_form h3{color: #444;}

#protected section.auth-box.services-login h3{text-align: center;}
#protected .auth-box h3{color: #444;}
.auth-box input:not([type=submit]),.auth-box input[type=password]{padding: 0.35rem;}
input:not([type=submit]):focus{border:solid 1px var(--color-main);}

#openurl-help{text-align: left;}

/* Invoices */
.invoice_head {cursor: pointer;border-bottom: 1px solid #ccc;overflow: hidden;width: 100%;}
.plusminus{float:left;font-size: 24px;color: #666;padding-top: 16px;width: 40px;}
.invoice_head_content {float: left; padding-left: 20px;}
ul.invoice-articles {margin: 0 0 1rem 0; background-color: #eee; padding-bottom: 20px;}
ul.invoice-articles li.invoice-article {padding: 5px}
ul.invoice-articles li.invoice-article .invoice-article-title{padding-right: 1rem;}
ul.invoice-articles li.invoice-article .invoice-article-title h2{font-size: 1.1rem;}
ul.invoice-articles li.invoice-article .invoice-article-info {padding-right: 1rem;}