<%
request.setResponseHeader("Content-Type","text/css")
%>
* {
		font-family: DejaVu Sans,Sans,Helvetica,Arial;
		font-size: 4mm;
		border: none;
		margin: 0;
		padding: 0;
}

<%include ("common_css",self)%>

body {
}

.title {
	display: block;
	font-size: 4mm;
	font-style: italic;
}

.title div {
	font-size: 150%;
	font-weight: bold;
}

.sub {
	font-size: 5mm;
}

.big {
	font-size: 200%;
}

.ul {
	text-decoration: underline;
}
.b {
	font-weight: bold;
}
.i {
	font-style: italic;
}

.pre {
	white-space: pre;
}

.small {
	font-size: 3mm;
}

.borderless {
	border: none;
}

#price {
	position: absolute;
	right: 0.5cm;
	top: 0.8cm;
	font-size: 5mm;
	-webkit-transform: rotate(-90deg);
    -webkit-transform-origin: right top;
}

#tagid {
	position: absolute;
	right: 0.1cm;
	top: 0.1cm;
}

#description {
	margin-top: 0.4cm;
	width: 7cm;
	white-space: pre-wrap;
}

#description > p {
	margin-bottom: 0.2cm;
}

@page {
	margin: 0cm;
}

#scancode {
	position: absolute;
	right: 4mm;
	top: 4mm;
}

#scancode > svg {
	width: 25mm;
	height: 25mm;
}

#page > div {
	position: absolute;
	top: 2mm;
	left: 2mm;
	bottom: 2mm;
	right: 2mm;
	display: block;
}


@media print {	
	.RLE {
		width: 86mm;
		height: 32mm;
	}

	body, .SRL {
		width: 95mm;
		height: 47mm;
	}
	
	body {
		margin: 0px;
		padding: 0px;
	}
	
	#page {
		position: absolute;
		left: 0cm;
		top: 0cm;
		right: 0cm;
		bottom: 0cm;
		border: 0px;
	}
	.noprint {
		visibility: hidden;
	}
}

@media screen {
	body {
		background-color: #404040;
	}
	
	#page {
		position: relative;
		top: 30px;
		left: 30px;
		
		background-color: white;
		width: 210mm;
		height: 297mm;
		border: 2px solid black;
	}
	
	.RLE #page {
		width: 86mm;
		height: 32mm;
	}
	
}

	
div {
	display: inline-block;
}