/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
float:left;
width:100%;
margin:0px;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
position: relative;
z-index: 1;float:left;
background:url(../images/searchtab-left.gif) no-repeat left top;
margin:0;
margin-right: 1px; /*spacing between each tab*/
padding:0 0 0 6px;
text-decoration:none;
}

.shadetabs a span{
float:left;
display:block;
background:url(../images/searchtab-right.gif) no-repeat right top;
padding: 6px 18px 3px 10px;
font-size:12px;
font-weight:bold;
color:#00477D;
white-space:nowrap;
cursor:pointer;
}



.shadetabs a:hover span {
color:#333;
}

.shadetabs a.selected{ /*Selected Tab style*/
background-position:0 -29px; /*Shift background image up to start of 2nd tab image*/
}

.shadetabs a.selected span{ /*Selected Tab style*/
background-position:100% -29px; /*Shift background image up to start of 2nd tab image*/
color:#333;
}

.shadetabs a:hover{ /*onMouseover style*/
 text-decoration:underline;
}

.shadetabs a:hover span{ /*onMouseover style*/
 text-decoration:underline;
}




.tabcontentstyle{ /*style of tab content oontainer*/
border: 0px solid gray;
}

.tabcontent{
display:none;
}