@charset "utf-8";
/* CSS Document 
Stlyes that are controlled using Javascript
see dhtml.js for specific functionality*/

/*
z-index of the tabs layer is above the individual tabbed layers so top border of tabbed layer is "hidden" beneath active/open tab
*/
div#theTabs{
width:262px;
height:24px;
z-index:20;
position:absolute;
}

div#theTabs a,div#theTabs img{outline:none; border:none;}

div#tp{
background-color:#517B5A;
}

div#tp a{color:#FFFFFF;}

div#searchResults{
background-color:#518550;
}

div#tips{
background-color:#405A41;
}


/*
use margin-top to move these layers below the tabs
*/
div.tabbedLayer{
margin-top:23px;
visibility:hidden;
width:272px;
font-size:12px;
line-height:200%;
padding:10px;
height:567px;
overflow:auto;
border:1px solid #BFB0B3;
border-bottom:3px solid #BFB0B3;
position:absolute;
z-index:1;
background-repeat:repeat-x;
color:#FFFFFF;
}

div.tabbedLayer a{color:#FFFFFF;}