<div>
Maybe this helps you, that's how I once solved the problem: <br />
<a href="http://www.redeker.de/CSS/googlemaps.css" rel="ugc">http://www.redeker.de/CSS/googlemaps.css</a><br />
Note that id=&quot;Fahrhinweise&quot; is the div I let Google place the driving dirctions and the main trick is to use the #Fahrhinweise selector to make rules specifically for driving directions, i.e. I have<br />
new GDirections(map,document.g<wbr />etElementB<wbr />yId(&quot;Fahrh<wbr />inweise&quot;))<wbr /><br />
somewehre in my js code.<br />
<br />
Use DOM inspector to find out about the structure and see what you wnat to restyle.<br />
<br />
Note that you MUST NOT use css to visibly remove warning hints Google adds (e.g. for pedestrians that might cross a motorway)
</div>


Maybe this helps you, that's how I once solved the problem:
http://www.redeker.de/CSS/googlemaps.css [http://www.redeker.de/CSS/googlemaps.css]
Note that id="Fahrhinweise" is the div I let Google place the driving dirctions and the main trick is to use the #Fahrhinweise selector to make rules specifically for driving directions, i.e. I have
new GDirections(map,document.getElementById("Fahrhinweise"))
somewehre in my js code.

Use DOM inspector to find out about the structure and see what you wnat to restyle.

Note that you MUST NOT use css to visibly remove warning hints Google adds (e.g. for pedestrians that might cross a motorway)

<div>
<div class="content wysiwyg-content">
how can i customize the directions panel with css , this is the demo i am trying to customize<br />
<br />
<a href="http://code.google.com/apis/maps/documentation/javascript/examples/directions-panel.html" rel="ugc">http://code.google.com/apis/maps/documentation/javascript/examples/directions-panel.html</a>
</div>
</div>


how can i customize the directions panel with css , this is the demo i am trying to customize

http://code.google.com/apis/maps/documentation/javascript/examples/directions-panel.html

Google maps v3 customize the directions panel

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.