.tabbox { position: relative; overflow: visible; clear: both; }

.tabbox-top {background: url(../images/design-images/tab-box-top.jpg); width: 817px; height: 114px; margin-bottom: -40px;}

.tabbox .tabPanel h3 {float: left; max-width: 20em; margin: 0; font-size: 1em; .font-size: .85em; background: url(../images/graytheme/tabbarbg.gif) repeat-x; height: 37px; border: solid #cccccc; border-width: 1px 1px 0 0; font-family: helvetica; }
.tabbox .first h3 {background: url(../images/graytheme/tabhover.gif); margin-left: 179px; border-left: 2px solid #cccccc; }
.tabbox .tabPanel h3 a { text-decoration: none; color: #000; display: block; height: 20px; padding: 5px; background: url(../images/graytheme/tabbarbg.gif) repeat-x; height: 37px; }
.tabbox .tabPanel h3 a:hover { background: url(../images/graytheme/tabhover.gif); height: 37px;}
.tabPanel.selected h3 a { background: url(../images/graytheme/selectedtab.gif) repeat-x; height: 37px;}


.tabbox .tabContent { position: absolute; top: -9999px; left: -9999px; background: url(../images/design-images/tab-box-tile.jpg) repeat-y; width: 817px; padding: 0px; }
.tabbox .selected .tabContent { top: 114px; left: 0;}

.tabbox-bottom {background: url(../images/design-images/tab-box-bottom.jpg); width: 817px; height: 36px; margin-bottom: 20px; margin-left: 65px; margin-top: 50px;}


/* Vertical */
.verticalTabs .tabPanel h3 { float: none; clear: both; width: 10em; border-width: 0 1px 1px 1px; }
.verticalTabs .tabPanel h3 a { height: auto; }
.verticalTabs .first h3 {  border-width: 1px; }
.verticalTabs .selected .tabContent { top: 0; left: 10em; min-height: 10em; margin-left: 1px; }