#contentArea{
  padding:5px 0px 5px 0px;  
}

#index{
  padding:5px 3px 7px 20px;  
}

#index table td{
  vertical-align:top;  
}

/* @group INFO BOX */

div.infoBox{
  padding:2px 10px 10px 20px;
}

div.infoBox div.title{
  font-weight:bold;
  padding-bottom:1px;
  font-size:12pt;
}

div.infoBox td.imageCell{
  padding:3px 10px 0px 0px;
}

div.infoBox table.top div.title{
  background-color:transparent;
  padding-top:0px;
  margin-top:0px;
}

div.infoBox table.top div.element div.name{
  font-weight:bold;
  display:inline;
}

div.infoBox table.top div.element div.value{
  display:inline;
}

.backToIndex{
	margin-top: 10px;
}
/* @end */
/* @group Pest Module */
.tooltip{
	width: 560px;
	height: 340px;
	border: 2px solid #30398a;
	position: absolute;
	z-index: 10;
	background-color: white;
	font-size: 8pt!important;
	visibility: hidden;
	margin: auto;	
  left: 0;
  right:0;
  top: -70px;
  overflow:hidden;
}

.contentlinks{
	width: 100%;
	border-bottom: 2px solid #a8b0b6;
	padding-top: 20px;
	font-size: 8pt;
}

.contentlinks .tt-left{
	vertical-align: top;
	width: 100%;
}
div.tooltip .tt-left{
	width: 280px;
	float: left;	
}

.tooltip .tt-description{
	padding: 0 0 5px 8px;
	overflow: hidden;
}

.contentlinks .tt-description{
	padding: 0 0 5px 15px;
	background-image: url('paraarrow.gif');
	background-repeat: no-repeat;
	/*height: 200px;*/
	overflow: hidden;
}

.contentlinks .tt-description p.top{
  text-indent:5px;
}

.contentlinks .tt-description p{
	margin-top: 0;
}

.tooltip .tt-description p{
        height: 170px;
        overflow: hidden;
}
.tooltip .tt-description p.top{
        height: 16px;
}

td.tt-what-to-do{
	background-color: #e9f0f6;
	vertical-align: top;
}

.tooltip .tt-what-to-do{
	position: absolute;
	bottom: 0;
	margin-right: 500px;
	background-color: #e9f0f6;
	overflow: hidden;
}

div.tooltip .tt-what-to-do{
	top: 208px;
	width: 280px;
	height: 132px;
}

.tt-what-to-do ul{
	padding: 0 15px 0px 20px;
	margin: 10px 5px 10px 5px;
}

.tt-to-do-title{
	background-color: #d5dfe7;
	padding: 4px 15px 4px 15px;
	font-weight: bold;
	font-size: 9pt;
}
.tooltip .tt-right{
	position: absolute;
	left: 280px;
	width: 280px;
}


.contentlinks .tt-right{
	margin-right: 10px;
	vertical-align: top;
}


.img-block img{
	margin: 0!important;
	padding: 0!important;
	border: 0!important;
}

img.seriousness1, img.seriousness2, img.seriousness3{
	display: block;
}

img.seriousness1{
	background-color: #82ae45;
}
.tt-title{
	color: gray;
	margin: 0 5px
}

.tt-thumb{
	width: 60px;
	font-size: 10px;
	overflow: hidden;
	float: left;
	border: 5px solid #e8f8e6;
}

.tt-right .tt-thumb{
	border: none !important;
	padding:5px !important;
}

.contentlinks .moreInfoLink{
	text-align: left;
	width: 280px;
	display: block;
	margin: 0 0 18px 5px;
}

/* @end */

#infoBox div.element a.pest {
	padding-right: 23px;
	background-image: url('mouseover.png');
	background-repeat: no-repeat;
	background-position: right 2px;
	border:solid 1px white; /* ie7 bug, icons are not displayed for most left elements */
}