@font-face {
font-family: IBOTfont;
src: url('../fonts/Rockit.ttf');
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: IBOTfont2;
src: url('../fonts/CFAnarchy-Regular.ttf');
font-style: normal;
font-weight: normal;
}

A:link {text-decoration:none;   color:#4D4D4D; }
A:visited {text-decoration: none;  color:#4D4D4D; }
A:active {text-decoration: none;  color:#4D4D4D; }
A:hover {text-decoration: none;  color:#4D4D4D; }

* {
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

html, body {
	height: 100%;
}

html {

background-color:#FFFFFF;
}

  
	#header {
  float: right;
  top: 0px;
  border: 0px solid black;
  width: 100%;
  height: 40px;
  background-color:#104E8B;
  position: relative;
  float: left;
   }

	#header_sub {
  float: right;
  top: 0px;
  border: 0px solid black;
  width: 100%;
  height: 60px;
  background-color:#F0F0F0;
  border-top: solid 1px #1C86EE;
  border-bottom: solid 1px #E0E0E0;
  float: left;
    position: relative;

   }
#content
{
	height: auto;
	width: auto;
	background-color:#FFFF00;
}

	#left {
  float: left;
  border: 0px solid black;
  width: 220px;
  padding-left: 10px;
  padding-top: 10px;
  border-right: 1px solid #F0F0F0;
   }

	#right {
  margin-left: 22em; 
  padding: 0 1em;
  padding-top:1em;
  border: 0px dashed silver;
  min-width: 900px;
   }
   
	#rightWOMenu {
   
  padding: 0 1em;
  padding-top:1em;
  border: 0px dashed silver;
  min-width: 900px;
   }	
   
   #right_scroll {
  float: right;
  border: 0px solid black;
  width: 80%;
  height: 90%;
  padding-left: 5px;
  padding-top: 10px;
  overflow:scroll;
   }


 h1 {
	color: #104E8B;
	font-size: 20px;
	font-style: bold;
	margin-bottom: 0.5em;
	padding: 0 0 2px;
	border-bottom: 1px dotted #104E8B;
	text-shadow: 2px 2px 5px #DEDEDE;


}
h2 {
	color: #004C8B;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 0.5em;
	margin-top:2px;
}


#left ul {
  list-style:none;

}

#left ul li {
  color:#C7C7C7;
  display:block;
  padding:0.5px 18px;
  margin-right: 2px;
  margin-top: 10px;
  text-decoration:none;
  font-size:16px;
  height: auto;
}

#left li ul li{
  color:#BABABA;
  display:block;
  margin-right: 2px;
  margin-top: 1px;
  text-decoration:none;
  font-size:12px;
  height: auto;
}

#left ul li a{
  color:#C7C7C7;
  display:block;
  text-decoration:none;
  font-size:16px;
  height: auto;
}

#left li ul li a{
  color:#BABABA;
  display:block;
  margin-right: 2px;
  margin-top: 1px;
  text-decoration:none;
  font-size:12px;
  height: auto;
}



#login {
	left: 50%;
	top: 10%;
	position: absolute;
	background:#FAFAFA;
	border:1px solid #aaaaaa;
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 2px;
	width:180px;
	height:220px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow:inset  0px 0px 1px #666666;
	-webkit-box-shadow: inset 0px 0px 1px #666666;
	box-shadow:inset  0px 0px 1px #666666;

		/* Gradient background */
	background:#FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA, #BEBEBE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#BEBEBE));
	background: -ms-linear-gradient(top, #FAFAFA 0%,#BEBEBE 100%); 

}

.boxes {
	float: left;
	background:#FAFAFA;
	border:1px solid #aaaaaa;
	margin:4px 4px 4px 4px;
	padding:4px 6px 4px 6px;
	width:350px;
	height:250px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow:inset  0px 0px 1px #666666;
	-webkit-box-shadow: inset 0px 0px 1px #666666;
	box-shadow:inset  0px 0px 1px #666666;

		/* Gradient background */
	background:#FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA, #BEBEBE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#BEBEBE));
	background: -ms-linear-gradient(top, #FAFAFA 0%,#BEBEBE 100%); 
	
}

.boxesKlein {
	float: left;
	background:#FAFAFA;
	border:1px solid #aaaaaa;
	margin:4px 4px 4px 4px;
	padding:4px 6px 4px 6px;
	width:100px;
	height:100px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

    -moz-box-shadow:inset  0px 0px 1px #666666;
	-webkit-box-shadow: inset 0px 0px 1px #666666;
	box-shadow:inset  0px 0px 1px #666666;

		/* Gradient background */
	background:#FAFAFA;
	background: -moz-linear-gradient(top, #FAFAFA, #BEBEBE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#BEBEBE));
}



		.tooltip {
			border-bottom: 1px dotted #000000; color: #000000; outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			font-family: Calibri, Tahoma, Geneva, sans-serif;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: 0; width: 250px;
		}
		.tooltip:hover img {
			border: 0; margin: -10px 0 0 -55px;
			float: left; position: absolute;
		}
		.tooltip:hover em {
			font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold;
			display: block; padding: 0.2em 0 0.6em 0;
		}
		.classic { padding: 0.8em 1em; }
		.custom { padding: 0.5em 0.8em 0.8em 2em; }
		* html a:hover { background: transparent; }
		.classic {background: #FFFFAA; border: 1px solid #FFAD33; }
		.critical { background: #FFCCAA; border: 1px solid #FF3334;	}
		.help { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.info { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.warning { background: #FFFFAA; border: 1px solid #FFAD33; }