/*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .animatedtabs{ border-bottom: 1px solid gray; overflow: hidden; width: 100%; font-size: 14px; /*font of menu text*/ } .animatedtabs ul{ list-style-type: none; margin: 0; margin-left: 10px; /*offset of first tab relative to page left edge*/ padding: 0; } .animatedtabs li{ float: left; margin: 0; padding: 0; } .animatedtabs a{ float: left; position: relative; top: 0px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */ background: url('tab-silver-left.jpg') no-repeat left top; margin: 0; margin-right: 3px; /*Spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; } .animatedtabs a span{ float: left; position: relative; display: block; background: url('tab-silver-right.jpg') no-repeat right top; padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */ font-weight: bold; color: #f07b05; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ .animatedtabs a span {float:none;} /* End IE5-Mac hack */ .animatedtabs a.selected { background-position: 0 -125px; top: 0; } .animatedtabs a.selected span{ background-position: 100% -125px; color: #3c3c3c; padding-bottom: 3px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0; } .animatedtabs a:hover{ background-position: 0% -125px; top: 0; text-decoration: none; } .animatedtabs a:hover span{ background-position: 100% -125px; padding-bottom: 3px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0; } .tabcontentstyle{ /*style of tab content oontainer*/ border: 1px solid gray; width: 450px; margin-bottom: 1em; padding: 10px; } .tabcontent{ display:none; padding: 2px; } .tabcontent a:link,.tabcontent a:visited, .tabcontent a:active { color:#0000ff; /* Orange */ font-weight:bold; text-decoration: underline; } .tabcontent a:hover { color:#0000ff; /* Sea Green */ text-decoration: underline; } .tabcontentbox div { border:8px solid #CCCCCC;  padding:0px;  overflow:auto;  margin-bottom:15px;  background-color: #F4F4F4; } .tabcontentcomponent div { background-color: #cccccc; border:0px none;  font-weight: bold; font-size: 12px; padding: 5px 0 0 5px;  overflow:auto; width: 520px;  margin-bottom:5px;  } .tabcontentcomponent div table, .tabcontentcomponent div td, .tabcontentcomponent div th { background-color: #cccccc; font-weight: bold; font-size: 12px; } @media print { .tabcontent { display:block !important; } }