body {
	font-family: Arial;
	font-size: 12px;
	color: #666;
	

	
	}


a {
	
	text-decoration: none;
	
}


#menu-panel {
	position: relative;
	text-align: center;
	width: 960px;
	height: 40px;
	
	margin: 0 auto;
	border-bottom: 1px solid #064875;
	
		

/*		
-moz-box-shadow: 0px 0px 10px #999 ;
-webkit-box-shadow: 0px 0px 10px #999 ;
box-shadow: 0px 0px 10px #aaa;
*/

border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
-khtml-border-radius: 10px 10px 0px 0px;

	
background: rgb(0,63,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,63,107,1) 0%, rgba(39,118,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,63,107,1)), color-stop(100%,rgba(39,118,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f6b', endColorstr='#2776aa',GradientType=0 ); /* IE6-9 */


}

#menu_topline{
	
	z-index: 1;
	position: relative;
	width: 960px;
	
	margin: 0 auto;
	border-bottom: 1px solid #064875;
	




}


.menu{
	position: relative;
	font-family: Calibri;
	font-size: 13px;
	font-weight: bold;
	top: 0px;
	right: 20px;
	color: #fff;
}

.menu a:link	{
	
	
	text-decoration: none;
	color: #fff;
	padding: 10px;
	
}

.menu a:visited {
	
	text-decoration: none;
	color: #fff;
}
.menu a:hover {
	

	text-decoration: none;
	right: 0px;
	position: relative;
	color: #EAAE13;
	/*background: #EAAE13;*/
	
	
}
.menu a:active {
	
	text-decoration: none;
	color: #fff;
}






.fmenu{
	position: relative;
	font-family: 'calibri';
	font-size: 13px;
	top: 0px;
	
	line-height: 18px;
	color: #fff;
}

.fmenu a:link	{
	
	
	text-decoration: none;
	color: #fff;
	
	
}

.fmenu a:visited {
	
	text-decoration: none;
	color: #fff;
}
.fmenu a:hover {
	

	text-decoration: none;
	position: relative;
	color: #fff;
	border-bottom: 1px dotted #fff;
	/*background: #EAAE13;*/
	
	
}
.fmenu a:active {
	
	text-decoration: none;
	color: #fff;
}





#prolink{
	position: relative;
	display: block;

}

#prolink a:link	{
	
	
	text-decoration: none;
	
	
	
}

#prolink a:visited {
	
	text-decoration: none;
	
}
#prolink a:hover {
	

	text-decoration: none;

	
	
}
#prolink a:active {
	
	text-decoration: none;
	
}






.vmenu {
	position: static;
	z-index: 1;
	width: 130px;
	border-right: 30px solid #90bade;
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif;
	padding-right: 0px;
	background: #fff;
	color: #fff;
}

.vmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
	
.vmenu li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	list-style: none;
	list-style-image: none;
}
	
.vmenu li a {
	display: block;
	padding: 5px 15px 5px 5px ;
	border-left: 10px solid #1958b7;
	/*border-right: 10px solid #508fc4;*/
	background-color: #003f6b;
	color: #fff;
	text-decoration: none;
	width: 100%;
}



.vmenu li a:hover {
	border-left: 10px solid #E1B23E;
	/*border-right: 10px solid #5ba3e0;*/
	background-color: #2175bc;
	color: #fff;
}


#curpage{
	
	 

color: #E1B23E;


}


#curslinks{

	
	border-left: 10px solid #E1B23E;
	/*border-right: 10px solid #5ba3e0;*/
	background-color: #2175bc;
	color: #fff;
}

#vheading{
	
	color: #fff; text-align: center; width: 200px; height: 30px; line-height: 30px;
	font-size: 12px; font-weight: bold;

background: rgb(0,63,107); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,63,107,1) 0%, rgba(39,118,170,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,63,107,1)), color-stop(100%,rgba(39,118,170,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,63,107,1) 0%,rgba(39,118,170,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003f6b', endColorstr='#2776aa',GradientType=0 ); /* IE6-9 */



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

}


#leftnav{
	
	position: relative;
	width: 160px;
	height: 100%;
	border: 0px solid #666;
	
background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,63,107,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(100%,rgba(0,63,107,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,63,107,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,63,107,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,63,107,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,63,107,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#003f6b',GradientType=0 ); /* IE6-9 */
	
}




#leftnav_airports{
	
	position: relative;
	width: 160px;
	height: 100%;
	border: 0px solid #666;
	
background: #c9de96; /* Old browsers */
background: -moz-linear-gradient(top,  #c9de96 0%, #8ab66b 51%, #398235 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9de96), color-stop(51%,#8ab66b), color-stop(100%,#398235)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c9de96 0%,#8ab66b 51%,#398235 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c9de96 0%,#8ab66b 51%,#398235 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c9de96 0%,#8ab66b 51%,#398235 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c9de96 0%,#8ab66b 51%,#398235 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */
	
}

#leftnav_pm{
	
	position: relative;
	width: 160px;
	height: 100%;
	border: 0px solid #666;
	
background: #a9e4f7; /* Old browsers */
background: -moz-linear-gradient(top,  #a9e4f7 0%, #00aacc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e4f7), color-stop(100%,#00aacc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a9e4f7 0%,#00aacc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a9e4f7 0%,#00aacc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a9e4f7 0%,#00aacc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a9e4f7 0%,#00aacc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9e4f7', endColorstr='#00aacc',GradientType=0 ); /* IE6-9 */
	
}

#leftnav_sec{
	
	position: relative;
	width: 160px;
	height: 100%;
	border: 0px solid #666;
	
background: #fff4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #fff4f4 0%, #c96a6a 53%, #660000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff4f4), color-stop(53%,#c96a6a), color-stop(100%,#660000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fff4f4 0%,#c96a6a 53%,#660000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fff4f4 0%,#c96a6a 53%,#660000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fff4f4 0%,#c96a6a 53%,#660000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fff4f4 0%,#c96a6a 53%,#660000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff4f4', endColorstr='#660000',GradientType=0 ); /* IE6-9 */
	
}


#leftnav_surveys{
	
	position: relative;
	width: 160px;
	height: 100%;
	border: 0px solid #666;
	
background: #fffbf4; /* Old browsers */
background: -moz-linear-gradient(top,  #fffbf4 0%, #bf8500 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffbf4), color-stop(100%,#bf8500)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fffbf4 0%,#bf8500 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fffbf4 0%,#bf8500 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fffbf4 0%,#bf8500 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fffbf4 0%,#bf8500 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbf4', endColorstr='#bf8500',GradientType=0 ); /* IE6-9 */
	
}





#box {
	
	width: 960px;
	height:100%;
	margin: 0 auto;
	border: 0px solid #333;
	
	
}



#head {
	position: relative;
	width: 960px;
	height: 130px;
	margin: 0 auto;
	border: 0px solid #999;
	
	
}


#logo{

	float: left;
	margin-left: 0px;
	margin-top: 2px;


}





#slider {
	position: relative;
	width: 960px;
	height: 300px;
	border: 0px solid red;
	top: 10px;
	margin: 0 auto;
	overflow: hidden;

	
}



#content {
	position: relative;
	width: 960px;
	height: 100%;
	top: 8px;
	border: 0px solid #999;
	margin: 0 auto;
	

}


.data_right_caption{
	
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #666;


}



#welcome{
	
	width: 95%;
	height: 214px;
	color: #666;
	line-height: 18px;
	text-align: justify;
	margin-left: 10px;
	margin-top: 13px;
	border: 0px solid #eee;
	
	
}



.shadowbox{
	
	width: 170px;
	height: 100px;
	margin-top: 0px;
	border: 1px solid #ddd;
	


border-radius: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;




-webkit-box-shadow: 0 10px 6px -6px #999;
-moz-box-shadow: 0 10px 6px -6px #999;
box-shadow: 0 10px 6px -6px #999;



}

.shadowbox:hover{
	
	border: 1px solid #999;
	
	-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow:  0px 0px 3px darkblue;
	
}

.shadowbox2{
	
	width: 195px;
	height: 90px;
	margin-top: 0px;
	border: 1px solid #ddd;
	


border-radius: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;




-webkit-box-shadow: 0 10px 6px -6px #999;
-moz-box-shadow: 0 10px 6px -6px #999;
box-shadow: 0 10px 6px -6px #999;



}

.shadowbox2:hover{
	
	border: 1px solid #999;
	
	-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow:  0px 0px 3px darkblue;
	
}



#contenttext{
	
	width: 745px;
	height: 100%;
	color: #666;
	line-height: 19px;
	text-align: justify;
	margin-left: 10px;
	margin-top: 10px;
	border: 0px solid #eee;
	
	
}

#contenttext b{
	
	font-size: 12px;
	color: #003f6b;
}


#contenttext ul{
	
	line-height: 26px;
	
}


#imgborder {
   	padding :4px;
   	margin-left: 20px;
   	border: 1px solid #eee;
	
	


-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow:  0px 2px 5px #ccc;



border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;


}



.lineheight{
	
	line-height: 18px;
	color: #666;
	
	
}




#tblcontent fieldset { 
	border: 1px solid #ccc;
	
	margin: 0 auto;
	
	
		
}

#tblcontent legend {
  padding: 3px 25px;
  
  border: 1px solid #ccc;
  
  color: #003f6b;
  font-weight: bold;
  font-size: 16px;
  

border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;




}
  


fieldset { 
	border: 1px solid #ccc;
	
	margin: 0 auto;
		
}

legend {
  padding: 3px 25px;
  
  border: 1px solid #ccc;
  
  color: #003f6b;
  font-weight: bold;
  font-size: 12px;



border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;


  
  }
  
#defensetab{
	
	font-family: calibri; text-align: center; color: #333;
	width: 158px;
	height: 40px;
	margin-top: 2px;
	line-height: 40px;
	margin-bottom: 7px;
	border: 1px solid #eee;
	
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;


background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */



}


#defensetab:hover{
	
	border: 1px solid #aaa;
	
	-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow:  0px 0px 2px #aaa;
	
}




#commtab{
	
	font-family: calibri; text-align: center; color: #333;
	width: 158px;
	height: 40px;
	margin-top: 2px;
	line-height: 40px;
	margin-bottom: 7px;
	border: 1px solid #eee;
	
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;


background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */



}


#commtab:hover{
	
	border: 1px solid #aaa;
	
	-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow:  0px 0px 2px #aaa;
	
}






#gal-content{
	
	font-family: calibri;
	font-size: 16px;
	
	color: #333;
	
	
}

#proj-box{
	
	
	padding: 20px;
	border: 0px solid #eee;
	margin-bottom: 20px;
	
	background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
	
	
	
}

#gal-proj-heading{
	
	
	height: 30px;
	line-height: 30px;
	border: 0px solid #eee;
	margin-top: 0px;
	font-family: calibri;
	font-size: 16px;
	color: #333;
	
border-bottom: 1px solid #ccc;
}


#gal-content img{
	
   	padding : 6px;
   	margin-left: 10px;
   	border: 1px solid #eee;
	
	


-moz-box-shadow: 0px 0px 10px #ccc;
-webkit-box-shadow: 0px 0px 10px #ccc;
box-shadow:  0px 2px 5px #ccc;



border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
	
}







#footer {
	position: relative;
	width: 960px;
	height: 30px;
	border: 0px solid #999;
	margin: 0 auto;
	border-top: 0px solid #ccc;
	border-bottom: 0px solid #ccc;

background: #064875;

border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
-khtml-border-radius: 0px 0px 10px 10px;

}


#copyright{
	
	font-size: 11px;
	color: #666;
	
}


/* Back To Top */

#back-top {
	position: fixed;
	bottom: 20px;
	right: 0px;
}

#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 12px/100% Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #19bbf1;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	
	color: #ADD47A;
}

/* arrow icon (span tag) */
#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: url(../images/up-arrow-blue.png) no-repeat center center;

	/* rounded corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	/* transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background: url(../images/up-arrow.png) no-repeat center center;
	
}




#proj_box{
	
	position: relative;
	width: 161px;
	height: 60px;
	font-family: Trebuchet MS;
	font-size: 20px;
	color: #666;
	line-height: 60px;
	display: inline-block;
	border: 1px solid #f9f9f9;





border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
-khtml-border-radius: 5px 5px 5px 5px;


-webkit-box-shadow: 0 10px 6px -6px #666;
-moz-box-shadow: 0 10px 6px -6px #666;
box-shadow: 0 10px 6px -6px #666;

 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;	
	
}



#proj_box:hover{

 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1;
 opacity: 1;


cursor: pointer;	

 border: 1px solid #aaa;
 

 
 }




#shadowborder{
	
width: 938px;
height: 80px;
text-align: center;
padding: 10px;
background: #f9f9f9;
border: 1px solid #eee;

}







#tooltip
{
    text-align: center;
    font-family: Calibri;
    color: #fff;
    
    position: absolute;
    z-index: 100;
    padding: 15px;
    margin-left: 8px;
    border-radius: 3px;

background: rgb(201,222,150); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,222,150,1)), color-stop(44%,rgba(138,182,107,1)), color-stop(100%,rgba(57,130,53,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(201,222,150,1) 0%,rgba(138,182,107,1) 44%,rgba(57,130,53,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 ); /* IE6-9 */

opacity: 0.1;

    
}
 
    #tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #666;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -10px;
        margin-left: -10px;
    }
 
        #tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: 10px solid #666;
            top: -20px;
            bottom: auto;
        }
 
        #tooltip.left:after
        {
            left: 10px;
            margin: 0;
        }
 
        #tooltip.right:after
        {
            right: 10px;
            left: auto;
            margin: 0;
        }