/* ----------------------------------------- */
/* Vista: File- Search - inizio */
/* ----------------------------------------- */
/*.radio{float:left;}*/
.radio{
border:3px solid #eaeaea;
margin-bottom:5px;
padding:10px;
}
/*
Hide radio button (the round disc)
we will use just the label to create push button effect
*/
input[type=radio] {
display:none;
margin:10px;
}
/*
Change the look'n'feel of labels (which are adjacent to radio buttons).
Add some margin, padding to label
*/
input[type=radio] + label {
display:inline-block;
margin:-2px;
padding: 4px 12px;
/*background-color: #e7e7e7;
border-color: #ddd;*/
}
/*
Change background color for label next to checked radio button
to make it look like highlighted button
*/
input[type=radio]:checked + label{
/*background-image: none;
background-color:#d0d0d0;*/
}
/* ----------------------------------------- */
/* Vista: File- Search - fine */
/* ----------------------------------------- */