/*	
	======================================================================

	stylesheets/public/header-footer.css

	======================================================================
	Linda Werner & Associates PHP Library Component
	Copyright 2017 Linda Werner & Associates
	======================================================================
*/


/* ----------------------------------------------------------------------------------
   header
   ---------------------------------------------------------------------------------- */
		
	#header {
	
		height: 147px;
		width: 100%;
		background-color: #4ACEE3;
	}
	
	#navNew {
	
		position: absolute;
		top: 50px;
		right: 30px;
		color: white;
	}
	
	#header_content {
	
		position: relative;
		width: 1000px;
		margin: 0 auto;
		height: 60px;
	}
	
	#logo {
	
		position: absolute;
		top: 20px;
		left: 20px;
	}

	
	#debug_div {
	
		position: absolute;
		top: 147px;
		left: 30%;
		width: 600px;
		height: 80px;
		background-color: #444;
		color: white;
		padding: 20px;
	}
		
	#login_note {

		margin: 0 auto;
		text-align: center;	
		color: white;		
		font-size: 80%;
		font-style: italic;
	}
	
	#top_nav {

		position: absolute;
		top: 65px;
		left: 250px;

/*
		position: relative;
		top: 60px;
		right: 60px;	*/
	}
	
	#top_nav_vertical {
	
		position: fixed;
		z-index: 12000;
		background-color: #FF005A;
		text-align: center;
		padding: 20px;
		top: 15px;
		right: 65px;		
		width: 180px;
		border: 2px white solid;
		border-radius: 15px;
		
		display: none;
		opacity: 0;
	}
	
	.top_nav_item {

		float: right;	
		margin-left: 25px;
	}

	#hamburger {  
	
		position: absolute;
		top: 6px;
		right: 10px;
		display: none;
	}
	
	#contractor_menu_link {
	
		position: fixed;
		top: 80px;
		right: 0px;
		padding: 3px 10px 8px 0;
		background-color: #FF005A;		
		z-index: 2000;
		border-bottom-left-radius: 8px;
	}
	
	.top_nav_dim a {
	
		color: #669999 !important;
/*		color: #94949D !important; */

		-webkit-transition: color 170ms ease-in-out;
		   -moz-transition: color 170ms ease-in-out;
		    -ms-transition: color 170ms ease-in-out;
		     -o-transition: color 170ms ease-in-out;
		        transition: color 170ms ease-in-out
	}
	
/* ----------------------------------------------------------------------------------
   footer
   ---------------------------------------------------------------------------------- */
	
	#footer {
	
		position: fixed;
		bottom: 0;
		left: 0;
		padding-top: 10px;
		height: 31px;
		width: 100%;
		text-align: center;

		background-color: black;
		
		color: white;
		font-size: 80%;
		line-height: 85%;
		
		z-index: 1000;
	}
	
	.footerBullet {
	
		color: #AAA;
	}