/*
These styles are reversing the jQuery mobile styling and will put radio buttons next to each other for display, 
instead of being on top of each other.  You should only include this file for pages that you desire this display
behavior.
*/

.ui-controlgroup-controls,.ui-controlgroup-controls .ui-radio,.ui-controlgroup-controls .ui-checkbox,.ui-controlgroup-controls .ui-select,.ui-controlgroup-controls li
    {
    display: inherit;
}

.ui-controlgroup-vertical .ui-btn.ui-first-child {
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
}

.ui-controlgroup-vertical .ui-btn.ui-last-child {
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
}

.ui-controlgroup-controls .ui-btn-corner-all,.ui-controlgroup-controls .ui-btn.ui-corner-all {
    -webkit-border-radius: inherit !important;
    border-radius: inherit !important;;
}