.highlight { background:#ffff00; }
a .highlight { text-decoration: underline; }
p.grey {
   margin: 0;
   padding: 6px 0 6px 0;
   position: relative;
}
p.yellow {
   background-color: #f9f9e6;
   margin: 0;
   padding: 6px 0 6px 20px ;
   position: relative;
}
p.pink {
   background-color: #f0e1d9;
   margin: 0;
   position: relative;
   padding: 6px 0 6px 20px ;
}
.greybg {
   border-left: 20px solid #CCCCCC; 
   margin: 0;
   padding: 0;
   position: relative;
}
.yellowbg {
   border-left: 20px solid #f9f9e6; 
   margin: 0 0 0 20px;
   padding: 0;
   position: relative;
}
.pinkbg {
   border-left: 20px solid #f0e1d9;
   margin: 0 0 0 20px;
   padding: 0;
   position: relative;
}
.data { margin: 0; }
.data img { margin-right: 5px; }
.greybg p,
.yellowbg p,
.pinkbg p { clear: none; }
p.heading { margin-left: 0 !important; }
.whitebg {
   background-color: #fff;
   margin: 0 0 0 0;
   padding: 6px 0 6px 0;
   position: relative;
   width: auto;
}
.data {
   border-bottom: solid 1px #CCCCCC;
   border-top: solid 1px #CCCCCC;
   height: auto;
   margin: 0;
   padding: 10px 0 10px 5px;
   position: relative;
   top: 0;
   width: auto;
}
.whitebg .data {
   margin: 0;
   overflow:hidden;
}
.whitebg .heading {
   overflow: hidden;
   padding-left: 10px;
}
* html .whitebg .heading {
   height: 1%;
   overflow: visible;
}
.form-controls {
   float: left;
   left: -16px;
   margin: 0;
   padding: 0;
   position: absolute;
   width: 20px;
}
.data p {
   margin: 0 0 0 10px;
   padding: 0;
}
.data .headings-present p {
   margin: 0 0 0 20px;
   padding: 0;
}
.greybg p.heading {
   background:  #CCCCCC;
   border-top: none;
   color: #ffffff;
   font-weight: bold;
   margin: 0;
   padding: 5px 0 5px 10px;
}
.greybg > p.heading:first-child {
   margin: 0;
   position: relative;
}