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


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
width:576px;
/* width: 80%; width of menu*/

}

.indentmenu ul li{
display: inline;
margin-left:3px;
}

.indentmenu ul li#first {
display:inline;
margin-left:3px;
}
.indentmenu ul li#second {
display:inline;
margin-left:3px;
}
.indentmenu ul li#third {
display:inline;
margin-left:3px;
}
.indentmenu ul li#fourth {
display:inline;
margin-left:3px;
}
.indentmenu ul li#fifth {
display:inline;
margin-left:3px;
}
.indentmenu ul li#sixth {
display:inline;
margin-left:3px;
}
.indentmenu ul li#seventh {
display:inline;
margin-left:3px;
}


.indentmenu ul li a{
background:black url("../images/bg/tab-off.gif") no-repeat scroll left top;
float: left;
color: white; /*text color*/
display:block;
padding: 5px 11px;
text-decoration: none;
width:49px;
}

.indentmenu ul li#first a{
background:black url("../images/bg/big-tab-off.gif") no-repeat scroll left top;
float: left;
display:block;
color: white; /*text color*/
padding:5px 0 5px 10px;
text-decoration: none;
width:77px;
}
.indentmenu ul li#second a{
background:black url("../images/bg/small-tab-off.gif") no-repeat scroll left top;
float: left;
display:block;
color: white; /*text color*/
padding:5px 0 5px 3px;
text-decoration: none;
width:57px;
}
.indentmenu ul li#third a{
background:black url("../images/bg/big-tab-off.gif") no-repeat scroll left top;
float: left;
display:block;
color: white; /*text color*/
padding:5px 0 5px 10px;
text-decoration: none;
width:77px;
}
.indentmenu ul li#fourth a{
background:black url("../images/bg/small-tab-off.gif") no-repeat scroll left top;
float: left;
display:block;
color: white; /*text color*/
padding:5px 0 5px 10px;
text-decoration: none;
width:50px;
}
.indentmenu ul li#fifth a{
background:black url("../images/bg/middle-tab-off.gif") no-repeat scroll left top;
float: left;
display:block;
color: white; /*text color*/
padding:5px 0 5px 7px;
text-decoration: none;
width:65px;
}
.indentmenu ul li#sixth a{
background:black url("../images/bg/very-big-tab-off.gif") no-repeat scroll left top;
float: left;
display:block;
color: white; /*text color*/
padding:5px 0 5px 5px;
text-decoration: none;
width:110px;
}
.indentmenu ul li#seventh a{
background:black url("../images/bg/big-tab-off.gif") no-repeat scroll left top;
float: left;
display:block;
color: white; /*text color*/
padding:5px 0 5px 5px;
text-decoration: none;
width:82px;
}

.indentmenu ul li a:visited{
color: white;
}

.indentmenu ul li a.selected{
background:black url("../images/bg/tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}

.indentmenu ul li#first a.selected{
background:black url("../images/bg/big-tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}
.indentmenu ul li#second a.selected{
background:black url("../images/bg/small-tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}
.indentmenu ul li#third a.selected{
background:black url("../images/bg/big-tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}
.indentmenu ul li#fourth a.selected{
background:black url("../images/bg/small-tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}
.indentmenu ul li#fifth a.selected{
background:black url("../images/bg/middle-tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}
.indentmenu ul li#sixth a.selected{
background:black url("../images/bg/very-big-tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}
.indentmenu ul li#seventh a.selected{
background:black url("../images/bg/big-tab-on.gif") no-repeat scroll left top;
color: white !important;
padding-top: 6px; /*shift text down 1px*/
padding-bottom: 4px;
}


.tabcontentstyle{ /*style of tab content oontainer*/
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}