/**
 * category page styles
 */
#categorypages {
  padding-top: 1.5em;
}

.categorypagetitle {
  cursor: pointer;
}

/* this :before psuedo element creates a margin at the top of the .categorypage so
   the anchor links to the tab content show the ui-tabs. this is cleaner looking and less confusing. */
.categorypage:before { 
  display: block; 
  content: " "; 
  margin-top: -3em; 
  height: 3em; 
  visibility: hidden; 
}

.categorypage h3 {
  margin-top: 2em;
}

/* jQuery ui overrides */
.ui-tabs .ui-tabs-panel {
  padding: 0 !important;
}

.ui-widget {
  font-size: 1em !important;
}

/**
 * gridded subsets guide styles
 */

#gridded_subsets div.image img {
	display: block;
	margin: 0 auto;
	float: none;
	border: thin solid lightgrey;
	max-width: 95%;
}

#gridded_subsets div.image {
	text-align: center;
}