/*styles specific to template example pages - begin*/
/*The service list style makes a definition list item appear on the same line when the page is wide 
and seperate lines when it is narrow. (In compatiblity mode it'll always be seperate lines)*/
.serviceList {
    border-collapse: collapse;
    width: 100%;
    font-size:90%;
}

    .serviceList dt {
        display: inline-block;
        line-height: 2;
        margin-left: 0%;
        margin-right: 2%;
        padding-right: 0%;
        padding-left: 0%;
        /* The min-width and width need to be adjusted depending on longest text in the dt section to look right.
       Anything you add to the width should be subtracted from the dd width and vice versa.*/
        min-width: 160px;
        width: 15%;
    }

    .serviceList dd {
        display: inline-block;
        margin: 0%;
        padding-right: 0%;
        padding-left: 0%;
        padding-bottom: 10px;
        width: 73%;
    }

        .serviceList dd:after {
            content: "\a";
            white-space: pre;
        }
/*styles specific to template example pages - end*/