@charset "utf-8";
/* CSS Document */

  #tab_nav {
  background:#ccc url(../img/tooltip/h300_reverse.png) repeat-x bottom;
  height:31px;
  width:300px;
  margin:0px;
  }

  #tab_nav ul {
  width:300px;
  margin-top:0px;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  color:#999;
  }

  #tab_nav li {
  float:left;
  width:100px;
  height:31px;
  list-style-type:none;
  text-align:center;
  margin-top:0px;
  margin-left:0px;
}

  #tab_nav a {
  color:#999;
  display:block;
  word-spacing:-2px;
  font-size:11px;
  height:31px;
  text-decoration:none;
  margin:0px;
  }

  #tab_nav a.current {
  background: url(../img/tooltip/down_large.jpg) no-repeat;
  background-position:center;
  color:#FFF;
  margin-left:2px;
  padding:0px;
  }


  #tab_nav strong {
  display:block;
  font-size:13px;
  }

  /* panes */
  #panes {
	background:#fff url(../img/tooltip/bg-tabs.jpg) repeat scroll 0 0;
	width:298px;
	height:240px;
	margin-bottom:-20px;
	text-align:left;
	border:1px solid #CCC;
	/* must be relative so the individual panes can be absolutely positioned */
  	position:relative;
	font-family:Georgia;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	color:#666;
  }

  /* crossfading effect needs absolute positioning from the elements */
  #panes div {
  display:none;
  position:absolute;
  top:10px;
  left:20px;
  font-size:13px;
  color:#444;
  width:260px;
  vertical-align:top;
  }

  #panes img {
  float:left;
  margin-right:20px;
  }
  
  #panes p.more {
	font-family:Georgia;
	font-weight:normal;
	font-style:normal;
	font-size:12px;
	color:#666;
  }

  #panes h3 {
  margin:0 0 -5px 0;
  font-size:22px;
  font-weight:normal;
  }

  .overlay {
  display:none;
  width:500px;
  padding:20px;
  background-color:#ddd;
  }