SO fiddle
Test Fiddle mainly for SO Questions
HTML
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/dot-luv/jquery-ui.css">
<div class="divVVList1">
<div class="divVVInner1">
<div class="divService1">
<div class="divServiceLeft1">SERVICE</div>
<div class="divServiceRight1" style="">ALPACA SERVICE1 /6767</div>
</div>
<div class="divClr1"></div>
<div class="divVessel1">
<div class="divVesselLeft1">VESSEL</div>
<div class="divVesselRight1">Charlotte C. Rickmers</div>
</div>
</div>
<div class="divVVInnerLeft">
<div class="divEta1">
<div class="divLeftEtd1">ETD</div>
<div class="divRightEtd1">07-Jul-2013 02:00 (Swire)</div>
</div>
<div class="divClr1"></div>
<div class="divEta1">
<div class="divLeftEta1">ETA</div>
<div class="divRightEta1">05-Jul-2013 05:00 (al)</div>
</div>
</div>
<div class="divImag1"><img alt="" style="height: 11px; width: 11px;" src="../image_repository/OrangeButton.png"></div>
<div class="divVVInner1">
<div class="divService1">
<div class="divServiceLeft1">SERVICE</div>
<div class="divServiceRight1" style="">CHEETAH SERVICE/2222</div>
</div>
<div class="divClr1"></div>
<div class="divVessel1">
<div class="divVesselLeft1">VESSEL</div>
<div class="divVesselRight1">MSC Agata</div>
</div>
</div>
<div class="divVVInner12">
<div class="divEta1">
<div class="divLeftEtd1">ETD</div>
<div class="divRightEtd1">08-Jul-2013 21:00 (al)</div>
</div>
<div class="divClr1"></div>
<div class="divEta1">
<div class="divLeftEta1">ETA</div>
<div class="divRightEta1">04-Jul-2013 23:00 (SVAQJ)</div>
</div>
</div>
<div class="divImag2">
<div class="divImagLeft1">
<input...
CSS
.divVVList1 {
float: left;
width: 98%;
margin-top: 21px;
margin-left: 8px;
background-color: #C5E0B4;
min-height: 59px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
font-family: 'Segoe UI';
font-size: 14px;
}
.divVVInner1 {
/*float: left;
width: 25%;*/
float: left;
width: 25%;
border-left: 1px solid #E2F0D9;
}
.divVVInner12 {
/*float: left;
width: 20%;*/
float: left;
width: 20%;
}
.divVVInnerLeft {
/*float: left;
width: 23%;
border-right: 1px solid #E2F0D9;*/
float: left;
width: 23%;
}
.divService1 {
width: 100%;
min-height: 40px;
}
.divServiceLeft1 {
float: left;
width: 27%;
line-height: 30px;
margin-left: 8px;
font-weight: bold;
}
.divServiceRight1 {
float: left;
float: left;
width: 60%;
line-height: 30px;
}
.divClr1 {
height: 5px;
width: 100%;
}
.divVessel1 {
width: 100%;
min-height: 40px;
}
.divVesselLeft1 {
float: left;
line-height: 40px;
width: 27%;
margin-left: 8px;
font-weight: bold;
}
.divVesselRight1 {
float: left;
line-height: 40px;
width: 60%;
}
.divEtaEtd1 {
float: left;
width: 23%;
}
.divEta1 {
width: 100%;
min-height: 40px;
}
.divLeftEtd1 {
float: left;
width: 15%;
line-height: 30px;
margin-left: 8px;
font-weight: bold;
}
.divRightEtd1 {
float: left;
float: left;
width: 75%;
line-height: 30px;
}
.divEta1 {
width: 100%;
min-height: 40px;
}
.divLeftEta1 {
float: left;
...
JavaScript
$('.vvradiobtn').click(function () {
alert($("input:radio['name=VVradio']:checked").val());
});