html, body
{
  font-family: Tahoma, Arial, Sans-Serif;
  font-size: 12pt;
  background: #555577;
  margin: 0px;
  padding: 0px;
  height: 100%;
}
h1
{
  margin: 0px;
  padding: 0px;
  font-size: 14pt;
  font-weight: bold;
  width: 100%;
  background: #ddddff;
  margin-top: 4px;
}
#titleContainer
{
  width: 40%;
  margin-left: auto;
  margin-right: auto;
}
.titleText
{
  font-size: 24pt;
  color: white;
}
#left
{
  width: 15%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  z-index: 5;
  height: 75%;
  overflow: none;
  padding: 4px;
  float: left;
}
#containerRight
{
  width: 82%;
  margin-left: auto;
  margin-right: auto;
  background: white;
  border-radius: 16px;
  box-shadow: 8px 8px 5px #444466;
  margin-top: 10px;
  z-index: 5;
  height: 75%;
  overflow: none;
  padding: 4px;
  float: left;
}
#container
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: white;
  border-radius: 16px;
  box-shadow: 8px 8px 5px #444466;
  margin-top: 10px;
  z-index: 5;
  height: 75%;
  overflow: none;
  padding: 4px;
}
#tabs
{
  margin: 4px;
  height: 98%;
  overflow: auto;
  border: 0px;
}
#containerBig
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  background: white;
  border-radius: 16px;
  box-shadow: 8px 8px 5px #444466;
  margin-top: 10px;
  z-index: 5;
  height: 85%;
  overflow: auto;
  padding: 8px;
}
#containerDark
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: black;
  border-radius: 16px;
  box-shadow: 8px 8px 5px #444466;
  margin-top: 10px;
  z-index: 5;
  height: 75%;
  overflow: auto;
  padding: 4px;
  color: white;
}
#containerDark a
{
  color: #FCDC3B;
  font-size: 18pt;
  text-align: center;
}
#bottomPanel
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background: black;
  border-radius: 16px;
  box-shadow: 8px 8px 5px #444466;
  margin-top: 10px;
  z-index: 5;
  height: 5%;
  overflow: auto;
  padding: 4px;
  color: white;
}
#copyright
{
  font-size: 8pt;
  font-style: italic;
  position: absolute;
  bottom: 2px;
  z-index: 2;
}
a:link
{
  color: blue;
  text-decoration: none;
}
a:hover
{
  color: red;
  text-decoration: underline;
}
.mapLabel
{
    color: navy;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 8px;
    font-weight: bold;
    text-align: center;
    /*width: 80px;*/
    border: 2px solid black;
    white-space: nowrap;
}
#overlay
{
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 100;
  background: rgba(0, 0, 0, 0.85);
  display: block;
  width: 100%;
  height: 100%;
  display: none;
}
#modal
{
  z-index: 150;
  width: 80%;
  height: 80%;
  left: 20%;
  top: 20%;
  overflow: auto;
  display: none;
  position: fixed;
  background: white;
  border: 1px solid black;
  border-radius: 4px;
  box-shadow: 8px 8px 5px #555555;
  margin-left: -10%;
  margin-top: -10%;
  padding: 8px;
}
.dashboard
{
  width: 200px;
  height: 200px;
  border: 2px solid black;
  border-radius: 6px;
  float: left;
  margin-left: 8px;
  box-shadow: 3px 3px 3px #dddddd;
}
.dashboard h1
{
  font-size: 12pt;
  font-weight: bold;
  background: #dddddd;
  text-align: center;
  margin-top: 0px;
}
#navbar
{
  background: navy;
  color: yellow;
  height: 20px;
  margin-bottom: 6px;
  border-radius: 8px;
  font-weight: bold;
}
#navbar ul
{
  list-style-type: none;
  margin: auto;
}
#navbar ul li
{
  float: left;
  margin-left: 15px;
}
#navbar a:link {
  color:yellow;
}
#navbar a:visited {
  color:yellow;
}
#navbar a:hover {
  color:red;
}
#leadWin h2
{
  margin-top: 0px;
  background: navy;
  color: white;
  font-size: 12pt;
}
#leadWin td
{
  font-weight: bold;
}
#loading {
  width: 400px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom:auto;
  border: 4px solid black;
  border-radius: 24px;
  box-shadow: 4px 4px 4px #aaaaaa;
  background: white;
  font-size: 24pt;
  font-: Arial, Sans-Serif;
  padding: 24px;
  text-align: center;
}
#contact {
	margin-left: 8px;
	border: 1px solid #dddddd;
	padding: 4px;
	font: Arial, sans-serif;
	font-size: 12pt;
	width: 400px;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #dddddd;
}
#contact h1 {
	font-size: 14pt;
	font: Arial, sans-serif;
	margin: 0px;
	text-align: center;
	background: #ddddff;
}
#contact h2 {
	font-size: 12pt;
	font: Arial, sans-serif;
	font-weight: bold;
}
#address,#phone,#email {
	margin-left: 32px;
	margin-top: 4px;
	margin-right: 32px;
	border: dotted 1px #dddddd;
	border-radius: 2px;
	background: #eeeeee;
}
#contact a:before {
	content: url("../img/addressbook.png");
}
#contact a {
	vertical-align: middle;
	margin-left: 48px;
	color: white;
	text-decoration: none;
	size: 24px;
	background: navy;
	border: 1px solid navy;
	border-radius: 4px;
	box-shadow: 4px 4px 4px #aaaaff;
	padding: 8px;
}
#contact a:hover {
	color: yellow;
}
#cpe {
        margin-left: 8px;
        border: 1px solid #dddddd;
        padding: 4px;
        font: Arial, sans-serif;
        font-size: 12pt;
        border-radius: 4px;
        box-shadow: 2px 2px 2px #dddddd;
	float:left;
}
#cpe h1 {
        font-size: 12pt;
        font: Arial, sans-serif;
        margin: 0px;
        text-align: center;
        background: navy;
	color: white;
}
.duButton {
  border: 1px solid black; 
  margin-bottom: 4px; 
  border-radius: 8px; 
  text-align: center; 
  box-shadow: 2px 2px 2px #dddddd;
  padding: 4px;
  background: #ddddff;
}