/**
 * The file contains styles for GWT widgets in the standard theme.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    .gwt-Widget {
 *      property: rule applies to all browsers
 *      -property: rule applies only to IE6 (overrides previous rule)
 *    }
 *    * html .gwt-Widget {
 *      property: rule applies to all versions of IE
 *    }
 */
html,body {
	height: 100%;
	/*overflow: auto;*/
}


body,table,select {
	font-family: Arial, Arial Unicode MS, sans-serif;
	font-size: 11px;
}


pre {
	font-family: "courier new", courier;
	font-size: 11px;
}

body {
	color: black;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-color: #808080;
	color: black;
	direction: ltr;
	/*overflow: auto;*/
}

a,a:visited,a:hover {
	color: #0000AA;
}


.login {
	position: absolute;
	top: 0;
	height: 100%;
	margin-top: 0;
}


.LoginSimplePanel {
	background-image: url("bg.png"); 
	background-repeat: no-repeat;
	background-position: center center;
	width: 526px;
	height: 560px;   
}


/*
.FTFMobile {
	font-weight: bold;
	font-size: 350% !important;
}

.FTFMobileGrid {
	border: 2px solid black !important;
	background-color: white;
}

.FTFMobileGridHeader {
	border: 4px solid black !important;
	background-color: #e6e6fa;
}

.FTFMobileGridFont {
	font-weight: bold;
	font-size: 200% !important;
}

.FTFMobileHeader {
	font-weight: bold;
	font-size: 350% !important;
	background: white;
}

.FTFMobileTextBox {
	height: 75px !important;
	font-size: 250% !important;
}

.FTFMobileTextBox-Highlighted {
	background-color: #FFFFCC !important;
	border: 1px solid #FFCC00 !important;
}

.FTFMobileButton {
	height: 75px !important;
	width: 75px !important;
	font-size: 250% !important;
	font-weight: bold !important;
	border: 1px outset #ccc !important;
}

.FTFMobileRadioButton {
	font-weight: bold;
	font-size: 300% !important;
	height: 40px;
	width: 40px;
}

.FTFMobileFooterButton {
	height: 125px !important;
	width: 500px !important;
	font-size: 300% !important;
	font-weight: bold !important;
	border: 1px outset #ccc;
}
*/

.FTFDropdown .gwt-TextBox {
	padding: 0;
}

.FTFMenu {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	height: 30px;
}

.FTFSignOutPanel {
	float: right;
	top: 3px;
}

.FTFLoginButtonCell {
	text-align: center;
}




.FTFLoginButton {
	font-size: 56pt;
}




.boldedLabel{
	font-weight: bold;
}


.LoginMessage {
	font-size: 1.4em;
}



.about_version{
	font-size: 1.5em !important;
	font-weight: bold;
}



.gwt-Label-Bold-Login {
	font-size: 1.5em !important;
	height: 16px !important;
	line-height: 16px;
}




.gwt-TextBox-Login {
	height: 25px !important;
	font-size: 1.5em !important;
}





.gwt-PasswordTextBox-Login {
	height: 25px !important;
	font-size: 1.5em !important;
}





.FTFFooterLabel {
	width: 75px;
}

.FTFFooterUserValue {
	width: 120px;
}

.FTFFooterDateValue {
	width: 200px;
}



.PermissionTree {
	width: 350px;
}

.locationQuantitiesFirst {
	vertical-align: middle;
	text-align: left;
}

.locationQuantities {
	vertical-align: middle;
	text-align: right;
}

/* Overwrites the default background color/text color for disabled text boxes. 
BG-Color works in IE9, font color does not*/
input.FTFCannotEdit[type="text"][disabled] {
	color: #000000;
	background-color: #F0F0F0;
}

.darkblue_highlight {
	font-weight: bold;
	color: white;
	background-color: #000066;
}

.green_highlight {
	border: 1px solid;
	background-color: #00645f;
	color: #ffffff;
}

.white_highlight {
	background-color: white;
}

.yellow_highlight {
	font-size: 11px;
	background-color: yellow;
}

.red_highlight {
	font-size: 11px;
	background-color: red;
}


.darkblue_text {
	font-size: 11px;
	font-weight: bold;
	color: #333399;
}





.SuggestBoxPopup {
	border: 1px black solid;
	background-color: #f6f6f6;
}

.SuggestBoxPopup .PagingPanel {
/*JR December 12, 2019: Changed this border style to only apply to the top and the dropdown panel already gives the PagingPanel borders on the 
other 3 sides*/
	border-top: 1px solid;
	background-color: #338888;
}


/**
 * The reference theme can be used to determine when this style sheet has
 * loaded.  Create a hidden div element with absolute position, assign the style
 * name below, and attach it to the DOM.  Use a timer to detect when the
 * element's height and width are set to 5px.
 */
.gwt-Reference-standard {
	height: 5px;
	width: 5px;
	zoom: 1;
}



.gwt-Button {
	font-weight: bold;
	color: #333399;
	margin: 0;
	height: 22px;
	padding: 2px 3px;
	text-decoration: none;
	font-size: 11px;
	cursor: pointer;
	background: url("images/hborder.png") repeat-x 0px -27px;
	border: 1px outset #ccc;
}


.gwt-Button:active {
	border: 1px inset #ccc;
}

.gwt-Button:hover {
	border-color: #9cf #69e #69e #7af;
}

.gwt-Button[disabled] {
	cursor: default;
	color: #888;
}

.gwt-Button[disabled]:hover {
	border: 1px outset #ccc;
}

.gwt-CheckBox {
	
}

.gwt-CheckBox-disabled {
	color: #888;
}

.gwt-DecoratorPanel {
	
}

.gwt-DecoratorPanel .topCenter,.gwt-DecoratorPanel .bottomCenter {
	background: url(images/hborder.png) repeat-x;
}

.gwt-DecoratorPanel .middleLeft,.gwt-DecoratorPanel .middleRight {
	background: url(images/vborder.png) repeat-y;
}

.gwt-DecoratorPanel .topLeftInner,.gwt-DecoratorPanel .topRightInner,.gwt-DecoratorPanel .bottomLeftInner,.gwt-DecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	zoom: 1;
}

.gwt-DecoratorPanel .topLeft {
	background: url(images/corner.png) no-repeat 0px 0px;
	-background: url(images/corner_ie6.png) no-repeat 0px 0px;
}

.gwt-DecoratorPanel .topRight {
	background: url(images/corner.png) no-repeat -5px 0px;
	-background: url(images/corner_ie6.png) no-repeat -5px 0px;
}

.gwt-DecoratorPanel .bottomLeft {
	background: url(images/corner.png) no-repeat 0px -5px;
	-background: url(images/corner_ie6.png) no-repeat 0px -5px;
}

.gwt-DecoratorPanel .bottomRight {
	background: url(images/corner.png) no-repeat -5px -5px;
	-background: url(images/corner_ie6.png) no-repeat -5px -5px;
}

* html .gwt-DecoratorPanel .topLeftInner,* html .gwt-DecoratorPanel .topRightInner,* html .gwt-DecoratorPanel .bottomLeftInner,* html .gwt-DecoratorPanel .bottomRightInner
	{
	width: 5px;
	height: 5px;
	/*overflow: auto;*/
}


.gwt-DisclosurePanel {
    background: url("/Client/icons/customWidgets/pagepanel_bg.gif") repeat-x scroll 160px 0 #e7e7e8;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    padding: 2px 3px;
    width: 100%
}

.gwt-DisclosurePanel-open {

}

.gwt-DisclosurePanel-closed {

}

.gwt-DisclosurePanel .header,.gwt-DisclosurePanel .header a,.gwt-DisclosurePanel .header td
    {
    text-decoration: none; /* Remove underline from header */
    color: black;
    cursor: pointer;
}

.gwt-DisclosurePanel .content {
    border-left: 3px solid #e8eef7;
    padding: 10px;
/*     margin-left: 6px; */
    font-weight: normal;
    background: #ffffff;
    width: 100%;
}

.error-issue-label{
    padding: 10px;
    font-weight: bold;
}

 .gwt-DisclosurePanel .import-results{
    border-collapse: collapse;
    margin: 8px 0 0;
}

 .gwt-DisclosurePanel .import-results td {
    border: 1px solid #E0E0E0;
    height: 24px;
    padding: 2px 3px;
}

.gwt-DisclosurePanel .import-results-header td{
    background: url("/Client/icons/customWidgets/pagepanel_bg.gif") repeat-x scroll 160px 0 #e7e7e8;
    font-weight: bold
} 

.gwt-FileUpload {
	
}

.gwt-Frame {
	border-top: 2px solid #666;
	border-left: 2px solid #666;
	border-right: 2px solid #bbb;
	border-bottom: 2px solid #bbb;
}

.gwt-HorizontalSplitPanel {
	
}

.gwt-HorizontalSplitPanel .hsplitter {
	cursor: move;
	border: 0px;
	background: #F0E7AA url(images/vborder.png) repeat-y;
	line-height: 0px;
}

.gwt-VerticalSplitPanel {
	
}

.gwt-VerticalSplitPanel .vsplitter {
	cursor: move;
	border: 0px;
	background: #F0E7AA url(images/hborder.png) repeat-x;
	line-height: 0px;
}

.gwt-HTML {

}

.gwt-Hyperlink {
	
}

.gwt-Image {
	
}

.gwt-Label {
	
}

.gwt-ListBox {
	
}

.gwt-menubar {
	background-color: #d4d0c8;
	border: 1px solid #666666;
	cursor: default;
}

.gwt-menubar .gwt-menuitem {
	padding: 1px 2px 1px 2px;
	cursor: default;
}

.gwt-menubar .gwt-menuitem-selected {
	background-color: #e8eef7;
}

.gwt-MenuBarPopup {
	z-index: 99;
}

/*
.gwt-MenuBar {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
}
.gwt-MenuBar .gwt-MenuItem-selected {
  background: #F0E7AA;
}
.gwt-MenuBar .gwt-MenuItem-disabled {
  color: #c0c0c0;
}
.gwt-MenuBar-horizontal {
  background: #808080 url(images/hborder.png) repeat-x 0px -21px;
  border: 1px solid #BBBBBB;
}
*/
.gwt-MenuBar-horizontal .gwt-MenuItem {
	padding: 0px 8px;
	vertical-align: bottom;
	color: black;
}
/*
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #888888;
  background: white;
}
.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: white; 
}
*/
.gwt-MenuBar-vertical {
	margin-top: 0px;
	margin-left: 0px;
	background: white;
}

.gwt-MenuBar-vertical table {
	border-collapse: collapse;
}

.gwt-MenuBar-vertical .gwt-MenuItem {
	padding: 4px 14px 4px 8px;
}
/*
.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}
.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #777777;
  background: #ddddee;
  overflow: auto;
}
*/
.gwt-MenuBar-vertical .subMenuIcon {
	padding-right: 0px;
}

.gwt-MenuBar-vertical .subMenuIcon-selected {
	background: #e8eef7;
}

.gwt-MenuBarPopup {
	margin: 0px 0px 0px 0px;
}

/*
.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(images/hborder.png) 0px -12px repeat-x;
}
.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(images/hborder.png) 0px -13px repeat-x;
  -background: url(images/hborder_ie6.png) 0px -13px repeat-x;
}
.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(images/vborder.png) -12px 0px repeat-y;
  -background: url(images/vborder_ie6.png) -12px 0px repeat-y;
}
.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(images/vborder.png) -13px 0px repeat-y;
  -background: url(images/vborder_ie6.png) -13px 0px repeat-y;
}

.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}
.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(images/corner.png) no-repeat 0px -36px;
  -background: url(images/corner_ie6.png) no-repeat 0px -36px;
}
.gwt-MenuBarPopup .menuPopupTopRight {
  background: url(images/corner.png) no-repeat -5px -36px;
  -background: url(images/corner_ie6.png) no-repeat -5px -36px;
}
.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(images/corner.png) no-repeat 0px -41px;
  -background: url(images/corner_ie6.png) no-repeat 0px -41px;
}
.gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(images/corner.png) no-repeat -5px -41px;
  -background: url(images/corner_ie6.png) no-repeat -5px -41px;
}
* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: auto;
}
* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: auto;
}
* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: auto;
}
* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: auto;
}
*/

.gwt-PasswordTextBox-readonly {
	color: #888;
}

.gwt-PopupPanel {
	border: 3px solid #338888;
	padding: 3px;
	background: white;
}

.gwt-DecoratedPopupPanel .popupContent {
	
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
	padding: 3px;
	background: #d0e4f6;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
	background: url(images/hborder.png) repeat-x;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
	background: url(images/hborder.png) repeat-x 0px -4px;
	-background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
	background: url(images/vborder.png) repeat-y;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
	background: url(images/vborder.png) repeat-y -4px 0px;
	-background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
	width: 5px;
	height: 5px;
	zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
	width: 8px;
	height: 5px;
	zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomLeftInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomRightInner {
	width: 8px;
	height: 8px;
	zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopLeft {
	background: url(images/corner.png) no-repeat 0px -11px;
	-background: url(images/corner_ie6.png) no-repeat 0px -11px;
}

.gwt-DecoratedPopupPanel .popupTopRight {
	background: url(images/corner.png) no-repeat -5px -11px;
	-background: url(images/corner_ie6.png) no-repeat -5px -11px;
}

.gwt-DecoratedPopupPanel .popupBottomLeft {
	background: url(images/corner.png) no-repeat 0px -15px;
	-background: url(images/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DecoratedPopupPanel .popupBottomRight {
	background: url(images/corner.png) no-repeat -5px -15px;
	-background: url(images/corner_ie6.png) no-repeat -5px -15px;
}

* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
	width: 5px;
	height: 5px;
	overflow: auto;
}

* html .gwt-DecoratedPopupPanel .popupTopRightInner {
	width: 8px;
	height: 5px;
	overflow: auto;
}

* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
	width: 5px;
	height: 8px;
	overflow: auto;
}

* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
	width: 8px;
	height: 8px;
	overflow: auto;
}

.gwt-PopupPanelGlass {
	background-color: #000;
	opacity: 0.3;
	filter: alpha(opacity = 30);
}

.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-up-disabled,.gwt-PushButton-down,.gwt-PushButton-down-hovering,.gwt-PushButton-down-disabled
	{
	margin: 0;
	text-decoration: none;
	background: none;
	/*background: url("images/hborder.png") repeat-x 0px -27px;*/
}

.gwt-PushButton-up,.gwt-PushButton-up-hovering,.gwt-PushButton-up-disabled
	{
	padding: 3px 5px 3px 5px;
}

.gwt-PushButton-up {
	border: 1px outset #ccc;
	cursor: pointer;
	
}

.gwt-PushButton-up-hovering {
	border: 1px outset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;

}

.gwt-PushButton-up-disabled {
	border: 1px outset #ccc;
	cursor: default;
	opacity: .5;
	filter: alpha(opacity = 40);
	zoom: 1;
}

.gwt-PushButton-down,.gwt-PushButton-down-hovering,.gwt-PushButton-down-disabled
	{
	padding: 4px 4px 2px 6px;
}

.gwt-PushButton-down {
	border: 1px inset #666;
	cursor: pointer;
	
}

.gwt-PushButton-down-hovering {
	border: 1px inset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;

}

.gwt-PushButton-down-disabled {
	border: 1px outset #ccc;
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity = 40);
	zoom: 1;
}

.gwt-RadioButton {	
}

.gwt-RadioButton-disabled {
	color: #888;
}

.gwt-RichTextArea {
	
}

.hasRichTextToolbar {
	border: 0px;
}

.gwt-RichTextToolbar {
	background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
	border-bottom: 1px solid #BBBBBB;
	padding: 3px;
	margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
	padding: 0px 1px 0px 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 1px 0px 0px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
	margin-right: 4px;
	margin-bottom: 4px;
	padding: 0px 0px 0px 1px;
	border-width: 1px;
}

.gwt-StackPanel {
	border-bottom: 1px solid #bbbbbb;
}

.gwt-StackPanel .gwt-StackPanelItem {
	cursor: pointer;
	font-weight: bold;
	font-size: 1.3em;
	padding: 3px;
	border: 1px solid #bbbbbb;
	border-bottom: 0px;
	background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}

.gwt-StackPanel .gwt-StackPanelContent {
	border: 1px solid #bbbbbb;
	border-bottom: 0px;
	background: white;
	padding: 2px 2px 11px 5px;
}

.gwt-DecoratedStackPanel {
	border-bottom: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .gwt-StackPanelContent {
	border: 1px solid #bbbbbb;
	border-bottom: 0px;
	background: white;
	padding: 2px 2px 11px 5px;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem {
	cursor: pointer;
}

.gwt-DecoratedStackPanel .stackItemTopLeft,.gwt-DecoratedStackPanel .stackItemTopRight
	{
	height: 6px;
	width: 6px;
	zoom: 1;
}

.gwt-DecoratedStackPanel .stackItemTopLeft {
	border-left: 1px solid #bbbbbb;
	background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
	-background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px;
}

.gwt-DecoratedStackPanel .stackItemTopRight {
	border-right: 1px solid #bbbbbb;
	background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
	-background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px;
}

.gwt-DecoratedStackPanel .stackItemTopLeftInner,.gwt-DecoratedStackPanel .stackItemTopRightInner
	{
	width: 1px;
	height: 1px;
}

* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,* html .gwt-DecoratedStackPanel .stackItemTopRightInner
	{
	width: 6px;
	height: 6px;
	overflow: auto;
}

.gwt-DecoratedStackPanel .stackItemTopCenter {
	background: url(images/hborder.png) 0px -21px repeat-x;
}

.gwt-DecoratedStackPanel .stackItemMiddleLeft {
	background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
	border-left: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,.gwt-DecoratedStackPanel .stackItemMiddleRightInner
	{
	width: 1px;
	height: 1px;
}

.gwt-DecoratedStackPanel .stackItemMiddleRight {
	background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
	border-right: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .stackItemMiddleCenter {
	font-weight: bold;
	font-size: 1.3em;
	background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft
	{
	border: 0px;
	background-color: white;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight
	{
	background-color: white;
}




.gwt-SuggestBox {
	padding: 2px;
	font-size: 11px;
}



.gwt-SuggestBoxPopup {
	margin-left: 3px;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px 6px;
	color: #424242;
	cursor: default;
}

.gwt-SuggestBoxPopup .item-selected {
	background: #b7d6f6;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
	background: white;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenter {
	background: url(images/hborder.png) repeat-x;
}

.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
	background: url(images/hborder.png) repeat-x 0px -4px;
	-background: url(images/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
	background: url(images/vborder.png) repeat-y;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
	background: url(images/vborder.png) repeat-y -4px 0px;
	-background: url(images/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
	width: 5px;
	height: 5px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
	width: 8px;
	height: 5px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
	width: 5px;
	height: 8px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
	width: 8px;
	height: 8px;
	zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeft {
	background: url(images/corner.png) no-repeat 0px -23px;
	-background: url(images/corner_ie6.png) no-repeat 0px -23px;
}

.gwt-SuggestBoxPopup .suggestPopupTopRight {
	background: url(images/corner.png) no-repeat -5px -23px;
	-background: url(images/corner_ie6.png) no-repeat -5px -23px;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
	background: url(images/corner.png) no-repeat 0px -28px;
	-background: url(images/corner_ie6.png) no-repeat 0px -28px;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRight {
	background: url(images/corner.png) no-repeat -5px -28px;
	-background: url(images/corner_ie6.png) no-repeat -5px -28px;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
	width: 5px;
	height: 5px;
	overflow: auto;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
	width: 8px;
	height: 5px;
	overflow: auto;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
	width: 5px;
	height: 8px;
	overflow: auto;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
	width: 8px;
	height: 8px;
	overflow: auto;
}

.gwt-DecoratedTabBar {
	
}

.gwt-DecoratedTabBar .gwt-TabBarFirst {
	width: 5px; /* first tab distance from the left */
}

.gwt-DecoratedTabBar .gwt-TabBarRest {
	
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
	border-collapse: collapse;
	margin-left: 6px;
}

.gwt-DecoratedTabBar .tabTopCenter {
	padding: 0px;
	background: #D4D0C8;
}

.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
	padding: 0px;
	zoom: 1;
}

.gwt-DecoratedTabBar .tabTopLeftInner,.gwt-DecoratedTabBar .tabTopRightInner
	{
	width: 6px;
	height: 6px;
}

.gwt-DecoratedTabBar .tabTopLeft {
	background: url(images/corner.png) no-repeat 0px -55px;
	-background: url(images/corner_ie6.png) no-repeat 0px -55px;
}

.gwt-DecoratedTabBar .tabTopRight {
	background: url(images/corner.png) no-repeat -6px -55px;
	-background: url(images/corner_ie6.png) no-repeat -6px -55px;
}

* html .gwt-DecoratedTabBar .tabTopLeftInner,* html .gwt-DecoratedTabBar .tabTopRightInner
	{
	width: 6px;
	height: 6px;
	overflow: auto;
}

.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
	{
	width: 6px;
	padding: 0px;
	background: #D4D0C8;
}

.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
	{
	width: 1px;
	height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
	padding: 0px 4px 2px 4px;
	cursor: pointer;
	color: black;
	font-weight: bold;
	text-align: center;
	background: #D4D0C8;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
	background: #92c1f0;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
	background-position: 0px -61px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
	background-position: -6px -61px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
	{
	background: #92c1f0;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
	cursor: default;
	background: #92c1f0;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
	cursor: default;
	color: #999999;
}

.gwt-TextArea {
	padding: 2px;
	border-width: 1px;
}

.gwt-TextArea-readonly {
	color: #888;
}


.gwt-TextBox, .gwt-PasswordTextBox{
	border-width: 1px;
	padding: 0px;
	font-size: 11px;
	height: 19px;
}


.gwt-TextBox-readonly {
	padding: 0px;
	font-size: 11px;
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	color: #000000;
}


.gwt-ToggleButton-up,.gwt-ToggleButton-up-hovering,.gwt-ToggleButton-up-disabled,.gwt-ToggleButton-down,.gwt-ToggleButton-down-hovering,.gwt-ToggleButton-down-disabled
	{
	margin: 0;
	text-decoration: none;
	background: url("images/hborder.png") repeat-x 0px -27px;
}

.gwt-ToggleButton-up,.gwt-ToggleButton-up-hovering,.gwt-ToggleButton-up-disabled
	{
	padding: 3px 5px 3px 5px;
}

.gwt-ToggleButton-up {
	border: 1px outset #ccc;
	cursor: pointer;
}

.gwt-ToggleButton-up-hovering {
	border: 1px outset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
}

.gwt-ToggleButton-up-disabled {
	border: 1px outset #ccc;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity = 40);
}

.gwt-ToggleButton-down,.gwt-ToggleButton-down-hovering,.gwt-ToggleButton-down-disabled
	{
	padding: 4px 4px 2px 6px;
}

.gwt-ToggleButton-down {
	background-position: 0 -513px;
	border: 1px inset #ccc;
	cursor: pointer;
}

.gwt-ToggleButton-down-hovering {
	background-position: 0 -513px;
	border: 1px inset;
	border-color: #9cf #69e #69e #7af;
	cursor: pointer;
}

.gwt-ToggleButton-down-disabled {
	background-position: 0 -513px;
	border: 1px inset #ccc;
	cursor: default;
	opacity: .5;
	zoom: 1;
	filter: alpha(opacity = 40);
}

/*
.gwt-Tree .gwt-TreeItem {
  padding: 1px 0px;
  margin: 0px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
}
.gwt-Tree .gwt-TreeItem-selected {
  background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
}


.gwt-TreeItem .gwt-RadioButton input,
.gwt-TreeItem .gwt-CheckBox input {
  margin-left: 0px;
}
* html .gwt-TreeItem .gwt-RadioButton input,
* html .gwt-TreeItem .gwt-CheckBox input {
  margin-left: -4px;
}
*/
.gwt-DateBox {
	font-size: x-small;
	background: url("icons/datepicker/calendar_icon.png") no-repeat scroll right 2px center transparent;
	width: 60px;
}


.gwt-DateBox input {
	width: 123px;
	text-overflow: auto;
}

.dateBoxFormatError {
	background: #ffcccc;
}

.gwt-DatePicker {
	border: 1px solid #A2BBDD;
	cursor: default;
}

.gwt-DatePicker td,.datePickerMonthSelector td:focus {
	outline: none
}

.datePickerDays {
	width: 100%;
	background: white;
}

.datePickerDay,.datePickerWeekdayLabel,.datePickerWeekendLabel {
	/*  font-size: 75%; */
	text-align: center;
	padding: 4px;
	outline: none;
}

.datePickerWeekdayLabel,.datePickerWeekendLabel {
	background: #C3D9FF;
	padding: 0px 4px 2px;
	cursor: default;
}

.datePickerDay {
	padding: 4px;
	cursor: pointer;
}

.datePickerDayIsToday {
	border: 1px solid black;
	padding: 3px;
}

.datePickerDayIsWeekend {
	background: #EEEEEE;
}

.datePickerDayIsFiller {
	color: #888888;
}

.datePickerDayIsValue {
	background: #aaccee;
}

.datePickerDayIsDisabled {
	color: #AAAAAA;
	font-style: italic;
}

.datePickerDayIsHighlighted {
	background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
	background: #bbddd9;
}

.datePickerMonthSelector {
	background: #C3D9FF;
	width: 100%;
}

td.datePickerMonth {
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	font-size: 70%;
	font-weight: bold;
	color: blue;
}

.datePickerPreviousButton,.datePickerNextButton {
	font-size: 120%;
	line-height: 1em;
	color: blue;
	cursor: pointer;
	padding: 0px 4px;
}

.gwt-StackLayoutPanel {
	border-bottom: 1px solid #bbbbbb;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
	cursor: pointer;
	font-weight: bold;
	font-size: 1.3em;
	padding: 3px;
	border: 1px solid #bbbbbb;
	border-bottom: 0px;
	background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
	background: #d3def6 url(images/hborder.png) repeat-x 0px -1464px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
	border: 1px solid #bbbbbb;
	border-bottom: 0px;
	background: white;
	padding: 2px 2px 11px 5px;
}



.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
	background-color: #DBE1E3;
	border-width: 1px;
	border-style: outset outset solid;
	border-color: #ffffff;
	cursor: pointer;
	margin-right: 2px;
	padding: 3px;
	/*margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d4d0c8;
  border-style: solid;
  border-color: #808080;
  border-bottom: 1px solid #d4d0c8;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;*/
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
	padding: 4px;
	font-weight: bold;
	cursor: default;
	background-color: #DBE1E3;
	border-bottom: 1px solid #DBE1E3;
	margin-right: 2px;
	/* padding: 4px;
	font-weight: bold;
	cursor: default;
	background-color: #d4d0c8;
	border-bottom-width: 0px;
	margin-right: 2px;*/
/* changed from default  background: #92c1f0; */
}

.gwt-SplitLayoutPanel-HDragger {
	background: #FFF7B5 url(images/splitPanelThumb.png) center center
		no-repeat;
	cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
	background: #FFF7B5 url(images/splitPanelThumb.png) center center
		no-repeat;
	cursor: row-resize;
}

.gwt-Label-Bold {
	font-weight: bold;
	font-size: 11px;
}

.gwt-Label-Bold-Large {
	font-weight: bold;
	font-size: 13px !important;
}

.SuggestBox-Highlighted .gwt-TextBox,
.gwt-TextBox-SuggestBox_Highlighted,
.gwt-TextBox-Highlighted,
.gwt-DateBox-Highlighted {
	background-color: #FFFFCC;
	font-weight: bold;
	border: 1px solid #FFCC00;
}

.SuggestBox-Error .gwt-TextBox,
.gwt-TextBox-Error,
.gwt-DateBox-Error {
	background-color: #FFAAAA;
	font-weight: bold;
	border: 1px solid #FF7700;
}

.gwt-Label-Link {
	cursor: pointer;
}

.gwt-Label-Bold-Link {
	font-weight: bold;
	cursor: pointer;
}

.gwt-Label-Switch-Active {
	color: #044806;
	font-weight: bold;
}

.gwt-Label-Switch-Inactive {
	color: #820005;
	font-weight: bold;
}



.gwt-Label-ItemIdent {
	font-size: 11px !important;
	height: 18px !important;
	width: 85px;
}


.gwt-TextBox-ItemIdent {
	font-size: 11px !important;
	height: 18px !important;
}


.gwt-Label-ItemCustom {
	font-size: 11px !important;
	height: 16px !important;
}

.gwt-TextBox-ItemCustom {
	font-size: 11px !important;
	height: 16px !important;
}


.gwt-Label-WeighedLabel {
	/*width: 50px;*/
	
}

.gwt-TextBox-WeighedValue {
	width: 55px;
}

legend {
	font-weight: bold;
	padding: 0.2em;
}

.shadow {
	-moz-box-shadow: 2px 2px 3px 0 #999999;
	-webkit-box-shadow: 2px 2px 3px 0 #999999;
	box-shadow: 2px 2px 3px 0 #999999;
}

.gwt-CheckBox label {
	vertical-align: top
}

.gwt-TextBox-AlignRight {
	text-align: right;
	border-width: 1px;
    font-size: 11px;
    height: 19px;
    padding: 0;
}

.dialogTopCenter {
	background: #F0E7AA;
}

.gwt-DateBox-Short {
	font-size: 11px;
	background: url("icons/datepicker/calendar_icon.png") no-repeat scroll
		80px transparent !important;
	/* added important to above to force 'short' date boxes to use the smaller width*/
	padding-right: 20px !important;
	width: 80px !important;
	height: 20px;
}
.gwt-DateBox-Short-CICO {
	font-size: 11px;
	background: url("icons/datepicker/calendar_icon.png") no-repeat scroll
		65px transparent !important;
	/* added important to above to force 'short' date boxes to use the smaller width*/
	padding-right: 20px !important;
	width: 65px !important;
	height: 20px;
}
.dateBoxPopup {
	z-index: 999998;
}

.gwt-DateBox-Short-Small {
	font-size: 10px !important;
	background: url("icons/datepicker/calendar_icon.png") no-repeat scroll
		80px transparent !important;
	/* added important to above to force 'short' date boxes to use the smaller width*/
	padding-right: 20px;
	width: 80px !important;
	height: 20px;
}

.gwt-DateBox-Long {
	font-size: 11px;
	background: url("icons/datepicker/calendar_icon.png") no-repeat scroll
		160px transparent !important;
	padding-right: 20px;
	width: 160px !important;
	height: 20px;
}

.gwt-DateBox-MedLong {
	font-size: 11px;
	background: url("icons/datepicker/calendar_icon.png") no-repeat scroll
		140px transparent !important;
	padding-right: 20px;
	width: 140px !important;
	height: 20px;
}

.gwt-DateBox-MultiCico {
	font-size: 9px !important;
	background: url("icons/datepicker/calendar_icon.png") no-repeat scroll
		115px transparent !important;
	padding-right: 20px;
	width: 115px !important;
	height: 20px;
}

.gwt-Label-Status-In {
	color: #044806;
	font-weight: bold;
	font-size: 18px;
}

.gwt-Label-Status-Out {
	color: #820005;
	font-weight: bold;
	font-size: 18px;
}

.gwt-Label-Status-Reserved {
	color: #0000C0;
	font-weight: bold;
	font-size: 18px;
}

.gwt-Label-Status-Cancelled {
	color: #6B006E;
	font-weight: bold;
	font-size: 18px;
}

.gwt-CICO-RadioButton-disabled {
	color: #111111;
}

.gwt-CICO-TextBox-disabled {
	color: #111111;
	background-color: #FFFFFF;
}

.gwt-CICO-CSLTDateBox-disabled {
	color: #111111;
}

.paddingLeftTwo {
	padding-left: 2px;
}

.paddingLeftSeven {
	padding-left: 7px;
}

.paddingRightTen {
	padding-right: 10px;
}

/*JR May 22, 2019: New padding-bottom style for "Browse..." button (ConsigneeForm.java) */
.paddingBottomTen {
	padding-bottom: 10px;
}

.paddingTopFifty {
	padding-top: 50px;
}

.marginRightTen {
	margin-right: 10px;
}

.gwt-Button-Bold {
	font-weight: bold;
}

.gwt-TextBox-SearchHighlight,
.searchHighlight 
{
	background-color: #DFF0DB;
	font-weight: bold;
	border: 1px solid #6B8E23;
}

.gwt-TextBox-CheckoutHighlight,
.CheckoutHighlight 
{
	background-color: #DFF4FF;
	font-weight: bold;
	border: 1px solid #66AFE9;
	height: 19px;
}

.totalItemPriceTextBox {
	width: 70px;
}

.itemPriceTextBox {
	width: 50px;
}

.gwt-TextBox-MultiCico {
	font-size: 10px !important;
}

.gwt-Label-MultiCico {
	font-size: 10px !important;
}

.textAlignCenter {
	text-align: center;
}

.textAlignRight {
	text-align: right;
}

/** 
 * ScrollTable styles
 */
.gwt-ScrollTable {
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 0px 1px 1px;
	background-color: white;
}

.gwt-ScrollTable .dataWrapper,.gwt-ScrollTable .headerWarpper td,.gwt-ScrollTable .footerWrapper td
	{
	border-color: #aaa;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	white-space: nowrap;
	overflow: auto;
	padding: 2px;
}

.gwt-ScrollTable .headerWraper td,.gwt-ScrollTable .footerWrapper td {
	color: #fff;
}

.gwt-ScrollTable .dataWrapper td {
	border-color: #eeeeff;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	padding: 1px;
}

/*.gwt-ScrollTable .dataWrapper tr:hovering {
	background: #C3D9FF;
}*/

.gwt-ScrollTable .dataWrapper td.hovering {
	background: #C3D9FF;
	cursor: pointer;
}

.gwt-ScrollTable .dataWrapper tr.selected {
	background: #7AA5D6;
}

.SuggestBoxPopup div.Content-Selected {
	background: #000066;
	color: white;
}

.emptyNotificationLabel {
	text-align: center;
	font-family: Arial, Arial Unicode MS, sans-serif;
	font-size: 16px;
}
.qualification_Expired{
	font-weight: bold;
	color: red;
}
.consigneeImage{
	width: 230;
	height: 230;
	background-repeat: no-repeat;
	background-size: contain;
	/*background-image: url('/images/consigneePlaceholder.png');*/
}
.green_Highlighted_Generic {

	background: #DFF0DB;
	border: 1px solid #6B8E23;
}

.blue_Highlighted_Generic {
    	background: #DFF4FF !important;
    	border: 1px solid #66AFE9 !important;
    	font-weight: bold !important;
}

.yellow_Highlighted_Generic{
	background: #ffffcc;
	border: 1px solid #ffcc00;
}

.minwidth65{
	min-width: 65px;
}
.minwidth104{
	min-width: 104px;
}

.Item-Ident-Comments {
	width: 235px;
	height: 45px;
	resize: none;
}
.AutogenItemCodeExample{
	font-weight: bold;
	font-size: 1.5em !important;
}
.ItemFormAutoGenButton{
	font-weight: bold;
	font-size: 1.1em !important;
}

.gwt-MenuBar .gwt-MenuItem {
	font-family: Arial, Arial Unicode MS, sans-serif !important;
}


/* AA - Feb 19, 2019 - global styles added in support
 * of the CSS responsive web styling for various screen sizes */
.itemsDockLayoutPanel {
	width: 960px;
	height: 800px; /*760px;*//*755px;*/
	overflow: auto;
}

.gwt-DockLayoutPanel {
	width: 100%;
}

.SummarySectionLeft {
	height: 100%;
	width: 100%;
}

.SummarySectionRight {
	width: 100%;
}

.gwt-ComplexPanel {
	overflow: auto;
	width: 100%;
	height: 100%;
}

.gwt-Grid {
	position: absolute;
	width: 100%;
}

.gwt-HorizontalPanel {
	width: 100%;
}

.stickyNote {
	background: #ffffcc;
	border: 1px solid #ffcc00;
	width: 100%;
}

.topSection {
	background: #ffffcc;
	border: 1px solid #ffcc00;
	height: 37px;
}

.bottomSection {
	height: 42px;
}


/* AA - Aug 2, 2019 - just a plain style that will set font to bold red, 
 * currently added for use on the Consignees form for the 'Inactive' checkbox
 * but can be used anywhere you want the text to display as bolded red.
 */
.boldRedText {
	font-weight: bold;
	color: red;
}


.gwt-DialogBox {
	sborder: 8px solid #C3D9FF;
	border: 2px outset;
	background-color: white;
}


/* AA - Dialog Box related styling */
.gwt-DialogBox .Caption,
.FTFDialogBox_itemCiCo .Caption,
.FTFDialogBox_multiitemcico .Caption,
.FTFDialogBox_ActiveCheckouts .Caption
{
	/*background: #FFF7B5 url(images/hborder.png) repeat-x 0px -2003px;*/
	background: #000066 url(images/hborder.png) repeat-x 0px -2003px;
	padding: 4px 4px 4px 8px;
	cursor: default;
	border-bottom: 1px solid #bbbbbb;
	border-top: 5px solid #FFF7B5;
}


.gwt-DialogBox .dialogMiddleCenter {
	padding: 3px;
	background: #DBE1E3;
}

.FTFDialogBox_ActiveCheckouts .dialogMiddleCenter,
.FTFDialogBox_itemCiCo .dialogMiddleCenter,
.FTFDialogBox_multiitemcico .dialogMiddleCenter
{
	padding: 3px;
	background: #DBE1E3;
}


.gwt-DialogBox .dialogTopLeftInner {
	width: 1px;
	zoom: 1;
}

.FTFDialogBox_ActiveCheckouts .dialogTopLeftInner,
.FTFDialogBox_itemCiCo .dialogTopLeftInner,
.FTFDialogBox_multiitemcico .dialogTopLeftInner
{
	width: 1px;
	zoom: 1;
}


.gwt-DialogBox .dialogTopRightInner {
	width: 1px;
	zoom: 1;
}

.FTFDialogBox_ActiveCheckouts .dialogTopRightInner,
.FTFDialogBox_itemCiCo .dialogTopRightInner,
.FTFDialogBox_multiitemcico .dialogTopRightInner
{
	width: 1px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
	width: 1px;
	height: 2px;
	zoom: 1;
}

.FTFDialogBox_ActiveCheckouts .dialogBottomLeftInner,
.FTFDialogBox_itemCiCo .dialogBottomLeftInner,
.FTFDialogBox_multiitemcico .dialogBottomLeftInner
{
	width: 1px;
	height: 2px;
	zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
	width: 1px;
	height: 2px;
	zoom: 1;
}

.FTFDialogBox_ActiveCheckouts .dialogBottomRightInner,
.FTFDialogBox_itemCiCo .dialogBottomRightInner,
.FTFDialogBox_multiitemcico .dialogBottomRightInner
{
	width: 1px;
	height: 2px;
	zoom: 1;
}

* html .gwt-DialogBox .dialogTopLeftInner {
	width: 1px;
	overflow: auto;
}

* html .FTFDialogBox_ActiveCheckouts .dialogTopLeftInner,
* html .FTFDialogBox_itemCiCo .dialogTopLeftInner,
* html .FTFDialogBox_multiitemcico .dialogTopLeftInner
{
	width: 1px;
	overflow: auto;
}


* html .gwt-DialogBox .dialogTopRightInner {
	width: 1px;
	overflow: auto;
}

* html .FTFDialogBox_ActiveCheckouts .dialogTopRightInner,
* html .FTFDialogBox_itemCiCo .dialogTopRightInner,
* html .FTFDialogBox_multiitemcico .dialogTopRightInner
{
	width: 1px;
	overflow: auto;
}


* html .gwt-DialogBox .dialogBottomLeftInner,
* html .FTFDialogBox_ActiveCheckouts .dialogBottomLeftInner,
* html .FTFDialogBox_itemCiCo .dialogBottomLeftInner,
* html .FTFDialogBox_multiitemcico .dialogBottomLeftInner 
{
	width: 1px;
	height: 2px;
	overflow: auto;
}

* html .gwt-DialogBox .dialogBottomRightInner {
	width: 1px;
	height: 2px;
	overflow: auto;
}

* html .FTFDialogBox_ActiveCheckouts .dialogBottomRightInner,
* html .FTFDialogBox_itemCiCo .dialogBottomRightInner,
* html .FTFDialogBox_multiitemcico .dialogBottomRightInner 
{
	width: 1px;
	height: 2px;
	overflow: auto;
}

fieldset {
	color: #000000;
	border: 1px solid #808080;
	padding: 1px;
	margin-bottom: 4px;
	margin-right: 2px;
	margin-left: 2px;
}

.gwt-CaptionPanel, 
.gwt-CaptionPanel_Identification, 
.gwt-CaptionPanel_Acquisition, 
.gwt-CaptionPanel_Operations, 
.gwt-CaptionPanel_Depreciation, 
.gwt-CaptionPanel_Location, 
.gwt-CaptionPanel_CICO {
	color: #000000;
	border: 1px solid #000000;
	padding: 2px;
	margin-bottom: 4px;
	margin-right: 2px;
	margin-left: 2px;
}

.Barcode_HorizontalPanel {
	width: 100%;
}

/* JR May 16, 2019: Increased width of hpanel (ItemCiCoFormFooter.java) to space out the widgets within it*/
.ItemNav_ItemCodeSearchSection {
	width: 270px !important;
	float: right;
}

/*JR May 17, 2019: Set hPanel to float right (SettingsForm.java)*/
.Settings_Buttons {
	float: right;
}

/* AA - Oct 16, 2019 - space out the second section (with the Checked Out By drop down) */
.CICO_GroupTable {
	height: 100%;
}


/* AA - Aug 7, 2020 */
/* Dashboard Stying */
.Dashboard_ContentBackground {
	background-color: #FFFFFF;
}
.Dashboard_HeaderText {
	font-size: 2.5em !important;
	font-weight: bold;
	color: #00645f;
}
.Dashboard_StickyNote {
	background: #ffffcc;
	border: 1px solid #ffcc00;
	height: 37px;
	horizontal-align: center;
	vertical-align: center;
}
.Dashboard_TotalItemsReport {
	background: #ff9900; /* Orange */
	color: white;
	font-size: 2.5em !important;
	font-weight: bold;
	margin: 3px;
}

/* AA - May 12, 2022 - styles related to purchase orders */
.PODetailsTextArea {
	width: 97%;
}

.POQtyTextBox {
	width: 40px;
}

.WOTextArea {
	width: 99%;
}

/* AA - style for the data table on the manage users admin form */
.dataTableRow {
	height: 20px;
}

.SignOutButton {
	display: none;
	visibility: hidden;
}



/* AA - Feb 16, 2019 - styles for smaller screen sizes (mobile devices */
/* like tablets and cell phones) */
@media only screen and (max-width: 1025px) {



	/* AA - mobile device - font size */
	div, body, table,
      	.gwt-DateBox.gwt-DateBox-readonly.gwt-DateBox-Short
      	.gwt-DateBox,
      	.gwt-DateBox-MedLong,
	.gwt-DateBox-Short,
	.gwt-DateBox-MultiCico,
	.gwt-Label-ItemIdent,  
	.gwt-Label-Bold, 
	.gwt-Label-Small, 
	.gwt-TextBox-Highlighted,
	.gwt-TextBox-modelNoTextBox,
	.gwt-TextBox-partNoTextBox,
	.gwt-TextBox-serialNoTextBox,
	.gwt-TextBox-CheckoutHighlight,
	.gwt-PasswordTextBox,
	.gwt-TextBox, 
	.gwt-TextArea,
	.gwt-CheckBox,
	.gwt-ListBox,
	.gwt-RadioButton {
		font-size: 16px !important;
	}

	.gwt-TextBox-CheckoutHighlight {
		height: 19px;
	}

	/* AA - mobile device - form height */
	.itemsDockLayoutPanel,
	.CICO_MainPanel {
		height: 95vh !important;
	}

	.FTFDialogBox_itemCiCo,
	.FTFDialogBox_multiitemcico {
		height: 40vh !important;
	}

	.itemsDockLayoutPanel div:nth-child(4) {
		overflow: auto !important;
	}

	/* AA - need to have a scroll bar on the 3rd div under
	the cico main panel*/
	.CICO_MainPanel div:nth-child(3) {
		overflow: auto !important;
	}
	
	.itemsDockLayoutPanel div:nth-child(4) {
		overflow: auto !important;
	}

	.CICO_PrimaryTable {
		overflow: auto !important;
		/*height: 90vh !important;*/
	}


	.CICO_ItemTable_ItemCode_Field .gwt-TextBox {
		width: 140px !important;
	}
	
	.CICO_ItemTable_ItemType_Field,
	.CICO_ItemTable_Location_DropDown {
		width: 150px;
	}
	
	.gwt-DateBox-MultiCico {
		display: block !important;
		visibility: visible !important;
	}
	
	/*.CICO_ItemTable_ReturnDate_Label,
	.CICO_ItemTable_CribBinNo_Label {
		display: none;
		visibility: hidden;
	}*/
	

	/* AA - hide the Get Receipt button on the CICO form */
	.CICO_GetReceiptButton {
		display: none;
		visibility: hidden;
	}


	.gwt-SuggestBox {
		width: 80%;
	}

	.itemsTabs {
		width: 100%; 
	}

	.gwt-TabLayoutPanel {
		width: 100%;
		height: 85vh !important;
	}

	.itemsDockLayoutPanel {
		width: 100%; 
	}

	.FTFDialogBox_itemCiCo,
    .FTFDialogBox_multiitemcico	{
		left: 0px !important;
		top: 0px !important;
		width: 100% !important;
	}

	/*JR December 10, 2019: Automatically adjusts the Active Checkouts dialog box to fit any mobile screen by width and fill the whole screen*/
	.FTFDialogBox_ActiveCheckouts {
		width: 100% !important;
		left: 0px !important;
		top: 0px !important;
		margin-bottom: 35em;
	}

	.FTFDialogBox_ActiveCheckouts .ViewManager {
		width: 100% !important;
		height: 80vh !important;
	}
	
	/*.FTFDialogBox_ActiveCheckouts .PagingPanel {		
		height: 75px !important;
	}

	.FTFDialogBox_ActiveCheckouts .PagingPanel td {
		vertical-align: top !important;
		text-align: left !important;
		width: 20px;
	
	}

	.FTFDialogBox_ActiveCheckouts .PageNumberWidget {
		position: absolute;
		left: -1px;
		margin-top: 25px;
	}
	*/
	
	.floatingSectionLeft {
		width: 99% !important;
		position: absolute;
	}



	.gwt-CaptionPanel{
		margin-top: 22px;
	}

	.gwt-CaptionPanel_Identification {
		/*width: 30vw;
		height: 50vw;*/
	}

	.gwt-CaptionPanel_Identification table {
		width: 97%;
        }
	.gwt-CaptionPanel_Identification table colgroup {
		width: 120px;
        }
	.gwt-CaptionPanel_Identification table table td {
		width: 100%;
        }

	.SummarySectionLeft {
		width: 100%; 
		height: auto;
		position: absolute;
	}

	.SummarySectionRight {
		padding-top: 25px;
		width: 100%; 
	}

	.floatingSectionRight {
		width: 100%; 
		padding-top: 380px;
		/*overflow: auto;*/
	}
	
	.CICO_GroupTable .floatingSectionLeft {
		width: 99% !important;
		position: absolute;
		/*overflow: auto;*/
		padding-top: 2px;
	}

	.CICO_GroupTable .floatingSectionRight {
		width: 100% !important; 
		padding-top: 35px;
		/*overflow: auto;*/
	}

	/* AA - Oct 16, 2019 - hide the 'History' button on the mobile CICO form */
	.CICO_GroupTable .GBSKAOMCJK {
		display: none;
		visibility: hidden;
	}

	.CICO_SearchPanel,
        .CICO_GroupTable	{
		width: 100%;
		height: 100%;
		position: relative;
	}

	.SearchForIdPanel,
        .GroupTableOrganizationPanel	{
		/*width: 99% !important;*/
		position: absolute;
		/*overflow: auto;*/ 
	}

	/*.SearchForIdPanel .gwt-Label {
		width: 40px;
	}*/

	
	.SearchForItemCodePanel,
	.GroupTableCheckoutDatePanel,
	.GroupTableReferenceNoPanel
        {
		padding-top: 0px;	
		/*width: 100% !important;*/
		position: absolute;
	}

	.SearchForConsigneePanel,
        .GroupTableCheckedOutByPanel,
	.GroupTableReturnDatePanel	{
		padding-top: 35px;
		/*position: absolute;*/	
	}

	.CICO_Label,
        .CICO_Label .gwt-Label-Link	{
		width: 120px !important;	
		white-space: normal !important;
	}
	
	.idLabelPanel,
       	.GroupTablePurposePanel,
	.GroupTableCommentsPanel	{
		display: none;
		visibility: hidden;
	}

	.CICO_ContainerPanel {
		padding-top: 35px;	
		/*width: 100% !important;*/
		/*position: absolute;*/
	}

	.GroupTableContainer1,
       	.GroupTableContainer2,
	.GroupTableContainer3 {
		padding-top: 12px;
	}

	
	.spacePanel {
		display: none;
		visibility: hidden;
	}
	
	.CICO_MainPanel {
	 	width: 100% !important;
	}
	
	.CICO_Instructions,
	.CICO_ScrollPanel,
	.CICO_ItemsTable 
	{
		width: 100% !important;
		height: auto !important;
	}

	.topSection {
		width: 100%;
	}	
	
	.TabPanelContentDiv {
		width: 100%;
		height: 100%;
		top: 0px !important;
	}

	.gwt-Label-Bold {
		width: 60px;
	}

	.darkblue_text {
		width: 90px;
	}

	.FTFMenu {
		display: none;
		visibility: hidden;
	}

	.dialogTop {
		width: 100% !important;
		top: 80px !important;
	}
	
	.dialogMiddleCenter, .dialogMiddleCenterInner {
		width: 100%;
		height: 100% !important;
	}

	.gwt-TabLayoutPanelTabs {
		display: none;
		visibility: hidden;
	}

	.gwt-CaptionPanel_Acquisition {
		display: none;
		visibility: hidden;
	}

	.gwt-CaptionPanel_Depreciation {
		display: none;
		visibility: hidden;
	}

	.gwt-CaptionPanel_CICO {
		display: none;
		visibility: hidden;
	}

	.gwt-CaptionPanel_Operations {
		display: none;
		visibility: hidden;
	}

	
	/*
	.gwt-CaptionPanel_Location {
		display: none;
		visibility: hidden;
	}
	*/

	/* AA - Oct 11, 2019 - we want to show the Multi-CICO button on the mobile web form */
	/*.CICOButton {
		display: none;
		visibility: hidden;
	}*/

	.topSection,
	.RapidCheckInPanel,
	.Ident_Form_Bottom {
		width: 0px !important;
		height: 0px !important;
		display: none;
		visibility: hidden;
	}


	.Location_Org .SuggestBox, 
	.Location_Site .SuggestBox, 
	.Location_Building .SuggestBox, 
	.Location_Loc .SuggestBox, 
	.Location_Room .gwt-TextBox {
		width: 95% !important;
	}


	.SuggestBox, 
	.gwt-TextBox-modelNoTextBox,
	.gwt-TextBox-partNoTextBox,
	.gwt-TextBox-serialNoTextBox {
		/*width: 780px !important;*/
		/*width: 100% !important;*/
	}

	.gwt-TextBox-Highlighted {
		/*width: 758px !important;*/
		width: 60vw !important;
	}

	/*.gwt-DateBox.gwt-DateBox-readonly.gwt-DateBox-Short
       	.gwt-DateBox,
	.gwt-DateBox-Short,

	 {
		width: 210px !important;
		height: 31px !important;
		horizontal-align: right !important;
		background: url("icons/datepicker/calendar_icon.png") no-repeat scroll 210px transparent !important;
	}*/
	
	.ItemSearchWindow {
		width: 435px !important;
	}

	.PageSizeLabel,
	.PageSizeTextBox,
	.gwt-DateBox.gwt-DateBox-readonly.gwt-DateBox-Short,
    .gwt-DateBox,
	.gwt-DateBox-Short,
	.gwt-CheckBox-ConsumableCheckBox,
	.manufDateBox,
	.manufDateLabel,
	.gwt-CheckBox-weighCheckBox,
	.weighHorizontalPanelTop,
	.weighHorizontalPanelBottom,
	.gwt-Label-ItemCustom,
	.gwt-TextBox-ItemCustom {
		display: none; 
		visibility: hidden;
	}


	.Location_Org .gwt-Label-Link td {
		width: 120px;
	}

	.gwt-Label-Small {
		display: none;
		visibility: hidden;
	}

	.gwt-Label-Bold, .gwt-Label-Small, 
	.gwt-Label-Link,
	.Location_Org_Label,
	.Location_Site_Label,
	.Location_Building_Label,
	.Location_Room_Label,
	.Location_Loc_Label,
	.gwt-TextBox-Highlighted,
	.gwt-TextBox-modelNoTextBox,
	.gwt-TextBox-partNoTextBox,
	.gwt-TextBox-serialNoTextBox,
	.gwt-PasswordTextBox,
	.gwt-TextBox,
	.gwt-CheckBox,
    .gwt-RadioButton,
    .gwt-TextBox-CheckoutHighlight	{
		height: 25px !important;
		horizontal-align: left;
	}

	/* AA - label widths */
	.gwt-Label-ItemIdent, 
	.gwt-Label-Link,
	.Location_Org_Label,
	.Location_Site_Label,
	.Location_Building_Label,
	.Location_Room_Label,
	.Location_Loc_Label,
	.gwt-Label-Bold, .gwt-Label-Small,
    .gwt-RadioButton, label	{
		width: 120px !important;
	}
	

	/*.FTFDialogBox_multiitemcico .gwt-Label {
		width: 100% !important;
	}*/

	.Barcode_HorizontalPanel {
		width: auto;
	}

	.Barcode_HorizontalPanel gwt-TextBox {
		width: 98%;
	}

	/* AA - suggest box pull-down height */
	.GBSKAOMCEJ, .GBSKAOMCDJ, .CBSKAOMCFJ,
       	.GBSKAOMCDK	{
		height: 20px !important;
		background-size: 3px 20px !important;
		
	}

	.GBSKAOMCPI {
		width: 28px;
	}


	.GBSKAOMCPJ .gwt-Label,
	.GBSKAOMCPI .gwt-Label {
		font-size: 15px !important;
		horizontal-align: center;
	}

	.GBSKAOMCPJ, .GBSKAOMCJK {
		height: 100% !important;
	}

	.GBSKAOMCJK{
		width: 100% !important;
	}


	.gwt-TextBox-NavBarShowingTextBox {
		width: 120px !important;
	}

	.gwt-TextBox-NavRecordNoTextBox {
		width: 60px !important;
	}

	/* AA - hide the Total QOH */
	.summarySection,
	.gwt-Label-WeighedLabel,
	.gwt-TextBox-WeighedValue, 
	.Ident_Consumable_TableRow,
	.Ident_QOH_HorizontalPanel {
		width: 0px !important;
		height: 0px !important;
		display: none; 
		visibility: hidden;
	}

	/*.LocationButtonPanel,*/
	.LocationQOHButton {
		/*margin: 5px;*/
	}
	
	.LocationQOHTextBox {
		width: 70px !important;	
	}
	
	
	.LocationHistoryButton,
	.LocationReorderLabel,
	.LocationReorderTextBox,
	.LocationMinTextBox,
	.LocationMinLabel,
	.LocationMaxLabel,
	.LocationMaxTextBox, 
	.Location_CribBin_Label,
	.Location_CribBin,
	.Location_Dept_Label,
	.Location_Dept,
	.Location_Temp_Label,
	.Location_Temp,
	.Location_Admin_Label,
	.Location_Admin,
	.Location_Consignee_Label,
	.Location_Consignee
	{
		width: 0px !important;
		height: 0px !important;
		display: none; 
		visibility: hidden;
	}


	#form-ModifyQuantity {
		height: 300px !important;
		width: 295px !important;
	}

	.QtyInnerForm {
		height: 230px !important;
		width: 250px !important;
	}

	.QtyNewLabel {
		width: 100px;
		position: absolute;
		top: 35px;
		left: 10px;
	}

	.QtyDiffLabel {
		position: absolute;
		top: 35px;
		left: 200px;
	}

	.QtyOldLabel {
		width: 70px;
		position: absolute;
		top: 35px;
		left: 100px;
	}
	
	.QtyNewTextBox,
	.QtyDiffTextBox,
	.QtyOldTextBox 
	{
		width: 70px !important;	
		margin: 5px;
	}

	.QtyNewTextBox {
		position: absolute;
		top: 70px;
		left: 5px;
	}

	.QtyDiffTextBox {
		position: absolute;
		top: 70px;
		left: 200px;
	}

	.QtyOldTextBox {
		position: absolute;
		top: 70px;
		left: 100px;
	}
	
	.QtyCommentsLabel,
	.QtyCommentsTextArea,
	.DecreasingPanel {
		width: 0px !important;
		height: 0px !important;
		display: none; 
		visibility: hidden;
	}
	
	.ReceivingPanel {
		position: absolute;
  		left: 10px;
  		top: 140px;
	}
	
	.QtyAuditCorrectionCbox {
  		position: absolute;
  		left: 10px;
  		top: 110px;
	}
	
	.RecPriceLabel, 
	.RecPriceTextBox {
		display:block;
		visibility: visible;
	}
	
	.RecPOLabel,
	.RecPODropDown,
	.RecAcqMethodLabel,
	.RecAcqMethodDropDown,
	.RecAcqDateLabel,
	.RecAcqDateBox,
	.RecExpDateLabel,
	.RecExpDateBox,
	.RecSupplierLabel,
	.RecSupplierDropDown,
	.RecLblAcctLabel,
	.RecGlAcctDropDown,
	.RecRateLabel,
	.RecEquivLabel,
	.RecCurrencyLabel,
	.RecCurrencyDropDown,
	.RecCurrencyRateTextBox,
	.RecEquivPriceTextBox {
		display: none;
		visibility: hidden;
	}
	
	.DecrOutgoingItemLabel,
	.DecrOutgoingItemDropDown,
	.DecrSupplierLabel,
	.DecrSupplierDropDown,
	.DecrConditionLabel,
	.DecrConditionsDropDown,
	.DecrDispMethodLabel,
	.DecrDispMethodDropDown,
	.DecrDispDateLabel,
	.DecrDispDateBox {
	}
	

	.ItemNav_ItemCodeSearchSection {
		top:2px;
		left: 2px;
		position: absolute;
	}
	
	/*JR November 5, 2019: Made the following changes to CSS to give the Item form footer a better layout*/
	.bottomSection {
		width: 100%; 
		height: 70px;
		vertical-align: top;
	}
	
	/* AA - this panel contains the Delete, Save and New buttons */
	.ActionBar {
		position: absolute;
		left: 2px;
		top: 75px;
	}
	
	.CICOButton {
		position: absolute;
		left: 145px;
		bottom: 74px;
		top: 75px;
	}
	
	.gwt-CheckBox_AuditCB{
		padding-left: 10px;
	}

	.bottomSection .green_highlight {
		height: 175px;
	}
	
	/*JR - End of November 5, 2019 changes*/
	.bottomSection .-ItemNavigationSection {
		position: absolute;
		left: 0px;
		top: 40px;
	}
	
	/*JR - August 20, 2020: Hides the dashboard buttons in the Identification section of the Items form
	 in the mobile version*/
	.mobileDashboardButton {
		display: none;
		visibility: hidden;
	}
	
	.dashboardLink {
		display: none;
		visibility: hidden;
	}
	
	.SignOutButton {
		position: absolute; 
		top: 75px; 
		right: 100px; 
		display: block !important;
		visibility: visible !important;
	}

	/*
	.gwt-TextArea .gwt-TextBox {
		width: 70vw !important;
	}
	*/

	/* the down arrow button icons for the suggest box pull-downs */
	/*.GBSKAOMCPI {
		width: 10px;
	}*/
}