#contentTableType {
	margin: 10px;
	width: 80%;
}

/* All of the FORM objects (INPUT, SELECT and TEXTAREA) */

input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #23487A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input[type="text"].invalid, input[type="password"].invalid, select.invalid, textarea.invalid {
	border: 1px solid red;
	background: url('../../images/throbber.gif') no-repeat 100% -38px;
}

select {
	font-size: 10px;
}

input[type="button"], input[type="submit"], input[type="reset"], button
{
	background-image: url(../../images/steps/button_background.gif);
	height: 25px;
	border-style: none;
	font-size: 11px;
	color: #FFFFFF;
	cursor: pointer;
	opacity: 0.7;
}

input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], button[disabled] {
	color: #C0C0C0;
	font-style: italic;
	opacity: 0.5;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, 
input[type="button"].icon:hover, input[type="submit"].icon:hover, input[type="reset"].icon:hover, button.icon:hover,
a.icon:hover {
    cursor: pointer;
	opacity: 0.5;
}

input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover, button[disabled]:hover {
	color: #C0C0C0;
	font-style: italic;
	cursor: default;
}

button#buttonInTD {
	height: 100%;
}

/*
input[type="submit"], input[type="reset"] {
	_width: 100%;
	color: #FFFFFF;
	background-color: #C0D2EC;
	cursor: pointer;
}
*/

input[type="text"] .numbers {
	width: 40px;
}

/* end of the FORM objects */


/* Styles setting background color. */
tr.status_ok td.status, .status_ok {
	background-color: #BBFFA2;
}
tr.status_warning td.status, .status_warning {
	background-color: #F9FF9A;
}
tr.status_error td.status, .status_error {
	background-color: #FFB286;
}

/* COMMON styles */

.odd {
	background-color: #FFFFFF;
}
.even {
	background-color: #DEDEFF;
}

.odd:hover {
	background-color: #F0F0F0;
}
.even:hover {
	background-color: #CECEF0;
}

.borderless {
	border: none;
}

.disabled {
	opacity: 0.5;
	cursor: text;
}

fieldset {
	margin: 20px;
	padding: 15px;
	border: 1px dotted #A4A36D;
}

legend {
	font-size: 12px;
	font-weight: bold;
	color: #A4A36D;
	cursor: pointer; /* 2012-12-06 Gesha: assuming all fieldset titles are toggleable */
	text-align: left;
	background-color: white; /* 2012-12-10 Gesha: IE-fix */
}

.pagelinks {
	text-align: left;
	font-weight: bold;
}

.pagebanner {
	color: #A4A36D;
	text-align: center;
}

#content {
	background-image: url(../../images/steps/logo_only_big.gif);
	background-position: center center;
	background-repeat: no-repeat;
	padding-top: 10px;
	padding-bottom: 10px;
}

#contentTitle {
	font-size: 24px;
	text-align: center;
	background-color: #E9ECF1;
	color: #A4A36D;
}

#mainContent {
	text-align: center;
}

.tableCommon {
	background-color: #E9ECF1;
	border: 1px dotted #A4A36D;
	padding: 10px;
	width: 80%;
}

#buttonContainer {
	text-align: center;
	margin: 20px;
}

input[type="button"].actionButton {
	background-color: #278EB7;
}

#successMsg, .successMsg {
	text-align: left;
	color: #0080ff;
	padding-top: 12px;
	padding-left: 44px;
	min-height: 32px;
	background-image: url("../../images/steps/message_info.png");
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
#successMsg ul, .successMsg ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#errorMsg, .errorMsg {
	text-align: left;
	color: #ff0000;
	padding-top: 12px;
	padding-left: 44px;
	min-height: 32px;
	background-image: url("../../images/steps/message_error.png");
	background-position: 10px 10px;
	background-repeat: no-repeat;
	}

#errorMsg ul, .errorMsg ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

#warningMsg, .warningMsg {
	text-align: left;
	color: #ff9933;
	padding-top: 12px;
	padding-left: 44px;
	min-height: 32px;
	background-image: url("../../images/steps/message_warning.png");
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
#warningMsg ul, .warningMsg ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}

div.internalError {
	text-align: left;
	padding-top: 12px;
	padding-left: 52px;
	min-height: 40px;
	background-image: url("../../images/steps/message_error.png");
	background-position: 10px 10px;
	background-repeat: no-repeat;
	}
.internalError.e403 {
	background-image: url("../../images/steps/error403_security.png");
	}
.internalError.e404 {
	background-image: url("../../images/steps/error404_notfound.png");
	}
.internalError.e500 {
	background-image: url("../../images/steps/error500_internal.png");
	}
.internalError.e000-interrupted {
	background-image: url("../../images/steps/error000_interrupted.png");
	}

div.internalError p.title {
	font-weight: bold;
	color: #ff0000;
	margin-top: 6px;
	font-size: 14px;
	}

div.internalError p.detail {
	}

#tableData {
	background-color: #E9ECF1;
}

#tableData td {
	background-color: #FFFFFF;
	padding: 2px;
	white-space:nowrap;
}

/* Common LAYOUT table */
table.layout {
	border-collapse: collapse;
	width: 100%; /* 2012-11-30 Gesha */
}
table.layout th, 
table.layout td {
	padding: 0;
}

/* Common filter layout table. */
table.filterLayout > tr > td, 
table.filterLayout > tbody > tr > td {
	border-right: 2px dotted silver;
	padding-right: 10px;
	vertical-align: bottom;
}
table.filterLayout > tr > td:last-child, 
table.filterLayout > tbody > tr > td:last-child {
	border: medium none;
}

/* FORM-type objects */
table.formData {
	width: 100%;
	/* Gesha 2011-12-19 */
}

table.formData th {
	width: 15em; 			/* was commented 2011-12-19 Gesha */
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
	padding-left: 2px;		/* Gesha 2011-12-19 (now in new_theme.css) */
	padding-right: 20px;	/* Gesha 2011-12-19 (now in new_theme.css) */
}

table.formData th.header {
	text-align: center;
	padding-right: 2px;
	padding-left: 2px;
}

.numericError, input.numericError, select.numericError, textarea.numericError {
	border: 1px solid red;
	background-color: #FFF0F0;
}

.required:after {
	content: "*";
}

/* @LMD: The following rules add an invisible * to TH and show it on TH.required to keep layout consistent. */
table.formData th:after {
	content: "*";
 	visibility: hidden;
}

table.formData table.list th:after {
	content: "";
}

table.formData th.required:after {
	visibility: visible;
}

table.formData table.list th.required:after {
	content: "*";
}

table.formData td {
	width: auto;
	text-align: center;	/* Gesha 2011-12-19 (now in new_theme.css) */
	padding-left: 2px;
}

/* common .left, .right etc. classes exist in displaytag.css - for .list tables only, but are made universal (!important) 2013-01-30 */
table.formData td.left {
	text-align: left;
}

table.formData td.right {
	text-align: right;
}

/* Mai sha se maha */
table.formData td input, table.formData td select, table.formData td textarea {
	width: 100%;
}

table.formData td input.error, table.formData td select.error, table.formData td textarea.error {
	border: 1px solid red;
	background-color: #FFF0F0;
}

table.formData td input[readOnly], table.formData td select[readOnly], table.formData td textarea[readOnly] {
	background-color: #E0E0E0;
	color: #404040;
/*	background-opacity: 0.1;*/
}

table.formData td select.unit, table.formData td select.inline, 
.inline {
	width: auto;
}

table.formData td input[type="checkbox"], table.formData td input[type="radio"], table.formData td img {
	width: auto;
	vertical-align: middle;
}

table.formData td.info
{
	text-align: left;
	font-size: x-small;
	color: blue; 
}

table.shipmentAddress {
	border: 1px dotted gray;
	width: auto;
}

table.shipmentAddress th {
	width: auto;
	padding: 0px 10px 0px 20px;
}

table.shipmentAddress th.left {
	text-align: left;
	padding: 0px 10px 0px 10px;
}

table.shipmentAddress th.required {
	color: #800000;
}

table.shipmentAddress td {
	text-align: left;
}

table.shipmentAddress td.addressDetails {
	padding: 0;
}

table.shipmentAddress td.addressDetails table {
	border-spacing: 0;
}

table.shipmentAddress td.addressDetails table td {
	text-align: right;
}

table.formData td.error
{
	text-align: left;
	font-size:  smaller;
	color: #FF0000;
}

td.info {
	text-align: left;
	font-size: x-small;
	color: blue; 
}

td.error
{
	text-align: left;
	font-size: smaller;
	color: #FF0000;
}

td.nonEditable input {
	border: none;
	text-align: left;
	font-weight: bold;
}

/* Table at the end of the editor pages. */
table.operations {
	width: auto;
	float: right;
}

table.operations td {
	width: 150px;
}

table.operations td input{
	width: 100%;
}

/* end of FORM-type objects */

a.button {
	padding: 7px 10px 5px 10px;
	bottom: 4px;
	background-image: url(../../images/steps/button_background.gif);
	background-position: bottom;
	border-style: none;
	font-size: 11px;
	color: #FFFFFF;
	cursor: pointer;
	opacity: 0.7;
	letter-spacing: 0em;
}

a.button:hover {
	padding: 7px 10px 5px 10px;
	bottom: 4px;
	background-image: url(../../images/steps/button_background_hover.gif);
	background-position: bottom;
	color: #FFFFFF;
	cursor: pointer;
	letter-spacing: normal;
}

/* action buttons with images - @ATB */
a.action img {
	border: 0px;
	padding-left: 10px;
}

/* 2012-12-07 created in transport/courier/dispatch/style.jsp by Gesha: toggle additionalOptions and visibility of items */
/* 2013-01-04 moved here by Gesha */
.toggleLink,
a.toggleLink {
	color: #09f;
}
td .toggleLink:after,
th .toggleLink:after {
	content: " [..]";
}
#additionalOptionsToggle,
#additionalOptionsToggle.hidden {
	display: table-cell;
	min-width: 20px;
	height: 20px;
	padding-left: 24px;
	vertical-align: middle;
	color: #09f;

	background-image: url(../../images/icon-circled-arrow-20-right.png);
	background-repeat: no-repeat;
	background-position: left center;
}
#additionalOptionsToggle.visible {
	background-image: url(../../images/icon-circled-arrow-20-bottom.png);
}

/* FIELDSET#actionsBar - classes for floating, inline, optimized (text-only), icon-only (2013-01-25 / 2013-01-10 @ Gesha ) */
#actionsBar {
	position: relative;
	bottom: 0;
	left: 0;
	background-color: white;
}
#actionsBar.floating,
#actionsBar.optimized,
#actionsBar.icononly {
	position: fixed;
}
#actionsBar.inline {
	position: relative;
}
#actionsBar.floating {
	padding: 9px 15px 15px;
}
#actionsBar.optimized {
	padding: 4px 2px 10px; /* assymetric (horizontally) was when 1st element is not an icon right=2 left=10 */
}
#actionsBar.icononly {
	padding: 4px 10px 10px;
}
#actionsBar legend:after,
#actionsBar.inline legend:after {
	content: ' [~]';
}
#actionsBar.floating legend:after {
	content: ' [-]';
}
#actionsBar.optimized legend:after {
	content: ' [o]';
}
#actionsBar.icononly legend:after {
	content: ' [\00d7]'; /* \00d7 = x */
}
#actionsBar.optimized table.iconToolbar,
#actionsBar.icononly table.iconToolbar {
	border-collapse: collapse;
}
#actionsBar.optimized .icon {
	background: none;
	height: auto;
	padding-top: 0px;
}
#actionsBar.icononly table.iconToolbar td {
	padding: 4px;
}
#actionsBar.icononly .icon {
	width: 35px;
	height: 33px;
}
/* [x] [<] [>] [-] [~] [=] [o] [¯] &macr; [×] &times; \00d7 */

legend.minimize:after,
label.minimize:after,
tr.minimize th:after {
	content: ' [_]'; /* or [-]  */
}
legend.restore:after,
label.restore:after,
tr.restore th:after {
	content: ' [=]'; /* or [=]  */
}

/* aditonal classes */
.cursor {cursor: pointer; color: purple; }
.state_0		{background-color: #CCCCFF;}/* QUERY 0        */
.state_5		{background-color: #CCFFCC;}/* SPECIFYING 05  */
.state_10		{background-color: #CCFFFF;}/* REQUEST 10     */
.state_20		{background-color: #FFCC99;}/* IN_ANALYSIS 20 */
.state_30		{background-color: #FF9933;}/* ANALYSED 30    */
.state_40		{background-color: #CCCCCC;}/* CANCELING 40   */
.state_50		{background-color: #CCFFCC;}/* ORDER 50       */
.state_100		{background-color: #CC3333;}/* CANCELED 100   */
.state_200		{background-color: #66CC66;}/* REALIZED 200   */
.highlited		{text-decoration: underline;}
.nonhighlited	{text-decoration: none;}

table.shipments td, table.shipments th {border-style: solid; border-width: 1px; border-color: gray;}
th {text-align: center; white-space: nowrap;}
td.legend {width: 20px;}