﻿/* RESET */
html, body
{
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 12px;
    line-height: 17px;
    color: #5C5E5D;
}

/* FONTS */
@font-face
{
    font-family: 'daxmedium';
    src: url('dax_medium-webfont.eot');
    src: url('dax_medium-webfont.eot?#iefix') format('embedded-opentype'), url('dax_medium-webfont.woff') format('woff'), url('dax_medium-webfont.ttf') format('truetype'), url('dax_medium-webfont.svg#daxmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face
{
    font-family: 'PTSansRegular';
    src: url('PTS55F-webfont.eot?#iefix');
    src: url('PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('PTS55F-webfont.woff') format('woff'), url('PTS55F-webfont.ttf') format('truetype'), url('PTS55F-webfont.svg#PTSansRegular') format('svg');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: 'knockout_htf70-fullwelterwtRg';
    src: url('knockout-htf70-fullwelter-webfont.eot');
    src: url('knockout-htf70-fullwelter-webfont.eot?#iefix') format('embedded-opentype'),
         url('knockout-htf70-fullwelter-webfont.woff') format('woff'),
         url('knockout-htf70-fullwelter-webfont.ttf') format('truetype'),
         url('knockout-htf70-fullwelter-webfont.svg#knockout_htf70-fullwelterwtRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FRAMING */
form
{
    font-family: Trebuchet MS, Arial;
    width: 520px;
}

/* MAIN */
a, a:visited
{
    border: solid 1px #ccc;
    color: #5C5E5D;
    text-decoration: none;
}
a:hover
{
    color: #000;
}

h1, h2
{
    color: #5C5E5D;
    font-family: 'knockout_htf70-fullwelterwtRg';
    font-size: 22px;
    font-weight: normal;
    margin: 0;
}
h1
{
    padding: 10px 0 20px 0;
    color: #000;
}
h2
{
    padding: 10px 0 20px 15px;
    position: absolute;
    top: 0;
    left: 0;
    color: #000;
}

.fieldH
{
    color: #5C5E5D;
}

.invoiceGroup .fieldH
{
    font-weight: bold;
    padding-right: 10px;
}


.txtbox
{
    background: #fff;
    border: 1px solid #BEBEBF;
    height: 19px;
    line-height: 19px;
    font-family: Trebuchet MS,Arial;
    font-size: 12px;
}

#dvMessage 
{
    margin-left: 15px;
    padding: 10px;
    background-color: #EEF2F3;
	width:852px;
}

/* PUB */
.templacePubs
{
    display: none;
}

.templatePrices
{
    padding-left: 15px;
}

.templateLogin, .templateInvoice, .templateSummary, .templateFinish
{
    margin: 62px 0 15px 15px;
    width: 725px; /* 755 - 2x15 */
    height: 100%;
    background-color: #EEF2F3;
    border-bottom: 14px solid #cad3d8;
    padding: 15px;
}

/* PRICES CONTAINER */
.publicationContainer
{
    display: none;
}

.pricesContainer
{
    /*float: left;*/
    margin: 15px 0;
    width: 739px; /* 755 - 15 */
    height: 498px;
    background-color: #fbfbfb;
    border-bottom: 10px solid #f2f2f3;
    font-family: 'daxmedium';
}
.pricesModeSeparator
{
    display:none;
}
.pricesContainer .price
{
    /*width: 100%;*/
    width: 246px;
    float: left;
}
.pricesContainer .price .mode
{
    /*float: left;*/
    background-color: #f3a132;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    /*font-weight: bold;*/
    color: #fff;
    text-align: center;
}
.pricesContainer .price.digitalPaper .mode
{
    background-color: #f6b132;
}
.pricesContainer .price.digitalPaper .priceInfo 
{
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
}
.pricesContainer .price .subscription
{
    display: inline;
}
.pricesContainer .price .type
{
    display: inline;
}
.pricesContainer .price .priceInfo
{
    position: relative;
}
.pricesContainer .price .subscriptionName
{
    display: none;
}
.pricesContainer .price .logo
{
    display: block;
    width: 100%;
    height: 245px;
    text-align: center;
    background-color: #f2f2f3;
}
.pricesContainer .price .logo img
{
    padding-top: 50px;
}
.pricesContainer .price .time
{
    font-family: 'daxmedium';
    position: absolute;
    bottom: 116px;
    color: #000;
    width: 100%;
    text-align: center;
    font-size: 16px;
}
.pricesContainer .price .value
{
    height: 158px;
    padding-top: 45px;
    text-align: center;
    vertical-align: middle;
    background-color: #fbfbfb; /*float: left;*/
    color: #000;
}
.pricesContainer .price .value .intValue
{
    font-size: 24px;
}
.pricesContainer .price .value .decimalValue
{
    display: none;
}
.pricesContainer .price .value .decimalValue.notzero
{
    display: inline;
}
.pricesContainer .price .value .currency
{
    font-size: 24px;
    font-weight: bold;
    /*margin-left: -7px;*/
}

/* 20150604 */
.pricesContainer .price .value .old 
{
    
    text-decoration: line-through;
}
.pricesContainer .price .value .old .intValue
{
    font-size: 18px;
}
.pricesContainer .price .value .old .currency
{
    font-size: 16px;
}
.pricesContainer .price .promo 
{
    display: none;
    color:#e00;
    margin-top:40px;
}
.pricesContainer .price .haspromo .promo 
{
    display:block;
}
.pricesContainer .price .value.haspromo .intValue,
.pricesContainer .price .value.haspromo .decimalValue,
.pricesContainer .price .value.haspromo .currency
{
    color:#e00;
}
.pricesContainer .price .value.haspromo .old .intValue,
.pricesContainer .price .value.haspromo .old .decimalValue,
.pricesContainer .price .value.haspromo .old .currency
{
	color:#999;
}
/* /20150604 */

.pricesContainer .price .buy
{
}
.pricesContainer .price .radio
{
    display: none;
}

.pricesContainer .price .individual
{
    font-family: Times New Roman;
    position: absolute;
    bottom: 15px;
    left: 120px;
}

/* LOGIN | REGISTER */
.templateLogin .action
{
    margin-top: 10px;
}

.templateLogin .action .login, .templateLogin .action .register
{
    margin-left: 255px;
    padding: 3px 5px;
}

/* INVOICE */
.invoiceGroup
{
}
.invoiceGroup div
{
    float: left;
}
.invoiceGroup div.row
{
    float: none;
    height: 34px;
}

.invoiceHeader, .paymodeHeader
{
    visibility: hidden;
    margin-top: 10px;
}
.invoiceHeader
{
    display: none;
}
.deliveryGroup
{
}
.deliveryGroup .deliveryForm {
    margin-top: 10px;
}
.deliveryGroup .deliveryForm div.row
{
    height: 34px;
}
.deliveryGroup .deliveryForm .row div
{
    float: left;
}
.deliveryGroup .deliveryForm .row .fieldH {
    font-weight: bold;
    padding-right: 10px;
}

.templateInvoice .paymode
{
    border-top: 1px solid #808A93;
    border-bottom: 1px solid #808A93;
    padding-top: 15px;
    padding-bottom: 15px;
}

.templateInvoice .name .txtbox
{
    width: 635px;
}
.templateInvoice .company .txtbox {
    width: 624px;
}
.templateInvoice .place .txtbox
{
    width: 235px;
}

.templateInvoice .address .txtbox
{
    width: 625px;
}

.templateInvoice .place
{
    padding-left: 15px;
}
.templateInvoice .hMobile
{
    margin-left: 38px;
}
/*.templateInvoice .hDepartment {
	margin-left: 46px;
}*/

/* SUMMARY */
.templateSummary .publications
{
    display: none;
}

.templateSummary .invoice .header, 
.templateSummary .paymode .header, 
.templateSummary .delivery .header
{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}
.templateSummary .paymode .header,
.templateSummary .delivery .header
{
    margin-top: 20px;
    border-top: 1px solid #808A93;
    padding-top: 15px;
}

.templateSummary .invoice .fieldH,
.templateSummary .delivery .fieldH
{
    float: left;
    height: 20px;
    padding-right: 10px;
    font-weight: bold;
}
.templateSummary .invoice .field,
.templateSummary .delivery .field
{
    height: 20px;
}





/* BUTTONs */
.pricesContainer .price .individual, .templateLogin .action .login, .templateLogin .action .register, .button
{
    font-family:'daxmedium'; /* foundryjournal? */
    border: none;
    background: #92c740;
    /*height: 22px;
    line-height: 22px;*/
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    padding: 3px 5px;
}
.pricesContainer .price .individual:hover, .templateLogin .action .login:hover, .templateLogin .action .register:hover, .button:hover
{
    background: #72a720;
    color: #fff;
}

.button
{
    float: right;
}

.back 
{
    font-family: 'knockout_htf70-fullwelterwtRg';
	display: block;
	border:none;
	position: absolute;
	bottom: -60px;
	left: -15px;
	
	width: 50px;
	height: 20px;
	line-height: 20px;
	
	background-color: #A2B1B8;
    text-align: center;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}
#dvMessage 
{
    font-weight: normal;
	margin-top: 50px;
}