div.TabContentA {background:#FFFFFF url('../../GfXSys/dot.gif') center top; direction:ltr; width:100%; text-align:right; border:0px solid #000000; margin:2px; padding:0px;}
.shadetabs {direction:ltr; background-color:#D8D6A6; padding: 3px 0; margin:0; font: normal 12px Tahoma; list-style-type: none;}
.shadetabs li{display: inline; margin:0;}
.shadetabs li a{text-decoration: none; position: relative; z-index: 1; padding: 3px 7px; margin-right: 3px; border: 1px solid #778; color: #2d2b2b; background: white url(TabContentA.gif) top left repeat-x;}
.shadetabs li a:visited{color: #2d2b2b;}
.shadetabs li a:hover{text-decoration: underline; color: #2d2b2b;}
.shadetabs li a.selected{position: relative; top: 1px;}
.shadetabs li a.selected{background-image: url(TabContentAactive.gif); border-bottom-color: white;}
.shadetabs li a:hover.selected{text-decoration: none;}
.tabcontent{direction:ltr; display:none; padding:6px;}
@media print {.tabcontent {display:block !important;}}

.animatedtabs{direction:ltr; border-bottom: 1px solid gray; overflow: hidden; width: 100%; font-size: 12px;}
.animatedtabs ul{list-style-type: none; margin: 0; margin-left: 10px; padding: 0;}
.animatedtabs li{float: left; margin: 0; padding: 0;}
.animatedtabs a{float: left; position: relative; top: 5px; background: url(TabLeft.gif) no-repeat left top; margin: 0; margin-right: 3px; padding: 0 0 0 9px; text-decoration: none;}
.animatedtabs a span{float: left; position: relative; display: block; background: url(TabRight.gif) no-repeat right top; padding: 5px 14px 3px 5px; font-weight: normal; color: black;}
.animatedtabs a span {float:none;}
.animatedtabs .selected a{background-position: 0 -125px;top: 0;}
.animatedtabs .selected a span{background-position: 100% -125px; color: black; padding-bottom: 8px; top: 0;}
.animatedtabs a:hover{background-position: 0% -125px; top: 0;}
.animatedtabs a:hover span{background-position: 100% -125px; padding-bottom: 8px;top: 0;}