@import "reset.css";

p {
margin-bottom:10px;
}
h1, h2, h3, h4, h5, h6 {
line-height:1.3em;
margin-bottom:0.6em;
}
a {
color:#0068B7;
text-decoration:none;
}
li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
small {
  font-size:0.7em;
}
body {
	width:300px;
	background:#FFFFFF none repeat scroll 0 0;
	color:#5A5A5A;
	font-family:verdana,arial,sans-serif;
	font-size:62.5%;
	line-height:1.5em;
	margin-left:auto;
	margin-right:auto;
}

#content{
	width:300px;
	height:245px;
	margin-left:auto;
	margin-right:auto;
}

#caminfo{
	border:1px solid #1e89ad;
	width:278px;
	height:70px;
	font-size:1.2em;
	color:#1e89ad;
	font-weight:normal;
	padding:2px;
	margin-left:auto;
	margin-right:auto;
}
div#primary li.recentcomments {
  font-size:1.5em;
  display:block;
  padding:2px 6px 2px 8px;
  color:#212121; 
}
div#primary li.recentcomments:hover {
  background-color:#ffffff;
}
div#primary li.recentcomments h4 {
  
  display:block;
}
div#primary li.recentcomments h4 small {
  float:right;
  font-weight:normal;
  vertical-align:top;
  display:block;
  font-size:100%;
}
div#primary ul#recentcomments{
  padding:1px;
}
.hreport {
 background-color:#380404; 
 color:#dddddd;
 padding:5px;
}
.belang2 {
 background-color:#6d0101; 
 color:#ffffff;
 padding:5px;
}
.belang1 {
 background-color:#f6f6f6; 
 color:#8a0000;
 padding:5px;
}

/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
	font-size:1.2em;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #993300;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url("../../../media/images/bubble.gif") no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	line-height:1.2em;
	padding: 0 8px; 
	background: url("../../../media/images/bubble_filler.gif") repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url("../../../media/images/bubble.gif") no-repeat bottom;
}