@charset "utf-8";

@import "default_old.css";
@import "elements_old.css";

html {
background: white;
}

body {
width: 700px;
height: 600px;
padding: 0;
background: white none;
}

h1 {
clear: both;
margin-top: 0;
zoom: 1;
}

h1 {
	color:#fff;
	padding:5px 10px;
	border:none;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	font-size:150%;
	background:url(../images/bg_h1_670.jpg) no-repeat #bf0033;
}

h2 {
background:none;
border: 0;
padding: 0;
}

form,
form p {
margin: 0;
padding: 0;
}

div#footer::after,
div#model-select::after {
clear: both;
display: block;
height: 0;
content: ".";
visibility: hidden;
}

div#footer {
background: #494347;
}

div#footer p {
margin: 0;
}

div#footer p.close {
width: 71px;
float: right;
}

div#footer p.manual {
width: 85px;
float: right;
}

div#footer p.copyright {
line-height: 21px;
word-spacing: 0.2em;
letter-spacing: 1px;
text-indent: 1.5em;
color: #d2d0d1;
}

div#wrapper {
clear: both;
margin: 18px 15px 0;
}

table#pipetable {
margin: 1em 0 0;
}

table#pipetable td {
padding: 0;
vertical-align: top;
background: white;
font-size: 100%;
}

table#pipetable td.select {
width: 320px;
vertical-align: middle;
background: #e8e8e8;
}

table#pipetable td.select div {
margin: 0 12px;
padding: 30px;
border: solid 1px #a4a4a4;
background: white;
}

table#pipetable td.inputform {
width: 300px;
vertical-align: top;
padding: 10px;
}

table#pipetable td.inputform table#mode {
width: 100%;
margin-bottom: 1.5em;
}

table#pipetable td.inputform table#mode th {
/*width: 33%;*/
padding: 2px 0.5em;
color: black;
font-size: 100%;
font-weight: normal;
background: #e8e8e8;
}

table#pipetable td.inputform table#mode td {
color: #c00;
padding: 0.5em;
}

table#pipetable td.inputform dl.screentype-input,
table#pipetable td.inputform dl.screentype-input *,
table#pipetable td.inputform div#output dl,
table#pipetable td.inputform div#output dl * {
margin: 0;
padding: 0;
background: white;
color: black;
}

table#pipetable td.inputform dl.screentype-input,
table#pipetable td.inputform div#output {
margin-left: 1em;
}

table#pipetable td.inputform dl.screentype-input dd,
table#pipetable td.inputform div#output dl dd {
margin-bottom: 0.5em;
}

table#pipetable td.inputform dl.screentype-input dd input.readonly {
background: #e8e8e8;
}

table#pipetable td.inputform div#output {
background: #fff7c6;
margin-bottom: 1em;
padding: 3px 1em;
}

table#pipetable td.inputform div#output dl,
table#pipetable td.inputform div#output dl dt,
table#pipetable td.inputform div#output dl dd {
background: transparent;
}

table#pipetable td.inputform div#output dl dt {
color: #c03;
font-weight: bold;
}

table#pipetable td.inputform div#output dl dd input {
background: #dfecee;
}

table#pipetable td.inputform div#output dl dd input#match-model {
width: 100%;
}

div.error {
padding: 1em;
background: #f03;
zoom: 1;
}

div.error * {
color: white;
}

div#model-select {
height: 1%;
border: solid 1px #999;
padding: 1em;
background: #e8e8e8;
}

*+html div#model-select {
height: 160px;
}

div#model-select p {
margin: 0.5em 0;
}

div#model-select div.select-box {
width: 300px;
padding: 5px 5px 30px;
border: solid 1px #a4a4a4;
background: white;
}

div#model-select div#maker {
float: left;
}

div#model-select div#parts {
float: right;
}

div#model-select div.select-box p {
margin: 20px;
}

ul.submitfield {
margin: 1em 0;
padding: 6px;
background: #e9e9e9;
text-align: right;
}

ul.submitfield li {
display: inline;
list-style: none;
margin: 0 2px;
padding: 0;
text-align: right;
}

ul.submitfield li img {
vertical-align: middle;
}

ul.submitfield li input {
margin: 0;
padding: 0;
border: none;
}

strong.note {
font-size: 85%;
font-weight: bold;
color: #c00 !important;
}

span.note {
color: #c00;
}