/* ADDITIONAL */
body {
	background-color:#222222;
}

.hdiv {
background-image:url(../../img/template_fi/hdiv.gif);
background-repeat:repeat-x;
}
.vdiv {
background-image:url(../../img/template_fi/vdiv.gif);
background-repeat:repeat-y;
}

.contentHeader {
background-image:url(../../img/template_fi/header.jpg);
background-repeat: no-repeat;
background-color:#660066;
height:114px;
width:595px;
}
.contentBody {
background-image: none;
background-color:#660066;
padding:20px;
}

.navTopLeft1 {
background-color:#9C009C;
width:154px;
}
.navTopLeft2 {
background-color:#660066;
padding-bottom:21px;
width:154px;
}

.rightBottom {
background-color:#660066;
text-align:center;
padding:10px;
}
.leftBottom {
background-color:#660066;
text-align:center;
padding:10px;
}
.summaryHp {/* header element float */
font-family: Helvetica, Arial,  sans-serif;
font-size: 1.3em;
font-weight: bold;
color: #FFFFFF;
float: left;
width: 210px;
margin: 10px;
text-align:right;
}
.caption {
font-family:Helvetica, Arial,  sans-serif;
font-size:9px; 
padding-top: 25px;
color:#83A5C8;
}
/* TOOLTIPS STYLE*/
.tooltip{
	background-color:#660066;
	}
.tooltip:hover{
	background-color:#650066; /* I  have NO idea why ut this value MUST by different to that within the frontend.css to display the tooltip: I have set it to 1 value less in the red*/
	}
.tooltip p{
    background-color:#9C009C;
	}
.tooltip:hover span{ /*the span will display just on :hover state*/
    background-color:#9C009C;
	}
	
	/*UL styles*/
UL {
	list-style-image: url(/img/template_fi/bullet_icon1.gif);
}

UL UL LI {
	list-style-image: url(/img/template_fi/bullet_icon2.gif);
}

UL UL UL LI {
	list-style-image: url(/img/template_fi/bullet_icon3.gif);
}

.policy {
	font-weight:bold;
	color:#fe22fe;
}