/**
 * TopicBrowser.css
 *
 * Copyright 2008 RealPatterns, Inc. All rights reserved.
 */



.TopicBrowser {

  width: 100%;
  margin: 0px auto;
  height: 100%;
}
.TopicBrowser ul {

  font: normal 12px sans-serif;
  margin: 10px 0px;
  padding: 0px;
  width: 24%;
  list-style: none;
  float: left;
}
.TopicBrowser ul li {

  margin: 0px !important;
  padding: 4px 0px;
  float: none  !important;
  width: 100% !important;
  height: auto !important;
  background: none !important;
}
.TopicBrowser ul li:hover{
	text-indent: 0;
}
.TopicBrowser ul li h1 {

  margin: 0px;
  padding: 0px;
  font: normal 12px sans-serif;
  text-decoration: none;
  padding-left: 5%;
  overflow: hidden;
  cursor: pointer;
  width: 95%;
}
.TopicBrowser ul li h1 a { 

  color: inherit;
  text-decoration: none;
}
.TopicBrowser ul li ul {

  margin: 0px;
  padding: 0px;
  padding-left: 26px;
  border: none;
  width: auto;
  list-style: none inside none;
  float: none;
  display: none;
  text-indent: 0;
  font-weight: normal;
}
.TopicBrowser ul li.Selected h1 {

  
}
.TopicBrowser ul li.Selected ul {

  display: block;
}
.TopicBrowser ul li ul li {

  border: none;
  padding: 0px;
  display: inline;
  font-size: 16px;
}
.TopicBrowser ul li ul li a {
  display: block;
  color: inherit;
  font: normal 10px sans-serif;
  text-decoration: none;
}
.TopicBrowser ul li ul li a:hover {

  color: #5e94d2;
}

@media only screen and (max-width: 835px) {
	
	.TopicBrowser ul{
		width: 33%;
	}
	
	
	.SectionTabBar div.Tier ul.Tabs li.Expansion ul li ul li a{
		font-size: 16px;
	}
	
}

@media only screen and (max-width: 558px) {
	.TopicBrowser ul{
		width: 90%;
		margin: 0px;
	}
	
	
	.TopicBrowser ul li h1 {
		padding-left: 16px;
	}
	
}