body { /*background: url("../images/imagedoc-darknoise.png") repeat scroll 0 0 #222222;*/ font-family: Helvetica, Arial, sans-serif; background: #999999; margin: 0; padding: 0; position: relative; text-align: center; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

#prev { background: url("../images/arrow-left.png") no-repeat scroll center center #FFFFFF; display: block; height: 100px; left: 20px; bottom: 20px; /*margin-top: -50px; top: 50%;*/ position: fixed; width: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; filter:alpha(opacity=50); }
#next { background: url("../images/arrow-right.png") no-repeat scroll center center #FFFFFF; display: block; height: 100px; right: 20px; bottom: 20px; /*margin-top: -50px; top: 50%;*/ position: fixed; width: 60px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; filter:alpha(opacity=50); }
#prev:hover,
#next:hover { opacity: 1; filter:alpha(opacity=100); }

#tabs { background: rgba(0,0,0,0.2); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; display: block; list-style: none outside none; margin: 15px; padding: 5px 0; position: fixed; }
#tabs li { transition: all 0.2s ease 0s; font-size: 10px; color: rgba(255,255,255,0.50); cursor: pointer; padding: 4px 10px; position: relative;}
#tabs li:hover { color: #ffffff; }
#tabs li.current { font-size: 16px; color: #ffffff; font-weight: bold; }
#tabs li span {
	display: none;
	position: absolute;
	font-size: 11px;
	white-space: nowrap;
	top: 3px;
	left: 43px;
	background: #7b7b7a;
	padding: 4px 13px;
	border-radius: 4px;
}
#tabs li:hover span {
	-webkit-animation: none !important;
	animation: none !important;
}
#tabs li:hover span,
#tabs li.current span {
	display: block; 
}
#panes { margin: 0; padding: 0; list-style: none outside none; }
#tabs li.current span {
  -webkit-animation: seconds 0.5s forwards;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-delay: 3s;
  animation: seconds 0.5s forwards;
  animation-iteration-count: 1;
  animation-delay: 3s;
}

@-webkit-keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes seconds {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
