.shadetabs{

padding: 3px 0;

margin-left: 6;

margin-top: 5px;

margin-bottom: 0;



font: bold 11px Verdana;

list-style-type: none;

text-align: left; /*set to left, center, or right to align the menu as desired*/

}



.shadetabs li{

display: inline;

margin: 0;



margin-top: 6px;

/*line-height: 20px; - controls the hight of the button spacing*/

white-space:nowrap; 

}



.shadetabs li a{ /*Size of button*/

text-decoration: none;

padding: 3px 7px;

margin-right: 3px;

border: 1px solid #CCC;

border-right: 2px solid #CCC;

color: #999999;

background: white;

background-image: url(http://www.websidehouseplans.com/Images/shade.gif);

}



.shadetabs li a:visited{

text-decoration: none;

color: #666666;

}



.shadetabs li a:hover{

text-decoration: none;

color: BLUE;

background-image: url(http://www.websidehouseplans.com/Images/shadeactive.gif);

}



.shadetabs li.selected{

position: relative;

top: 1px;

}



.shadetabs li.selected a{ /*selected main tab style */

background-image: url(http://www.websidehouseplans.com/Images/shadeactive.gif);

border-bottom-color: white;

color: #666666;

}



.shadetabs li.selected a:hover{ /*selected main tab style */

background-image: url(http://www.websidehouseplans.com/Images/shadeactive.gif);

text-decoration: none;

color: BLUE;

}



.shadetabs li a:visited{

color: #666666;

}



.tabcontentstyle{ /*style of tab content oontainer*/

border-top: 1px solid #CCC;

border-left: 1px solid #CCC;

border-bottom: 1px solid #CCC;

border-right: 1px solid #CCC;



margin-bottom: 1em;

padding: 6px;



}



.tabcontent{

display:none;

}



@media print {

.tabcontent {

display:block!important;

}

}