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

#pettabs {

background-image: url(survey_tab_back.gif);
background-position: bottom center ;
background-repeat: repeat-x;
  margin: auto 20px; 
padding:0;
border: 0px #FF0000 solid;
/* width: 890px; */

}


.indentmenu{
height: 35px;
font: bold 11px Arial;

width: 90%; /* leave this value as is in most cases*/
margin: 0;
padding: 0;


}

.indentmenu ul{
margin: 0 0 0 0px;
padding: 0;
 /* float: left;
/* width: 100%; /* width of menu*/
/* border-top: 1px solid #CCCCCC; darkred border*/


}

.indentmenu ul li{

display: inline;
}

.indentmenu ul li a{
float:	left;
color: #666666; /*text color*/
width:160px;
font: bold 11px Arial;
padding: 3px 4px 0px 0px;
margin-top: 2px;
text-decoration: none;
/* border-right: 1px solid darkred; darkred divider between menu items*/
background: transparent url(survey_tab2.gif) left top no-repeat; 
margin-left: 0px;
border: 0px #FF0000 solid;
}

.indentmenu ul li a:visited{
color: #666666; font: bold 11px Arial; text-decoration: none;
}

.indentmenu ul li a:active{
color: #666666; font: bold 11px Arial; text-decoration: none;
}

.indentmenu ul li a:hover{
color:	#006699;font: bold 11px Arial; text-decoration: none;
}

.indentmenu ul li a.selected{
color: #CC0000 !important;
padding-top: 5px; /*shift text down 1px*/
padding-bottom: 1px;
font: bold 11px Arial;
text-decoration: none;
/*
background: black url(http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/ajaxtabs/indentbg2.gif) center center repeat-x;
*/

background: transparent url(survey_tab_light2.gif) left top no-repeat;
}