Sorry, but we need a bit more information. Are you using a skin that is *SUPPOSED* to look like the bottom one but for some reason isn't?
Or have you created a skin from scratch and you are trying to determine how you might make it look like the bottom one?
If you created from scratch, it will be helpful to know exactly what you did and how you went about it.
Helpful and Handy Links
Current skin looks like top pic. I created it from an existing robohelp skin using the WebHelp Skin Editor.
I would like to further modify it so it looks like the bottom pic. Specifically remove the lines between frames. Add the vertical shadow line. Reformat the tool bar at the top for color, shape of highlights, font, etc. make highlight in TOC full horizontal width of frame.