/* Stylesheet for the dynamic tab control */


.dynamicTab { width: 100% }
.dynamicTab .outer { width: 150px; float: left; background-color: #cccccc; margin-right: 4px }
.dynamicTab h2 { margin: 0px; padding: 0px; display: block; padding: 0px }
.dynamicTab h2 a { padding: 3px; display: block; width: 144px; font: 9pt verdana, sans-serif; text-decoration: none; text-align: center; color: #000000 }
.dynamicTab .outer a:hover { background-color: #dddddd }


.dynamicTab .outer.active { background-color: #320a63 }
.dynamicTab .outer.active a { color: #ffffff }
.dynamicTab .outer.active a:hover { background-color: #320a63 }
.dynamicTab .tabcontent { clear: both; font: 8pt verdana, sans-serif; color: #000  }
.dynamicTab .tabcontent ul { margin: 0px; padding: 0px 0px 0px 20px; }
.dynamicTab .tabcontent p { margin: 8px 0px; padding: 0px; }
.dynamicTab .tabcontent ul li { margin: 3px }

.dynamicTab #dynamicTabContent { clear: both; height: 220px; border: solid 1px #999; border-top: solid 1px #000; padding: 8px }