Here is a commented sample of CSS changes we've used on our Demos.  This can be used as a template for making customizations to your Interface.

/* Set the "Found X number of results near YYYYYY text */
.metalocator .found{
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
font-style:italic;
}

/* Set the "No location found" text */
.metalocator .locator_no_results{
border: 1px solid #099;
background: white;
padding: 10px;
margin: 5px;
}

/* Set the "No location found" text, give it some flair */
.metalocator  .locator_no_results h4{
margin:0;
padding 0;
color:#099;
text-shadow: 2px 1px 2px #ccc;
filter: dropshadow(color=#ccc, offx=1, offy=1);
}

/* Style the form elements */
.metalocator input,.metalocator select{
color:black;
border-radius:3px !important;
-webkit-border-radius:3px !important;
}

/* Style the label of the Tag Group text */
.metalocator .tag_group label{
color:black;
}

/* Style the results column */
.metalocator .com_locator_results_wrapper{
background-color:white;
padding-left:5px;
margin-right:5px;
border: 1px solid #099;
}

/* Style the map area */
.metalocator .locator_combined_gmap{
margin-left:5px;
border: 1px solid #099;
}

/* Style the entire locator's font */
.metalocator {
font-family:Helvetica !important;
}

/* Style input elements to have a bit of an outter shadow */
.metalocator .com_locator_forms input,.metalocator .com_locator_forms select{
-moz-box-shadow: 0px 1px 0px #fff;
-webkit-box-shadow: 0px 1px 0px #fff;
box-shadow: 0px 1px 0px #fff;
}

/* Style form input elements */
.metalocator .com_locator_forms{
border:1px solid #cfcfcf;
border-radius:5px;
background-color:#e8e8e8;
margin-bottom:5px;
padding:10px;
}

/* Style form labels */
.metalocator span.label,.metalocator span.label_within{
color:#8f8f8f;
font-weight:bold;
}

.metalocator .locator_form {
border: none;
}

/* style the tag group checkboxes */
.metalocator label.rokchecks {
margin-left:10px;
}

/* style the submit button */
.metalocator .locator_submit{
background-color:#099;
font-weight:bold;
color:white;
background: -moz-linear-gradient(top, #00bfbf 0%, #009191 50%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00bfbf), color-stop(50%,#009191)); /* webkit */
padding:5px 10px;
border-radius:10px !important;
-webkit-border-radius:10px !important;
}

/* style the Tag icon legend */
.metalocator .locator_combined_legend{
margin-top:0px !important;
padding-top:0px !important;
}

/* style the Tag icon legend */
.metalocator .locator_combined_legend.bottom ul li{
padding:5px;
margin-top:0px!important;
}

/* style the Tag icon legend */
.metalocator .locator_combined_legend {
margin-top:0px!important;
border-top: 1px solid #e3f3f3;
border-bottom: 1px solid #87cbcb;
border-left: 1px solid #099;
border-right: 1px solid #099;
background-color:#099;
background: -moz-linear-gradient(top, #8dcece 0%, #58b7b7 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dcece), color-stop(100%,#58b7b7)); /* webkit */
color:white;
font-weight:bold;
}
Did this answer your question?