/* CSS DOCUMENT */

/* header.css controls the header.php file displayed in the header frameset located in acres/v1_00/system */

body {
	margin:0px;
}

/* flex-container is used to display header div's side by side */
#flex-container {
	background-color:#999999;
	border-spacing:none;
    display: flex;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    flex-direction: row;
	height:75px;
	justify-content: space-between;
	max-height:75px;
	margin: 0 auto;
	overflow:hidden; /* stops user from resizing the element ??? */
	padding:0px 10px 0px 2px; /* t r b l */
	resize:none; /* stops user from resizing the element */
    width: 100%;
}

/* currently used as a header spacer */
.flex-item {
    height: 70px;
    border:none;
	width:100%;
}

/* 11May2018 flex-Logo used to control image placeholder div. */
.flex-Logo {
		/*float:left;*/
		border:none;
		border-collapse:collapse;
		height:70px;
		margin:none;
		max-height:70px;
		max-width:132px;
		width:132px;
}

/* .flex-Text unused at 29May2018 RH */
.flex-Text {
        border-spacing:none;
		color:#FFFFFF;
		float:left;
		font-size:18px;
		font-weight:bold;
		height:70px;
		/*overflow:hidden; /* stops user from resizing the element ??? */
		padding:2px;
		/*resize:none; /* stops user from resizing the element */
		vertical-align:text-top;
		vertical-align:top;
		width:500px;
		max-width:500px;
	}