/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.tabs-hide {
		display: none;
  }
}

/* Hide useless elements in print layouts... */
@media print {
	.tabs-nav {
  	display: none;
  }
}

/* Skin */
.tabs-nav {
	float: left;
  margin: 2em 0 0 0;
	padding: 0;
	background-color: #fff;
	clear: both;
}

.tabs-nav li {
	float: left;
  margin: 0;
	padding: 0;
}



.tabs-nav a {
	display: block;
	margin-right: .1em;
	padding: .2em .5em .4em .5em;
	background-color: #fafafa;
  color: #a24475;
  font-size: 1em;
  text-align: center;
  text-decoration: none;
}

.tabs-nav a:hover {
	color: #000;
	background-color: #e8d2e0;
}

.tabs-nav .tabs-selected a {
	/*position: relative;
  top: 1px;*/
	color: #000;
	background-color: #e8d2e0;
}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {
	cursor: text;
}

.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
  cursor: pointer;
}

.tabs-container {
  padding: 1em 0;
}

.tabs-loading em {
	padding: 0 0 0 20px;
  background: url(loading.gif) no-repeat 0 50%;
}