@charset "UTF-8";

/* Very basic/common settings */
* {
	margin: 0;
	padding: 0;
}
html, body {
	width: 100%;
	height: 100%;
}
* html #view {
	height: 100%;
}
fieldset {
	border: none;
}
legend {
	display: none;
}
/* end */


/* Helper classes */
.hidden {
	display: none;
}
.invisible {
	visibility: hidden;
}
.center {
	text-align: center;
}
.indent {
	margin-left: 1em;
}
.invalid {
	background-color: #f86;
}

/* XXX */
.column {
	float: left;
}
.multiLabeledColumn {
	clear: left;
	padding-left: 10em;
}
.multiLabeledColumn .columnLabel {
	float: left;
	margin-left: -10em;
	width: 9.8em;
}
/* end */


/* Basic styling */
#view {
	min-height: 100%;
	min-width: 50em;
}
body {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color: #e7e6c5;
	font-size: 0.9em;
}
ul,
ol {
	margin: 0.5em;
	margin-left: 2em;
}
input,
select,
textarea {
	font-size: inherit;
}
input {
	padding: 0.1em;
}
input.button {
	padding: 0.075em 0.7em 0.05em 0.8em;
}
input:focus {
	text-decoration: none;
}
input.decrease,
input.increase {
	width: 1.75em;
}
a,
.clickable {
	color: #a51c1f;
	text-decoration: none;
	cursor: pointer;
}
a:hover,
.link:hover {
	border-bottom: 1px dotted;
}
p.heading {
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0.75em;
}
.container {
	border: 0.0625em dotted #999;
	background-color: #fafafa;
	padding: 0.45em 0.5em;
}
select.departmentSelector {
	width: 18em;
}
select.modelSelector {
	width: 9em;
}
select.sizeSelector {
	width: 4.5em;
}
th {
	text-align: left;
}
.discreteHorizontalDivider {
	border-top: 0.0625em dashed #ddd;
	padding: 0.4em 0 0.7em 0;
}
/* end */


/* Detailed styling */
#banner {
	width: 52em;
	height: 3em;
	margin: 0.85em 0;
	background-color: #000;
}
#banner .logo {
	width: 4.5em;
	height: 2.375em;
	float: left;
	margin-top: 0.315em;
	margin-left: 1em;
}
#banner .greeting {
	color: #fff;
	font-size: 1.3em;
	padding-top: 0.6em;
	padding-left: 11em;
}
#client {
	margin-left: 1em;
	overflow: auto;
}
#client .logo {
	width: 12.5em;
	height: 9em;
	float: left;
	overflow: hidden
}
#client .logo img {
	width: 12.5em;
}
#client .messageContainer {
	width: 20em;
	height: 9em;
	float: left;
	margin-left: 0.5em;
	margin-right: 0.5em;
	overflow: auto;
}
#client .message {
	font-size: 0.85em;
	_font-size: 0.75em; /* IE displays a bigger font than others. */
}
#client .contactsContainer {
	width: 13.5em;
	height: 9em;
	float: left;
}
#client .contactsContainer p {
	font-size: 0.775em;
	_font-size: 0.7em; /* IE displays a bigger font than others. */
}
#content {
/*	width: 34.15em;*/
	width: 49.2em;
	margin: 0.5em 0 0 1em;
}
#companyInformation {
/*	width: 34.15em;*/
	width: 49.2em;
	margin: 0.5em 0 0.5em 1em;
}
#companyInformation p {
	font-size: 0.8em;
	_font-size: 0.75em;
}

#formEmployees .employeeEntry .baseInfo {
	margin-bottom: 0.4em;
}


#products #productPreviews {
/*	background-color: #000;
	_background-color: inherit;
	outline: 0.05em solid #aaa;
	_outline: none;*/
	padding: 0.2em 0;
	_padding: 0;
	overflow: auto;
}
#products .productPreview {
	width: 8.125em;
	float: left;
	text-align: center;
	margin: 0 0.1em 0 0.25em;
}
#products .productPreview .productImageContainer {
	height: 10em;
}
#products .productPreview .productImage {
	width: 8.125em;
	height: 10em;
}
#products .productPreview .productName {
	color: #e9e9e9;
	background-color: #e00;
	padding: 0.1em 0.1em 0.2em 0.1em;
	height: 1.05em;
	overflow: hidden;
	font-size: 0.85em;
}

#employees .employeeName {
	padding-top: 0.35em;
}
#employees p.multiLabeledColumn {
	padding-left: 17em;
}
#employees p.multiLabeledColumn .columnLabel {
	margin-left: -17em;
	width: 16.8em;
}

#order .product {
	height: 10.75em;
}
#order .productImageContainer {
	float: left;
	width: 8.125em;
}
#order .productImage {
	width: 8.125em;
	height: 10em;
	margin-right: 0.4em;
}
#order .productName {
	padding: 0.3em 0 0 0.6em;
}
#order .employeeName {
}
#order .productDescription {
	margin-bottom: 0.3em;
}
#formOrder .columnHeadingName {
	float: left;
	width: 11em;
}
#formOrder .columnHeadingModel {
	float: left;
	width: 9.25em;
}
#formOrder .columnHeadingSize {
	float: left;
	width: 5.8em;
}
#formOrder .columnHeadingCount {
	float: left;
}
#order .orderLineEmployee {
	padding-top: 0.35em;
}
#order .orderLineProduct {
	padding-top: 0.35em;
}
#order .orderLineSize {
	margin-right: 1em;
}
#order #orderDetails p.multiLabeledColumn {
	padding-left: 12em;
}
#order #orderDetails p.multiLabeledColumn .columnLabel {
	margin-left: -12em;
	width: 11.8em;
}
#order .orderLineSizeMissingIndicator {
	border-left: 0.2em solid #fcb;
	background-color: #f86;
	border-right: 0.325em solid #f20;
	margin-left: 0.4em;
}
#order .orderLineCount {
	width: 2em;
	text-align: center;
}
#order #orderMessage {
	width: 22em;
	height: 5em;
}



/* NG styling */
table {
}
tr {
}
th {
	text-align: left;
	padding-top: 0.5em;
}
td {
}

#orderHistory .orderLinesContainer {
	background-color: #fafee5;
	border: 0.0625em dotted #ddd;
	padding: 0 0.5em 0.5em 1em;
}
#orderHistory #progressIndicator {
	float: right;
}
#orderHistory .articleNumberContainer {
/*	padding-left: 1em;*/
}