@charset "utf-8";

html,body{margin:5px 0px;padding:0px}
body{font: 76% arial,sans-serif}
p{margin:10px 10px 10px}


div#header h1{height:75px;
			line-height:80px;
			margin:0;
			padding-left:0px;
			padding-top:5px;
/*			background: #229DE3;*/
			border-bottom: 1px solid #5B8FB5;
			color: #FFDC1C}
div#container{margin:0px auto; 
			width:1070px; 
			height:100%; 
			background-color: white; 
			border-left: 1px solid #5B8FB5; 
			border-right: 1px solid #5B8FB5;
			border-top: 1px solid #5B8FB5;
			border-bottom: 1px solid #5B8FB5;
			-moz-border-radius:5px;
			border-radius:5px; }
div#wrapper{float:left;width:100%;}
div#content{margin:0 11% 0 150px;}
div#content p{line-height:1.4}
/* div#content a{display:inline;padding:0;color: #48718E} */
div#extra{background:#f0f9fb;float:left;width:11%;
		height:500px;margin-left:-11%;border-bottom: 1px solid #5B8FB5;}
div#extra p{margin:10px 5px 10px 5px}
div#navigation{background:#f0f9fb;float:left;width:150px;
		height:500px;margin-left:-100%;border-bottom: 1px solid #5B8FB5;border-right: 1px solid #5B8FB5;}
div#navigation p{margin:10px 5px 10px 5px}
/*div#navigation2{background:#f0f9fb;float:left;width:150px;
		height:420px;margin-left:-100%;margin-top:501px;border-right: 1px solid #5B8FB5;}
div#navigation2 p{margin:10px 5px 10px 5px}
div#navigation3{background:#f0f9fb;float:left;width:150px;
		height:2130px;margin-left:-100%;margin-top:501px;border-right: 1px solid #5B8FB5;}
div#navigation3 p{margin:10px 5px 10px 5px}
div#navigation4{background:#f0f9fb;float:left;width:150px;
		height:2900px;margin-left:-100%;margin-top:501px;border-right: 1px solid #5B8FB5;}
div#navigation4 p{margin:10px 5px 10px 5px}
div#navigation5{background:#f0f9fb;float:left;width:150px;
		height:1300px;margin-left:-100%;margin-top:501px;border-right: 1px solid #5B8FB5;}
div#navigation5 p{margin:10px 5px 10px 5px}
div#navigation6{background:#f0f9fb;float:left;width:150px;
		height:850px;margin-left:-100%;margin-top:501px;border-right: 1px solid #5B8FB5;}
div#navigation6 p{margin:10px 5px 10px 5px} */
div#footer{background: #229de3;
/*		color: #FFDC1C; */
		color: #FFFFFF; 
		clear:left;
		width:100%;
		height:75px;
		font: bold 12px "helvetica neue", helvetica, arial, sans-serif; }
div#footer p{padding:5px 10px;margin-left:auto;margin-right:auto;width:80%;}
div#footer a{display:inline;padding:0;color: #ffffff;text-decoration:none;}
div#footer a:hover{text-decoration:underline;}
div#mapcontainer{width:796px; height:496px;padding:2px;color: #000;
			border-left: 1px solid #5B8FB5; border-right: 1px solid #5B8FB5; border-bottom: 1px solid #5B8FB5;}
div#map{width:796px; height:496px;}
div#graphika{width:796px; height:456px;}

   .labels {
     color: red;
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
	 padding:2px;
     width: 42px;
     border: 1px solid darkblue;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
	 -webkit-border-radius: 3px;
     white-space: nowrap;
   }
   
   .labels_no_com {
     color: red;
     background-color: white;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     font-weight: bold;
     text-align: center;
	 padding:2px;
     width: 42px;
     border: 1px solid red;
	 -moz-border-radius: 3px;
	 border-radius: 3px;
	 -webkit-border-radius: 3px;
     white-space: nowrap;
   }
   
		/* minimal
		*******************************************************************************/
		button.minimal {
		 
		  background: #e3e3e3;
		  border: 1px solid #5B8FB5;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  box-shadow: inset 0 0 1px 1px #f6f6f6;
		  color: #296084;
		  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
		  line-height: 1;
		  padding: 8px 0 9px;
		  margin:5px;
		  text-align: center;
		  text-shadow: 0 1px 0 #fff;
		  width: 130px; }
		  button.minimal:hover {
			background: #d9d9d9;
			-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
			-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
			box-shadow: inset 0 0 1px 1px #eaeaea;
			color: #17384F;
			cursor: pointer; }
		  button.minimal:active {
			background: #d0d0d0;
			-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
			-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
			box-shadow: inset 0 0 1px 1px #e3e3e3;
			color: #000; }

			button.minimal1 {
		 
		  background: #e3e3e3;
		  border: 1px solid #DE821E;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  box-shadow: inset 0 0 1px 1px #f6f6f6;
		  color: #296084;
		  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
		  line-height: 1;
		  padding: 7px 0 8px;
		  margin:4px;
		  text-align: center;
		  text-shadow: 0 1px 0 #fff;
		  width: 130px; }
	

			
			strong.minimal {	  
		 	  
		  color: #296084;
		  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
		  line-height: 1;		  
		  margin:0 0 0 -5px;
		  text-align: center;
		  }
		  .checkbox, .radio {
  width: 19px;
  height: 25px;
  padding: 0 5px 0 0;
  background: url(checkbox.png) no-repeat;
  display: block;
  clear: left;
  float: left;
}

.regular-checkbox {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.regular-checkbox:active, .regular-checkbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
 
.regular-checkbox:checked {
    background-color: #e9ecee;
    border: 1px solid #adb8c0;
/*   box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); */
	color: #99a1a7;
}

.regular-checkbox:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}

span.minimal21 {
		 
		  background: #e3e3e3;
		  border: 1px solid #5B8FB5;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
		  box-shadow: inset 0 0 1px 1px #f6f6f6;
		  color: #296084;
		  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
		  line-height: 1;
		  padding: 8px 0 9px;
		  margin:5px;
		  text-align: center;
		  text-shadow: 0 1px 0 #fff;
		  width: 130px; }
		  span.minimal21 a {text-decoration: none;}
		  span.minimal21:hover {
			background: #d9d9d9;
			-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
			-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
			box-shadow: inset 0 0 1px 1px #eaeaea;
			color: #17384F;
			cursor: pointer; }


	hr {
		  border: 0;
		  width: 90%;color: #5B8FB5;
			background-color: #5B8FB5;
			height: 1px;
		}
		.tooltip {
			
			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;
			color: #17384F;
			position: absolute; left: 1em; top: 2em; z-index: 99;
			margin-left: -300px; margin-top: -30px; 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; }
		  
		 
		.input { border: 1px solid #5B8FB5; background: #F0F9FB; width: 138px; height: 20px;   }
		.inputService { border: 1px solid #5B8FB5; background: #F0F9FB; width: 140px; height: 20px;  }
		.form { margin: 0px 0px 0px 4px ;}
		.inputButton { border: 1px solid #5B8FB5; background: #E8E8E8; width: 135px; height: 25px; margin: 4px 0px 0px 2px  }
		  
		  table
			{
			border-collapse:collapse;
			}
			table,th, td
			{
			border: 1px solid #229de3;
			}
			td
			{
			padding:3px 5px 3px 10px;
			}
			th
			{
			background-color:#229de3;
			color:white;
			}
			
			img {border:0;}
			
		.service_data input{
			margin-right: 20px;
			margin-bottom: 5px;
		}
		
		#service{
			padding: 10px 0 0 0px; 
			font-size: 14px; 
			color: #296084; 
			font: 'helvetica neue', helvetica, arial, sans-serif; 
			line-height: 12px;
		}


	
/*
 * Simple Drop Down Menu w/ CSS & jQuery
 
 */

    #menu * { 
    padding:0; 
    margin: 0; 
    font: 11px/1.3em Tahoma, Arial, Verdana, sans-serif;
	background: #e3e3e3; 
	color: #296084;
    list-style-type:none;}
#menu { 
    margin-top: 0px;
    margin-left: 56px;
    float: left;
    line-height: 30px; 
    left: 200px;} 
#menu a { 
    display: block; 
    text-decoration: none; 
    color: #296084;}
#menu a:hover { background: #d9d9d9; color: #17384F;}
#menu ul li ul li a:hover { 
    background: #d9d9d9; 
    padding-left:9px;
    } 
 #menu ul li ul li {
    width: 114px; 
	margin-left: -1px;
	
    border: none; 
    color: #296084;  
    padding-top: 3px; 
    padding-bottom:3px; 
    padding-left: 3px; 
    padding-right: 3px; 
    background: #e3e3e3;
	border-top: solid 1px #5B8FB5; 
	border-left: solid 1px #5B8FB5;
	border-right: solid 1px #5B8FB5;
	border-bottom: solid 1px #5B8FB5;
    z-index:1;
} 
#menu ul li ul li a { 
    font: 11px arial; 
    font-weight:normal; 
    font-variant: small-caps; 
	
    padding-top:3px; 
    padding-bottom:3px;} 
#menu ul li {
    float: left; 
	
    width: 120px; 
    font-weight: bold; 
    border-top: solid 1px #5B8FB5; 
    border-bottom: solid 1px #5B8FB5; 
    border-left: solid 1px #5B8FB5; 
    border-right: solid 1px #5B8FB5; 
    background: #979E71;} 
#menu ul li a { 
    font-weight: bold;
    padding: 5px 5px;} 
#menu li{ 
    position:relative; 
    float:left;}
#menu ul li ul, #menu:hover ul li ul, #menu:hover ul li:hover ul li ul{ 
    display:none;
    list-style-type:none; 
    width: 120px;}
#menu:hover ul, #menu:hover ul li:hover ul, #menu:hover ul li:hover ul li:hover ul { 
    display:block;}
#menu:hover ul li:hover ul li:hover ul { 
    position: absolute;
    margin-left: 118px;
    margin-top: 0px;
    font: 10px;
	bottom:-9%;
    border-bottom: 1px solid transparent
	}
#menu:hover ul li:hover ul { 
    position: absolute;
    margin-top: 1px;
    font: 10px;
}
#menu>ul>li:hover>ul { 
    bottom:100%;
    border-bottom: 1px solid transparent
}



/*
 * Simple Drop Down Menu w/ CSS & jQuery
 
 */