BODY {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	padding: 0;
	margin: 8px;
}

A {
	font-size : 8pt;
	font-weight : normal;
	color : Blue;
	text-decoration: none;
}

A:hover {
	text-decoration: underline;
}

H1 {
	font-size: 11pt;
	color: #0060D0;
	font-weight: bold;
	margin: 2pt 0pt 2pt 0pt;
}

H2 {
	font-size: 10pt;
	color: #0060D0;
	font-weight: bold;
    margin: 16pt 0pt 2pt 0pt;
}

H3 {
	font-size: 8pt;
	color: #0060D0;
	font-weight: bold;
  margin: 16pt 0pt 2pt 0pt;
}

LABEL {
	color: black;
	font-weight: bold;
	margin: 0;
	padding: 0px 6px 0px 0px;
	vertical-align: middle;
}

SELECT {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	background-color: #EFEFEF;
	margin: 0;
	vertical-align: middle;
}

INPUT {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	background-color: #EFEFEF;
	margin: 0;
	vertical-align: middle;
}

TEXTAREA {
	background-color: #EFEFEF;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	margin: 0;
	vertical-align: middle;
	border: 1px solid black;
}

FORM {
	margin: 0;
	padding: 0;
}

IMG {
	margin: 0;
	padding: 0;
	border: none;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* common desing */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.black {
	color: black;
	vertical-align: top;
	margin-top: 5pt;
}

.green {
  color: #308040;
}

.norm {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight: normal;
}

.warn {
  color: red;
  font-weight: bold;
  margin: 4pt 0pt 20pt 8pt;
}

.price {
  color: #308040;
  font-weight: bold;
}

.redmark {
	color: red;
	font-weight: bold;
	padding-left: 2pt;
}

.image {
	padding: 0;
	margin: 0;
	border: none;
 vertical-align: middle;
}

.imager {
	padding: 0;
	margin: 0px 2px 0px 0px;
	border: none;
	vertical-align: top;
}

.imagel {
	padding: 0;
	margin: 0px 0px 0px 2px;
	border: none;
	vertical-align: top;
}

.imgbtn {
	margin: 0;
}

.imgbtn2 {
	margin: 0px 0px 0px 4px;
	vertical-align: middle;
	border: none;
}

.imgbtn3 {
	margin: 0;
	background-image : url(images/fill1.gif);
}

.imgbtnbor {
  background-color: #FFFFFF;
  margin: 10px 0px 10px 0px;
  padding: 4px;
  border: 1px dashed black;
  vertical-align: middle;
}

.imagedot {
	padding: 0;
	margin: 0px 4px 0px 0px;
	border: none;
	vertical-align: middle;
}

.imageleft {
	padding: 0;
	margin: 0px 2px 0px 0px;
	border: none;
	vertical-align: middle;
}

.imgnov {
  margin: 0px 0px 0px 4px;
}

.h2 {
	margin: 2pt 0pt 2pt 0pt;
}

.h1link {
  font-size: 11pt;
  color: #0060D0;
  font-weight: bold;
}

.input_sep_line {
  margin-bottom: 4pt;
}

.input_seps_line {
  margin-bottom: 2pt;
}

.input_radio {
  background-color: white;
  width: 10pt;
  height: 10pt;
  margin: 0px 6px 0px 0px;
  padding: 0;
  vertical-align: bottom;
}

.input_checkbox {
  background-color: white;
  width: 10pt;
  height: 10pt;
  margin: 0px 6px 0px 6px;
  padding: 0;
  vertical-align: bottom;
}

.input_text_pcs {
	background-color: white;
	width: 15pt;
	text-align: center;
	border: 1px solid black;
}

.input_text_id {
	background-color: white;
	width: 70pt;
	text-align: center;
	border: 1px solid black;
}

.input_subm_pcs {
	background-color: white;
	margin: 0px 0px 0px 4px;
	border: none;
}

.tinfo {
  padding: 0pt 0pt 6pt 16pt;
}

.label_norm {
	color: black;
	font-weight: bold;
	margin: 0;
	padding: 0px 6px 0px 0px;
	vertical-align: middle;
}

.label_pcs {
	margin: 0;
	padding: 0px 4px 0px 0px;
}

.availyes {
	color: Green;
	font-weight: bold;
}

.availno {
	color: red;
}

.error {
	font-size : 10pt;
	color : red;
	border : 1px dashed Red;
	padding: 4pt;
	margin: 10pt 0pt 10pt 0pt;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*  cohering products */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.lev1 {
	margin: 0pt 0pt 0pt 0pt;
}

.lev2 {
	margin: 0pt 0pt 0pt 10pt;
}

.link1 {
	color: #00275F;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* inserted text */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.text_nadpis1 {
	font-size: 11pt;
	color: #0060D0;
	font-weight: bold;
	margin: 0;
}

.text_nadpis2 {
	font-size: 10pt;
	color: #0060D0;
	font-weight: bold;
    margin: 0;
}

.text_nadpis3 {
	font-size: 8pt;
	color: #0060D0;
	font-weight: bold;
	margin: 0;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* data table */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.datatable {
	border-collapse : collapse;
	width: 600px;
	margin: 0px 0px 8px 0px;
}

.datatable TD {
	vertical-align: top;
	text-align: left;
	padding: 4px 4px 4px 0px;
}

.datatable .head TD {
  border-top: 1px dashed black;
  border-bottom: 1px dashed black;
  padding: 4px 4px 4px 0px;
  font-weight: bold;
}

.datatable .tail TD {
  border-top: 1px dashed black;
  font-weight: bold;
}

.datatable .headlink {
  color: #000000;
  font-weight: bold;	
}

.datatable .headlinkact {
  color: #FF0000;
  font-weight: bold;	
}

.datatable .imgarrow {
  vertical-align: top;
}

.datatable .imgbtn {
	margin: 3px 4px 0px 2px;
	background-color: white;
	vertical-align: middle;
}

.datatable .actions {
	white-space: nowrap;
}

.datatable .input {
  padding-top: 2px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* boxes */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.lbox1 {
	width: 150px;
	padding: 4px;
	border: 1px solid #B0C0D0;
	margin: 0px auto; /* center block itself (not content) */
	margin-bottom: 6px;
}

.boxhead1 {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight: bold;
	color: #FFFFFF;
	background : #6688AA;
	border-bottom: 2px solid #FFFFFF;
	padding: 3px;
	text-align: center;
}

.boxinner1 {
	background : #D0E0F0;
	padding: 3px;
}

.boxinner2 {
	background : #FFFFFF;
	padding: 3px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.rbox1 {
	width: 150px;
	padding: 4px;
	border: 1px solid #B0C0D0;
	margin-bottom: 6px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.box_top {
  border-top: 1px dashed black;
  padding: 4pt 0pt 4pt 0pt;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
.box_upper {
	padding: 4px;
	border: 1px solid #B0C0D0;
	margin-bottom: 6px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/* common layout */
/* ---------------------------------------------------------------------------------------------------------------------------------------- */

.layoutmain {
	width: 960px;
}

.layoutleft {
	width: 160px;
	float: left;
}

.layoutright {
	width: 790px;
	float: right;
}

.sublayoutleft {
	width: 620px;
	float: left;
}

.sublayoutright {
	width: 160px;
	float: right;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.clearit {
   clear: both;
   font-size : 0pt;
   height: 1px;
   border: none;
   margin: 0 0 0 0;
   visibility: hidden;
}