I have been messing with this for days, inserting one spry tabbed panel is fine but if I insert another one on a separate page somehow they are linked so if I change the color of one the other changes also, do I need to insert a div tag into the editable region first and rename it to separate them? and one more thing while I'm here, these areas won't line up unless they are in the live view, while I'm working on them they are off the the right and down from my templete.
Thanks for any help with this
Give each Spry a different ID: #spryTabbedPanelOne, #spryTabbedPanelTwo.
To distinguish styles, add those IDs to your CSS.
Design View is not 100% reliable. Use Live View and Preview in Browsers to test.