beach live popup

by alanbeech

HTML

<div style="font-size:12px; font-family: Arial, Helvetica; border: solid 1px #ccc; width:255px;  padding:10px;">
   
    <img style="width: 30px; float: left; margin-top:3px;" src="http://www.beachlive.co.uk/images/events/bluewave_sq.gif" alt="Blue Beach Status" title="Blue Beach Status" />

<div style="padding-left: 40px; color:#003399; font-size:14px">Paignton (Paignton Sands)</div>
    
    <div style="margin-left:40px; margin-top:5px; font-size:11px;">TQ4 6AG, Lat/Lon 50.4N 3.6W</div>
    
    <div style="border: solid 1px #ccc; width:242px; margin-top:10px; padding:5px;">
        <div style="font-weight: bold;">Water Status:</div>
        <div>No risk to quality from overflows</div>
        
        <div style="font-weight: bold; margin-top:10px;">EU Standards:</div>
        <div>Good in 2011</div>
        
        <div style="font-weight: bold; margin-top:10px;">Beach Awards:</div>
        <div style="margin-bottom: 5px;">Gold Beach Guide 2012, Blue Flag 2012, Quality Coast Award 2012</div>
        
        
    </div>
 
    <div style="margin-top:10px;color:white; padding:10px;width:234px; height:13px; background-color:#003399; text-align: center;cursor: pointer;" title="READ MORE ABOUT THIS BEACH">READ MORE ABOUT THIS BEACH</div>
    
</div>