#tabContent {

	padding: 5px;
}

#tabIndex {
	margin: 0px;
	padding: 0px;
	font-size:0.6em;
}

#tabIndex li {
	float:left;
	margin-right: 10px;
	padding: 0.5em;
	font-weight: normal;
	list-style-type: none;
	cursor: pointer;
	display: block;
}

#tabIndex li a {
 text-decoration:none;
 color:#333333;
}

#tabIndex li a:hover {
 color:#ff0000;
}

#tabIndex .close {
  background-image:url(tab2.png);
  text-decoration: none;
  color:#ffffff;
}
#tabIndex .open {
  background-image:url(tab1.png);
  text-decoration: none;
}

#tabBoxIndex {
	background-image:url(tab1.png);
	/*border: #FFE3A5 solid 1px;*/
	padding: 1em;
	clear: both;
}

.tabBox {
margin-bottom:-5px;
}


/*Hack for Opera */

@media screen and (min-width: 350px){

#tabIndex li {
font-size:140%;
}

}