Como alterar a cor, padding e margin da infowindow ?

Olá pessoal ,

Não tenho conhecimento nenhum em javascript , porém eu estou tentando mudar a cor da infowindow no mapa e tirar aquele padding e as bordas radius . mas não estou conseguindo.

alguem tem uma solução ai para me ajudar com essa infowindow ?

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.oscaraguiar.com/mapa.png&key=42692cf2d9f8ba4072f1d110e7e629bb4f677e69a7de7c73a67b91d342646e36" alt="mapa.png" />

o script que estou usando .

$(document).ready(function() {
var latlng = new google.maps.LatLng( -23.5545776,-46.6472447 );
var options = {

zoom: 13, center: latlng, zoonControl: true, zoomControlOptions: { style: google.maps.ZoomControlStyle.SMALL, position: google.maps.ControlPosition.LEFT_BOTTOM }, mapTypeControl: false, disableDoubleClickZoom: true, mapTypeControl: false, scaleControl: false, scrollwheel: false, panControl: false, streetViewControl: true, draggable : true, overviewMapControl: false, overviewMapControlOptions: { opened: false, }, mapTypeId: google.maps.MapTypeId.ROADMAP

};
var map = new google.maps.Map(document.getElementById('map_div'), options);

 // Propriedades do marcador
 var image = new google.maps.MarkerImage('images/marker.png',
 new google.maps.Size(62, 62),
 new google.maps.Point(0,0),
 new google.maps.Point(18, 42)
 );

 // Adicionar marcador
 var marker1 = new google.maps.Marker({
 position: new google.maps.LatLng( -23.560303,-46.657365 ),
 map: map,
 icon: image
 });

 google.maps.event.addListener(marker1, 'click', function() {
 infowindow1.open(map, marker1);
 });

 var infowindow1 = new google.maps.InfoWindow({
 content: createInfo('<div>','vazio','</div>')

 });
 function createInfo(title, content) {
 return '<div><strong>'+ title +'</strong><br />'+content+'</div>';
 }

});

Agradeço desde já.
Oscar