/* example, probably needs to be adjusted for each project */
ul.tabs_container { height: 33px; line-height: 33px; position: relative; margin: 0; padding: 0; list-style: none; }
ul.tabs_container li { padding: 0; margin: 0 3px 0 0; float: left; background: none; list-style-type: none; }
ul.tabs_container li a { display: inline-block; color: #666; text-decoration: none; padding: 0; margin: 0; background: url(/images/tabs/tab_large_left.gif) no-repeat top left; }
ul.tabs_container li a span { padding: 0px 14px; margin: 0; display: inline-block; font-weight: bold; cursor: pointer; text-decoration: none; background: transparent url(/images/tabs/tab_large_right.gif) no-repeat top right; }
ul.tabs_container li a:hover, ul.tabs_container li a.active { font-weight: bold; background-position: left 100%; text-decoration: none; }
ul.tabs_container li a:hover span, ul.tabs_container li a.active span { background-position: right 100%; }
.tab_section { padding: 25px; margin-top: -1px; border: 1px solid; border-color: #e8e8e8; border-width: 1px 0 0 1px; border-style: solid; height: 1%; }

/*.tab .pagecontent a img { margin:0; }*/

.tab .pagecontent { width:100%; display: inline-block; color: #666; text-decoration: none; padding: 0; margin: 20px 0px 5px; background: url(/images/tabs/tab_large_left.gif) no-repeat top left; height:33px; overflow:hidden;}
.tab .pagecontent .editableRegion { padding: 0px 14px; margin: 0; display: inline-block; font-weight: bold; cursor: pointer; text-decoration: none; width:100%; }