/* @override http://inshoporder.czechia.com/styles/screen.css */

* { margin: 0; padding: 0; }
html { border: none; }

body {
	color: #545D66;
	font-family: sans-serif;
	font-size: 75.3%;
	padding-bottom: 16px; 
}

/* ---[ template ]---------------------------- */

#container {
  position: relative;
  width: 590px;
}

#left-column {
  position: relative;
  float: left; width: 590px;
}

/* ---[ general ]----------------------------- */

h2, h3, h4, h5, h6 { font-size: 100%; font-weight: bold; color: #2f74cb; margin-bottom: 0.5em; }

h1, h2 { color: #ce403c; }

h1 {
  font-family: Trebuchet MS, sans-serif; font-size: 240%; font-weight: normal;
  color: #ce403c;
  padding-bottom: 8px;
  border-bottom: 1px solid #808080;
  margin-bottom: 0.5em;
}

h1 span { color: #02498b; }

h2 { font-size: 150%; font-weight: normal; }
h2.red { color: #ac0000; }
h2.margin-top { margin-top: 2em; }

a:link, a:visited { cursor: pointer; text-decoration: underline; color: #e57537; }
a:hover { cursor: pointer; text-decoration: none; }
a.arrow { padding-left: 15px; background: transparent url(images/icon-arrow-blue-white.gif) no-repeat 0 2px; }
a.elink { padding-right: 10px; background: transparent url(images/icon-elink.gif) no-repeat 100% 0; }

p { margin-bottom: 1.3em; 
display: block;
	width: 574px;
}
p strong span { color: #b10000; }
p.pozn { color: #999; }

acronym { font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; cursor: help; border-bottom: 1px dotted #333; } @media all and (min-width: 0px) { acronym { font-family: Arial, Tahoma, Verdana, Geneva, Helvetica, sans-serif; font-size: 100%; } }

q {
  font-style: italic;   
}

.ml150 { margin-left: 150px; }

label { cursor: pointer; _cursor: hand; }
ul li { list-style: none; }
ul.tick { margin: 0 0 2em 2em; }
ul.tick li {
  padding-left: 16px;
  background: transparent url(images/icon-tick-blue-white.gif) no-repeat 0 4px;
}

.tip { font-weight: bold; color: #c61310; padding: 1px 4px; background-color: white; border: 1px solid #f4f4f4; margin-right: 5px; }
.ie { display: block; }
.vtop th { vertical-align: top; }
.margin-none { margin: 0!important; }
.relative { position: relative; }

/* ---[ general ]----------------------------- */

a:hover { text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: none; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.float-left { float: left;}
.float-right { float: right;
	margin-right: 74px;
}

.margin-none { margin: 0; }

.no-display { display: none; }
.clear { clear: both; #font-size: 0; #height: 0; #line-height: 0; }
.clear-ie { clear: both; #font-size: 12px; #height: 17px; #line-height: 17px; }

#list h2 { font-size: 150%; font-weight: normal; }

#list div {
  position: relative;
  min-height: 115px; _height: 115px;
  padding: 21px 0 21px 180px;
  border-bottom: 1px solid #ccdff0;  
}

#list p { margin-bottom: 0; }

#list span {
  position: absolute; display: block;
  width: 149px; height: 115px;
  top: 24px; left: 5px;
  background: transparent url(images/list-item-bg.gif) no-repeat 0 0;  
}

#list span a {
  position: absolute; display: block;
  width: 140px; height: 105px;
  top: 1px; left: 2px;
}

#list.references p { margin-bottom: 1.3em; }
#list.references div { padding-top: 26px; min-height: 110px; }

/* ---[ table ]------------------------------ */

.table {
  position: relative;
  width: 584px; padding: 0 2px;
  background: transparent url(images/table-bg.gif) repeat-y 0 0;
  margin-bottom: 1.3em;
}

.ttop {
  position: absolute; z-index: 1;
  width: 588px; height: 4px; height: 36px;
  top: 0; left: 0;
  background: transparent url(images/table-top-bg.gif) no-repeat 0 0;
}

.tbot {
  position: absolute; z-index: 1;
  width: 588px; height: 4px;
  bottom: 0; _bottom: -13px; left: 0;
  background: transparent url(images/table-bottom-bg.gif) no-repeat 0 0;
}

.t1 { width: 584px; border-collapse: collapse; }
.t1 th, .t1 td { padding: 6px 10px; }
.t1 thead th { color: #ce403c; padding-top: 12px; }
.t1 thead td { padding-top: 12px; }
.t1 th { text-align: left; }

.t1 thead tr { background: transparent url(images/table-thead-bg.gif) repeat-x 0 100%; }

.e1 th { background: #f4f4f4 url(images/table-th-bg.gif) repeat-y 100% 0; }
.e1 td { background: #f4f4f4 url(images/table-th-bg.gif) repeat-y 0 0; }
.sl th, .sl td { background: transparent url(images/table-sline-bg.gif) repeat-x 0 0; }

.t1.order tbody th, .t1.order tbody td { background: white url(images/table-th-bg.gif) repeat-x 0 100%; }
.t1.order tbody tr:hover th, .t1.order tbody tr:hover th a, .t1.order tbody tr:hover td, .t1.order tbody tr:hover td a { color: #175f04; background: #eaf5dd url(images/table-th-bg.gif) repeat-x 0 100%; }

.cgrey { color: grey; }

.radio2 th { line-height: 2em; }

#advanced td { color: #666; }

#advanced-link {
  padding-left: 21px;
  background: transparent url(images/icon-advlink.gif) no-repeat 0 2px;
}

#advanced-link:hover { background-position: 0 -185px; }

.w10p{ width: 10%; }
.w20p{ width: 20%; }
.w25p{ width: 25%; }
.w30p{ width: 30%; }
.w40p{ width: 40%; }
.w50p{ width: 50%; }
.w60p{ width: 60%; }
.w70p{ width: 70%; }
.w80p{ width: 80%; }
.w90p{ width: 90%; }
.w100p{ width: 100%; }

/* ---[ form ]-------------------------------- */

#form .heading {
  width: auto; height: 27px;
  background-color: #d2e2f0;
}

#form .heading h2 {
  float: left;
  font-size: 100%; font-weight: bold;
  color: #063461;
  padding: 5px 11px;
  margin: 0;
}

#form .content {
  padding: 5px;
  background-color: white;
  border: 1px solid #d2e2f1;
  margin-bottom: 2em;
}

#form input.text {
  height: 19px;
  padding-top: 2px;
  border: 1px solid #adc3d8;
  margin-right: 2px;
}

#form input.button { margin-left: 5px; vertical-align: middle; }
#form table { margin-bottom: 0; }

#form .content table tr.state-true td { color: #25751c; border-color: #d3e9cc; }
#form .content table tr.state-true td a { color: #25751c; }

#form select { height: 23px; }

/* ---[ status ]------------------------------ */

div#error {
	color: #b10101;
	padding: 10px 20px 10px 40px;
	background: #ffe3e3 url(images/state-error-bg.gif) no-repeat 10px 0;
	margin-bottom: 1.2em;
	border: 1px solid #f8d0d0;
}

div#success {
	color: #38892f;
	padding: 10px 20px 10px 40px;
	background: #e5f4de url(images/state-success-bg.gif) no-repeat 10px 0;
	margin-bottom: 1.2em;
	border: 1px solid #d3e9cc;
}

/* ---[ wizard ]----------------------------- */

#wizard {
  margin: 2em 0;
}

#wizard li {
  position: relative; overflow: hidden;
  display: block; float: left;
  height: auto; line-height: 1.2em;
  list-style: none; text-align: center; padding: 0;
}

#wizard .ws1 {
  display: block; text-align: center;
  height: 38px; line-height: 38px;
  margin-bottom: 5px;
}

#wizard .ws2 {
  display: block; position: absolute; overflow: hidden;
  width: 100%; height: 100%; _height: 38px;
  left: 0; top: 0;
}

#wizard .step1-0, #wizard .step1-1 { width: 100px; padding-right: 71px; }
#wizard .step3-0, #wizard .step3-1 { width: 100px; padding-left: 71px; }
#wizard .step2-0, #wizard .step2-1 { width: 246px; }

#wizard .step1-1 .ws2 { background: transparent url(images/wizard-step1-1.gif) no-repeat 0 0; }
#wizard .step2-1 .ws2 { background: transparent url(images/wizard-step2-1.gif) no-repeat 0 0; }
#wizard .step3-1 .ws2 { background: transparent url(images/wizard-step3-1.gif) no-repeat 0 0; }

#wizard .step1-0 .ws2 { background: transparent url(images/wizard-step1-0.gif) no-repeat 0 0; }
#wizard .step2-0 .ws2 { background: transparent url(images/wizard-step2-0.gif) no-repeat 0 0; }
#wizard .step3-0 .ws2 { background: transparent url(images/wizard-step3-0.gif) no-repeat 0 0; }

#wizard .step1-0, #wizard .step2-0, #wizard .step3-0, #wizard .step4-0, #wizard .step5-0, #wizard .step6-0, #wizard .step7-0 { font-weight: bold; color: #999; }
#wizard .step1-0, #wizard .step1-1, #wizard .step2-1, #wizard .step3-1, #wizard .step4-1, #wizard .step5-1, #wizard .step6-1, #wizard .step7-1 { font-weight: bold; color: #3275b3; }

#wizard .clear { float: none; clear: both; height: 0; #font-size: 0; }
