/*
CSS Styles used for Manager Apps
*/

	body {
		background-image: url('../images/MyWIAA Background.jpg');
		background-attachment:fixed;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;		
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		padding:0px;
	}
	
	p {
		margin-top:2px;
		margin-bottom:2px;
    }

	a {
		text-decoration:none;
	}

	li {
		padding:2px;
	}

	#portalBannerMenuContainer {
		background-color:#26213E;
		color:#FFFFFF;
		display:flex;
		flex-flow:column;
	}

	#portalBanner {
		padding:10px;
		display:flex;
		flex-flow:row;
		flex-wrap:wrap;
		justify-content:space-between;
		column-gap:10px;
	}

	#portalBannerLeft {
		display:flex;
		flex-flow:column;
		justify-content:center;		
		text-align:left;
		align-items:flex-start;
		width:25%;
	}

	#portalBannerCenter {
		display:flex;
		flex-flow:column;
		justify-content:center;		
		text-align:center;		
		align-items:center;
	}

	#portalBannerRight {
		display:flex;
		flex-flow:column;
		justify-content:center;		
		text-align:right;	
		align-items:flex-end;
		width:25%;
	}

	/*Banner Menu*/
	#portalMenuBar {
		display:flex;
		flex-flow:row;
		column-gap:10px;
		justify-content:space-between;
		align-items:center;
		background-color:#26213E;
		margin-top:10px;
		padding:5px 10px 5px 10px;
	}

	#portalMenuBarLeft {
		display:flex;
		flex-flow:row;
		column-gap:30px;
		align-items:center;
		justify-content:left;		
		text-align:left;
	}

	#portalMenuBarRight {
		display:flex;
		flex-flow:row;
		column-gap:30px;
		align-items:center;
		justify-content:right;		
		text-align:right;
	}

	a.bannerMenuLink:link {
	    color:#EDF2F4;
		font-size:1.1em;
		font-weight:bold;
		text-decoration:none;
	}

	a.bannerMenuLink:visited {
	    color:#EDF2F4;
		text-decoration:none;
	}

	a.bannerMenuLink:hover {
	    color:#D81D24;
	}

	.bannerTitle {
		color:#EFEFEF;
		font-size:30px;
		font-weight:bold;
	}

	.bannerSubtitle {
		color:#EFEFEF;
		font-size:24px;
		font-weight:bold;
	}


	.appPanels {
		display:flex;
		justify-content:space-between;
		column-gap:0px;
	}
	
	.appPanelLeft {
		padding:20px;
		border:0px solid #CCCCCC;
	}
	
	.appPanelRight {
		padding:20px;
		border:0px solid #CCCCCC;
	}
	
	.appPanelCenter {
		min-width:900px;
		background-color:#FFFFFF;
		padding:20px;
		text-align:center;
	}

	.appMainContent {
		padding:10px;
	}

	.appContent {
		padding:10px;
		border:1px solid #CCCCCC;
		border-top:0px;
		box-shadow:6px 8px 8px #CCCCCC;
	}

	.appHeader {
		display:flex;
		flex-flow:column;
		row-gap:10px;
		justify-content:center;
		padding-top:10px;
		background-color:#EFEFEF;
		border:1px solid #CCCCCC;
	}


	.appTitle {
		display:flex;
		flex-flow:row;
		column-gap:10px;
		justify-content:center;
		align-items:center;
		font-size:1.75em;
		font-weight:600;
	}

	.appMenuContainer {
		display:flex;
		flex-flow:row;
		column-gap:15px;
		padding: 5px;
	}

	a.appMenuItem {
		font-size:0.9em;
		font-weight: bold;
		color: #000000;
		text-decoration:none;
	}

	a.appMenuItem:hover {
		color: #333333;
	}

	a.form_button {
		padding: 1px 6px;
		border: 1px outset buttonborder;
		border-radius: 3px;
		color: buttontext;
		background-color: buttonface;
		text-decoration: none;
	}