@charset "utf-8";
/* CSS Document */
#header
{
	left: 0px;
	top: 0px;
	width: 100%;
	height: 60px;
	background-color: #00dcff;
	position: absolute;
	z-index: 1;
}
#menuButtonDiv
{
	width: 48px;
	height: 48px;
	top: 2px;
	left: 12px;
	position: relative;
	display: inline;
}
#menuIcon
{
	width: 60px;
	height: 100%;
	position: relative;
	top: -2px;
	left: -12px;
}
#logo
{
	width: 342.5px;
	height: 48px;
	top: 6px;
	left: 72px;
	position: absolute;
}
#companyLogo
{
	position: absolute;
	height: 48px;
	top: 2px;
	display: inline;
}
#menuPopup
{
	background-color: grey;
	height: calc(100% - 60px);
	width: 10%;
	position: absolute;
	left: 0px;
	top: 60px;
}
#currentApptsButton
{
	position: relative;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: 60px;
}
#aboutusButton
{
	position: relative;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: 60px;
}
#contactusButton
{
	position: relative;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: 60px;
}
#accountControls
{
	position: relative;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: 120px;
}
#loginButton
{
	position: relative;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 50%;
	top: 0%;
	left: -5px;
	float: left;
}
#registerButton
{
	position: relative;
	margin: 0;
	padding: 0px 0px 0px 0px;
	height: 60px;
	width: 50%;
	top: 0%;
	right: -5px;
	float: left;
}
#myAccountButton
{
	position: relative;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: 60px;
	width: 100%;
	left: -5px;
}
#myBusinessButton
{
	position: relative;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: 60px;
	width: 100%;
	left: -5px;
}
#logoutButton
{
	position: relative;
	margin: 0;
	padding: 0px 5px 0px 5px;
	height: 60px;
	width: 100%;
	left: -5px;
}
#mainContent
{
	
}
#mainBox
{
	position: absolute;
	top: 60px;
	left: 0px;
	width: 100%;
	height: calc(100% - 60px);
}
#footer
{
	
}