/* 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 {
	padding: 0px;
}

.menuPanel {

}


/* 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;
}

.removeDefaultLinkStyle a {
	text-decoration: none;
	color: black;
	cursor: default;
}

.removeDefaultLinkStyle a:link {
	text-decoration: none;
	color: black;
	cursor: default;
}

.removeDefaultLinkStyle a:hover {
	text-decoration: none;
	color: black;
	cursor: default;
}

.removeDefaultLinkStyle a:visited {
	text-decoration: none;
	color: black;
	cursor: default;
}

.removeDefaultLinkStyle a:focus {
	text-decoration: none;
	color: black;
	cursor: default;
}

/* gwt menu item links */

.menuLink {
	
}

.menuLink ul {
	margin:0px;
	padding:0px;
}

.menuLink ul li {
	display:inline;
	list-style:none;
}

.menuLink ul li a {
	text-decoration: none;
	color: black;
	cursor: default;
	display:block;
	/*
	cursor:pointer;
	*/
}
	

/* 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;
}


/* FlexFormPanel */

.FlexFormPanel {
	
}

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

.FlexFormPanel .innerPanel{
	padding: 10px;
	margin-bottom: 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: 40px;
}

.preview_panel {
	font-size: 10pt;
}

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


/* other styles */

.common_hyperlink {
	color: blue;
	text-decoration: underline;	
}
	
.common_table {
	border: 1px solid rgb(156, 158, 165);
	border-collapse: collapse;
}

.common_table_indented {
	border: 1px solid rgb(156, 158, 165);
	border-collapse: collapse;
	margin-left: 20px;
}

.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;
}

.common_table_cell_all_centered {
	border: 1px solid rgb(156, 158, 165);
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}

.common_table_cell_no_border {
	border: none;
	padding: 5px;
	vertical-align: top;
}

.table_no_border {
	border: none;
	border-collapse: collapse;
}

.document_table_header {
	text-decoration: none;
	font-weight: bold;
}

.document_table {
	border: none;
	border-collapse: collapse;
	margin-left: 20px;
}

.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;
}




/* GWT Solutions styles */

.gwtsolutions-Message {
   padding: 20px;
   margin-bottom: 10px;
   font-style: italic;
   background: lightGray;
   width: 250px;
   height: 2em;
}

.successBorder {
   border: thin solid darkGray;
}

.failureBorder {
   border: thick solid red;
}





/* Creat Equipment screen - old */

.create_equipment_root-panel {
	padding: 10px;
}

.create_equipment_form-panel {
	padding: 10px;
	background-color: #C3D9FF;/*#87B3FF;*/
	border-top : 5px;
	border-right: 5px;
	border-left: 5px;
	border-bottom: 2.5px;
	border-style: solid;
	border-color: gray;
}


.location_form-entry-panel {
	padding: 10px;
	background-color: #E8EEF7;
	border: thin;
	border-style: solid;
	border-color: navy;
}