/* testing */
/*
table {
	border: 1px solid black;
}

table tr td{
	border: 1px solid black;
}
*/

/* main styles & Top level panels*/

html, body{
	margin: 0;
	padding: 0;
	border: none;
	background-color: rgb(33, 101, 115);
	font-family: arial,sans-serif;
}

#layout_table {
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#header-image {
	margin: 0px;
	padding: 0px;
	z-index: -10;
}

#app-title {
	position: relative;
	top: -25px;
	/* z-index: 10; */
	margin: 0px;
	margin-bottom: -20px;
	padding: 0px;
	color: white;
	font-size: 12pt;
	/* background-color: yellow; */
}

.extraMenuLabel {
	color: white;
	font-size: 12pt;
	margin-right: 20px;
}

.bodyPanel {
	
}

.contentPanel {
	padding: 10px;
	background-color: rgb(239, 239, 239);
	border: 1px solid rgb(156, 158, 165);
}

.contentPanel_home {
	background-color: rgb(33, 101, 115);
	border: none;
	border-top: 2px solid rgb(156, 158, 165);
}

.menuPanel {

}

.selectedPlantLabel {
	color: white;
	font-size: 12pt;
	margin-right: 20px;
}


/* general html styles */

.bold {
	font-weight: bold;	
}
	
.waiting {
	cursor: wait;	
}

a:link {
	color: #0000cc;
}

a:hover {
	color: #ff0000;
}

a:visited {
	color: #551a8b;
}

a:focus {
	color: #ff0000;
}


/* gwt styles */

.gwt-Hyperlink {
	
}

.gwt-DialogBox {
	background-color: rgb(239, 239, 239);
	border: 1px solid rgb(102, 102, 126);
	border-top: 0px;
}
	
.gwt-DialogBox .Caption {
	background-image: url('images/newIETitleBarGradient.jpg');
	background-repeat: repeat-x;
	color: black;
	padding-left: 5px;
	padding-top: 7px;
	height: 30px;
	cursor: default;
}

.gwt-MenuBar {
	background-color: rgb(239, 239, 239);
	border: 1px solid rgb(156, 158, 165);
	cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
	padding: 1px 4px 1px 4px;
	font-size: smaller;
	cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
	/* background-color: rgb(181, 182, 189); */
	background-color: white;
}

.gwt-SuggestBox {

}

.gwt-SuggestBoxPopup {
	background-color: rgb(239, 239, 239);
  	border: 1px solid rgb(156, 158, 165);
  	cursor: default;
}

.gwt-SuggestBoxPopup .item {
	padding: 1px 4px 1px 4px;
  	font-size: smaller;
  	cursor: default;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: white;
}


/* gwt secondary styles */

.gwt-MenuItem-disabled {
	color: gray;
	text-decoration: line-through;
}


/* FlexFormPanel */

.FlexFormPanel {
	
}

.FlexFormPanel .outerPanel{
	padding: 10px;
	background-color: rgb(239, 239, 239);
	border: 1px solid rgb(156, 158, 165);
}

.FlexFormPanel .innerPanel{
	padding: 10px;
	background-color: rgb(248, 248, 248);
	border: 1px solid rgb(156, 158, 165);
}

.FlexFormPanel .screenTitle{
	font-size: 14pt;
	font-weight: bold;
	color: black;
	padding-bottom: 10px;
}

.FlexFormPanel .formSectionHeader{
	padding-top: 5px;
	font-size: 12pt;
	font-weight: bold;
	color: black;
	padding-bottom: 5px;
}


/* Common panel styles */

.submit_cancel_button_panel {
	height: 50px;
}

.waiting {
	cursor: wait;	
}

.preview_panel {
	font-size: 10pt;
}

.preview_panel_scrollPanel {
	background-color: white;
	margin-top: 5px;
	border: 1px solid rgb(156, 158, 165);
}

.entry_no-date-selected {
	font-size: small;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right: 3px;
	background-color: yellow;
	border: thin;
	border-style: solid;
	border-color: gray;
	color: red;
}

.runningTotalQuantity {
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	color: black;
	font-weight: bolder;
	border: 1px solid rgb(156, 158, 165);
}

.removeItem-Button {
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	background-color: gray;
	color: white;
	font-size: x-small;
	border: 1px solid navy;
}

.removeItem-Button-hover {
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	background-color: yellow;
	color: red;
	font-size: x-small;
	border: 1px solid red;
	cursor: pointer;
}

.removeItem-Button:hover {
	background-color: yellow;
	color: red;
	border: 1px solid red;
}

.removeItem-highlight {
	background-color: yellow;
	color: red;
}


/* Product Summary Report */

.ProductSummaryReportMainForm .selectedProductsOnlyCheckbox {
	margin-left: 15px;
}

.ProductSummaryReportMainForm .selectedProductCodesBox {
	margin-left: 15px;
}


/* Product Summary with Tag Report */

.ProductSummaryWithTagReportMainForm .selectedProductsOnlyCheckbox {
	margin-left: 15px;
}

.ProductSummaryWithTagReportMainForm .selectedProductCodesBox {
	margin-left: 15px;
}


/* table styles */

.common_table {
	border: 1px solid rgb(156, 158, 165);
	border-collapse: collapse;
}

.common_table_cell {
	border: 1px solid rgb(156, 158, 165);
	padding: 3px;
	vertical-align: top;
}

.common_table_cell_centered {
	border: 1px solid rgb(156, 158, 165);
	padding: 3px;
	vertical-align: top;
	text-align: center;
}


/* other styles */

.fileUpload {
	width: 500px;
}


/*  Errors */

.error-message-link {
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: yellow;
	border: thin;
	border-style: solid;
	border-color: gray;
	color: red;
}

.error-widget-highlight {
	background-color: yellow;
}

.error-validation-button {
	background-color: yellow;
	color: red;
	font-weight: bold;
	border: 1px solid gray;
}

.error-validation-button:hover {
	background-color: yellow;
	color: red;
	font-weight: bold;
	border: 1px solid gray;
}


/* Validation error panel */

.validation_error-message-panel {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 10px;;
	background-color: yellow;
	border: thin;
	border-style: solid;
	border-color: red;
}