/* Default CSS for new MaxMD WebsiteL  Tabbed information on home page
   Revised by Warren Mayer, wmayer@max.md
   Last Revision: December 9, 2010

*/
      
      div.domtab{
         /* padding:0 3em; */
         /*width:80%; */
         font-size:90%;
      }
      ul.domtabs{
         float:left;
         width:100%;
         /*margin:2em 0 0 0; */
      }
      ul.domtabs li{
         float:left;
         padding:0 .6em 0 0; 
      }
        
      ul.domtabs a:link,
      ul.domtabs a:visited,
      ul.domtabs a:active,
      ul.domtabs a:hover{
         width:10em;      /* changed from 9em; Controls TAB size. */ 
         padding:.2em 1em;
         display:block;
         background:#2164AA;
         color:white; /* changed from ccc */
         height:3em;
            letter-spacing: 0.1em;
         font-weight:bold;
         text-decoration:none;
            font-size:12px;
            font-family: Arial, Helvetica, sans-serif;
            margin:1px 0px 0px 0px;
            
      }
        
      html>body ul.domtabs a:link,
      html>body ul.domtabs a:visited,
      html>body ul.domtabs a:active,
      html>body ul.domtabs a:hover{
            text-align: center;
            vertical-align: middle;      
         height:auto;
         min-height:3em;
            -moz-border-radius-topleft: 5px;
            -moz-border-radius-topright: 5px;
            -moz-box-shadow: 3px 3px 1px #666;   /* adds shadow affect to tabs.  Not visible in IE */
            -webkit-box-shadow: 3px 3px 1px #666;
            box-shadow: 3px 3px 1px #666;
           
           
      }
      ul.domtabs a:hover{
         background:#169335;
      }

      div.domtab div.content{
         clear:both;
         width:735px;
         background:#F0F2EF;  /* changed from #ECF4FF, E3E5FF, E0E2DF */
         color:#000;
         padding:1em 2em;
            border: 1px #179237 solid;   /* border around product group */
            -moz-border-radius-topright: 5px; /* rounds the corners in CSS3 compliant browsers */
            -moz-border-radius-bottomleft: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-box-shadow: 3px 3px 3px #666;     /* adds shadow affect to product box.  Not visible in IE */
            -webkit-box-shadow: 3px 3px 3px #666;
            box-shadow: 3px 3px 3px #666;
      }

      ul.domtabs li.active a:link,
      ul.domtabs li.active a:visited,
      ul.domtabs li.active a:active,
      ul.domtabs li.active a:hover{
         background:#169335; /* changed from 696 */
         color:#fff;
        }
        
      #domtabprintview{
         float:right;
         padding-right:1em;
         text-align:right;
      }
      #domtabprintview a:link,
      #domtabprintview a:visited,
      #domtabprintview a:active,
      #domtabprintview a:hover{
         color:#fff;

      }
      /*p{
         margin:0 0 .5em 0;
         line-height:1.3em;
            font-size: 1em;         
                     
      }*/

        
   /* 
        h2{
         font-size:1.5em;
         color:#cfc;
         text-transform:uppercase;
         font-family:"Trebuchet MS",Arial,Sans-Serif;
         padding:0 0 .7em .2em;
      }
  */      
      #domtabprintview h1{
         font-size:2em;
         text-align:center;
         font-weight:normal;
         text-transform:uppercase;
         font-family:"Verdana, Arial, Helvetica, Sans-Serif";
         padding:.5em 0;
         background:#000;
         border-bottom:1px solid #666;
      }
        
        
        
      pre{
         font-size:1.2em;
         padding:1em;
      }
      div.domtab div a:link,
      div.domtab div a:visited,
      div.domtab div a:active
      {
         color:#fff;
         display:block;
         padding:1em .5em;
         font-weight:bold;
         font-size:1.0em; /* controls "read more links" */ 
             
      }
      div.domtab div h2 a,
      div.domtab div h2 a:hover,
      div.domtab div h2 a:active
      {
         color:#cfc;
         display:inline;
         padding:0;
         font-weight:normal;
         font-size:1em;
      }
      
/* other scheme! */
#other{
   font-size:.8em;
   margin-left:.3em;
   width:60em;
   margin-bottom:3em;
   float:left;
}
div#other.domtab div{
   clear:both;
   width:54em;
   background:#669;
   color:#fff;
   padding:1em 3em;
}
      
#other ul.domtabs a:hover{
   background:#669;
}
div#other ul.domtabs li.active a:link,
div#other ul.domtabs li.active a:visited,
div#other ul.domtabs li.active a:active,
div#other ul.domtabs li.active a:hover{
   background:#669;
   color:#fff;

}
#other div{
   float:left;
}
ul.prevnext{
   float:left;
   width:100%;
}
ul.prevnext li{
   float:left;
   width:49%;
}
ul.prevnext li.next{
   float:right;
   text-align:right;
}