css/tabcontent.css

   1 .shadetabs{
   2 padding: 3px 0;
   3 margin-left: 0;
   4 margin-top: 1px;
   5 margin-bottom: 0;
   6 font: bold 12px Verdana;
   7 list-style-type: none;
   8 text-align: left; /*set to left, center, or right to align the menu as desired*/
   9 }
  10
  11 .shadetabs li{
  12 display: inline;
  13 margin: 0;
  14 }
  15
  16 .shadetabs li a{
  17 text-decoration: none;
  18 padding: 3px 7px;
  19 margin-right: 3px;
  20 border: 1px solid #778;
  21 color: #2d2b2b;
  22 background: white url(shade.gif) top left repeat-x;
  23 }
  24
  25 .shadetabs li a:visited{
  26 color: #2d2b2b;
  27 }
  28
  29 .shadetabs li a:hover{
  30 text-decoration: underline;
  31 color: #2d2b2b;
  32 }
  33
  34 .shadetabs li.selected{
  35 position: relative;
  36 top: 1px;
  37 }
  38
  39 .shadetabs li.selected a{ /*selected main tab style */
  40 background-image: url(shadeactive.gif);
  41 border-bottom-color: white;
  42 }
  43
  44 .shadetabs li.selected a:hover{ /*selected main tab style */
  45 text-decoration: none;
  46 }
  47
  48 .tabcontentstyle{ /*style of tab content oontainer*/
  49 border: 1px solid gray;
  50 width: 90%;
  51 margin-bottom: 1em;
  52 padding: 10px;
  53 }
  54
  55 .tabcontent{
  56 display:none;
  57 }
  58
  59 @media print {
  60 .tabcontent {
  61 display:block!important;
  62 }
  63 }