/**
 * @package     hubzero-cms
 * @file        components/com_search/assets/hubgraph/hubgraph.css
 * @copyright   Copyright 2005-2014 Purdue University. All rights reserved.
 * @license     http://www.gnu.org/licenses/lgpl-3.0.html LGPLv3
 */

/* Misc */
	.autocorrect-notice {
		font-style: oblique;
		margin: 0.3em 1em;
		opacity: 0.7;
	}
	.autocorrect-notice:before {
		content: "";
		position: relative;
		color: #178BC1;
		left: -0.5em;
	}
	button {
		cursor: pointer;
	}
	button.current,
	.current button {
		cursor: text;
	}

/* Search bar */
	#search-form,
	body #content form#search-form.search {
		border: none;
	}
	#search-form .bar {
		position: relative;
	}
	#search-form .bar fieldset {
		padding: 0 30px;
		margin: 0;
		border: none;
		background: #fff;
		border-bottom: 1px solid #999;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	#search-form .bar fieldset:before {
		font-family: 'Fontcons';
		content: '\f002';
		position: absolute;
		top: 0.7em;
		left: 30px;
		font-size: 1.7em;
		font-weight: normal;
		color: #999;
	}
	#search-form .bar fieldset:after {
		content: "";
		display: table;
		line-height: 0;
		clear: left;
	}
	#search-form .bar .terms {
		border: 1px solid #fff;
		background-color: #fff;
		padding: 0.4em 0.4em 0.4em 1.8em;
		margin: 0;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		        background-clip: padding-box;
		outline: none;
		font-size: 1em;
		line-height: 1.61803399em;
		display: block;
		float: left;
		width: 90%;
		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		        border-radius: 0;
		/*width: 100%;*/
		font-size: 1.5em;
	}
	#search-form .bar .terms.with-autocomplete {
		border-bottom-left-radius: 0;
	}
	#search-form .bar button.submit {
		display: block;
		float: left;
		width: 10%;
		margin-top: 0.75em;
	}
	#search-form .bar .clear {
		position: absolute;
		top: 0.85em;
		right: 15%;
		text-decoration: none;
		border: 0;
		visibility: hidden;
		color: #999;
		font-family: 'Fontcons';
		font-weight: normal;
		font-size: 1.5em;
		line-height: 1;
		display: block;
	}
	#search-form .bar .clear:hover {
		color: #c00;
	}
	#search-form .bar:hover .clear {
		visibility: visible;
	}

	/* Autocompleter dropdown */
	.complete {
		display: none;
		z-index: 9;
		border: 1px solid #eee;
		border-top: 0;
		padding: 0.5em 0 0 0;
		list-style: none;
		-webkit-border-radius: 0 0 0.25em 0.25em;
		   -moz-border-radius: 0 0 0.25em 0.25em;
		        border-radius: 0 0 0.25em 0.25em;
		box-shadow: 1px 7px 10px rgba(0,0,0,0.3);
		line-height: 1em;
		background-color: #fff;
		margin: 0;
		position: absolute;
		top: 98%;
		left: 30px;
	}
	.complete .categories {
		margin-left: 1em;
		margin-bottom: 1em;
	}
	.complete ul {
		padding-left: 0;
		list-style: none;
		display: inline;
		margin-left: -0.8em;
		clear: left;
		line-height: 0.5em;
		font-size: 110%;
	}
	.complete li {
		display: inline-block;
		margin-right: 0.4em;
		line-height: 1.1em;
		margin-top: 4px;
		margin-bottom: 0;
	}
	.complete li.cat {
		display: block;
		max-height: 4.3em;
		overflow: auto;
		padding: 0.2em 2.5em 1em 2.5em !important;
		margin: 0 0.7em;
	}
	.complete li.cat.orgs:before {
		content: '\f068';
		position: relative;
		left: -1.5em;
		font-family: "Fontcons";
	}
	.complete li.cat.tags:before{
		content: '\f02b';
		position: relative;
		left: -1.5em;
		top: 0.2em;
		font-family: "Fontcons";
	}
	.complete li.cat.users:before{
		content: '\f007';
		position: relative;
		left: -1.5em;
		font-family: "Fontcons";
	}
	.complete li.cat.text ul {
		margin-left: 0;
	}
	.complete li.cat.text {
		background: #eee;
		margin: 0;
		margin-top: 1em;
		padding: 1em 2em 1em 2.5em !important;
		border-top: 1px dashed #ddd;
		max-height: none;
	}
	.complete li.cat.text a {
		color: #222;
	}
	.complete li.cat li {
		cursor: pointer;
	}
	.complete li a {
		border: 0;
		border-radius: 4px;
	}
	.complete li a em {
		background: #eee;
	}
	.complete li.cat.text a em {
		background: #e3e3e3;
	}
	.complete li a:hover {
		background: rgba(0, 0, 0, 0.04);
	}
	.complete ul li:after {
		content: ",";
	}
	.complete ul li:last-child:after,
	.complete ul li.cat,
	.complete .tags li:after {
		content: "";
	}
	.complete .tags li {
		margin-right: 0.3em !important;
	}
	.complete li button {
		border: 0;
		background: 0;
		color: #0888ab;
		font-size: 80%;
		padding: 0;
	}

/* Panes */
	.pane {
		display: table;
		width: 100%;
	}
	.pane-row {
		display: table-row;
		width: 100%;
	}
	.pane {
		display: table-cell;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}

	/* Filters */
	.pane-filters {
		padding: 0;
		width: 15em;
		min-width: 15em;
		background: #e9e9e9;
		background: rgba(0, 0, 0, 0.075);
	}
	.pane-filters .count {
		padding: 30px;
		width: 15em;
		min-width: 15em;
		max-width: 15em;
	}
	.pane-filters h3 {
		margin: 0 0 0.5em;
		padding: 0;
	}
	.pane-results .pane-inner {
		padding: 30px;
	}

/* Results */
	.results h3 {
		margin: 0 0 0.2em 0;
	}
	.results {
		margin: 0;
		padding: 0;
		border: none;
	}
	.results li {
		border: none;
		margin: 0;
		padding: 1em 0;
	}
	.results li:first-child {
		padding-top: 0;
	}
	.results h3 a {
		border: 0;
	}
	.results .details td {
		display: inline-block;
		margin: 0;
		padding: 0 0.4em;
		font-weight: normal;
		border-bottom: 0;
		border-right: 1px solid #eee;
	}
	.results td:last-child {
		border-right: 0;
		padding-right: 0;
	}
	.results td:first-child {
		text-align: left;
		padding-left: 0;
	}
	.results .details {
		margin: 0;
		border: 0;
		color: #888;
	}
	.results blockquote {
		background: transparent;
		margin: 0;
		padding: 0;
		border: 0;
		font-style: normal;
		color: #666;
		line-height: 1.6em;
	}
	.results blockquote:before {
		content: '';
	}

/* Tags */
	.results ol.tags,
	.facets ol.tags {
		margin: 0;
		padding: 0;
		max-height: 14.7em;
		overflow: auto;
	}
	.results ol.tags li {
		display: inline-block;
		padding: 0 0.2em 0 0;
		margin: 0 !important;
		font-size: 100% !important;
	}
	.results ol.tags li a:before {
		display: none;
	}
	.results ol.tags li button,
	.results ol.tags li a,
	.facets ol.tags li button,
	.complete .tags li button {
		font-size: 90% !important;
		border: 1px solid #ccc !important;
		background: #eee !important;
		color: #666;
		padding: 0.2em 0.4em;
		border-radius: 0.25em;
		font-style: oblique;
	}
	.results ol.tags li button:hover,
	.results ol.tags li a,
	.facets ol.tags li button:hover,
	.complete .tags li button:hover {
		border: 1px solid #444;
		background: #444;
		color: #fff;
	}

/* Domains */
	.domains {
		list-style: none;
		margin: 0;
		padding: 0;
		position: relative;
	}
	.domains li {
		margin: 0;
		padding: 0;
		position: relative;
		border-top: 1px solid #999;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}
	.domains li span {
		font-size: 90%;
		display: block;
		position: absolute;
		top: 0.45em;
		right: 0;
		line-height: 1;
		padding: 0.3em 0.4em;
		background: #e1e1e1;
		background: rgba(0, 0, 0, 0.1);
		-webkit-border-radius: 0.25em;
		   -moz-border-radius: 0.25em;
		    -ms-border-radius: 0.25em;
		     -o-border-radius: 0.25em;
		        border-radius: 0.25em;
		color: #888;
		font-weight: normal;
	}
	.domains li.current span {
		background: #ccc;
		background: rgba(0, 0, 0, 0.4);
		color: #fff;
	}
	.domains li button,
	.pages li button {
		background: transparent;
		border: none;
		color: #666;
		margin: 0;
		padding: 0.5em 0;
		width: 100%;
		display: block;
		text-align: left;
	}
	.domains li.current,
	.pages li {
		background: transparent;
	}
	.domains li.current button,
	.pages li.current button {
		color: #222;
		font-weight: bold;
	}
	.domains li.current button span {
		font-weight: normal;
	}
	.domains li button:hover {
		color: #222;
	}
	.domains li button:hover span {
		background: #d9d9d9;
		background: rgba(0, 0, 0, 0.2);
	}
	.domains .current.subsel button {
		cursor: pointer !important;
	}
	.domains .current.subsel button:after {
		color: #900;
		content: 'x';
		padding-left: 6px;
		font-weight: bold;
	}

	/*
	.members .domain {
		width: 300px !important;
	}
	.members .details td:last-child {
		width: 300px !important;
	}
	.citation.details td {
		max-width: 33%;
	}
	*/

/* Pages */
	.pages {
		font-style: oblique;
		margin-bottom: 4em;
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: visible;
		margin-top: -1px;
		margin-left: 30px;
	}
	.pages ol {
		list-style: none;
		display: inline;
		margin-left: 4px;
		padding: 0;
	}
	.pages li {
		display: inline-block;
		margin: 0;
	}
	.pages li button {
		-webkit-border-radius: 0 0 0.25em 0.25em;
		   -moz-border-radius: 0 0 0.25em 0.25em;
		        border-radius: 0 0 0.25em 0.25em;
		position: relative;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ddd;
		padding: 0 0.3em;
	}
	.pages li.current button {
		border-top: 1px solid #f9f9f9;
		border-bottom: 1px solid #ccc;
	}

/* Facets */
	.facets {
	}
	.facets ol {
		list-style: none;
		margin: 0;
		padding: 0;
		line-height: 1em;
	}
	.facets ol.timeframe {
		max-height: 2.4em;
	}
	.facets li {
		display: inline-block;
		padding: 0;
		line-height: 1em;
		margin: 0;
		margin-right: 0 !important;
		font-size: 110%;
		float: none !important;
	}
	.facets li button,
	.facets li a {
		font-size: 85% !important;
		border: 0;
		color: #0888ab;
		font-style: oblique;
		background: transparent;
		padding-right: 0;
		padding-left: 0.2em;
	}
	.facets li a {
		font-weight: bold;
		background: #ff9 !important;
		color: #333 !important;
		border-radius: 0.25em;
		padding: 0.4em !important;
	}
	.facets li a:hover {
		background: #ff9 !important;
		color: #333 !important;
	}
	.facets li a span {
		color: #933 !important;
		font-family: monospace;
		position: relative;
		top: -2px;
		padding-left: 6px;
		font-size: 120%;
	}
	.facets li button:hover {
		background: rgba(0, 0, 0, 0.04);
	}
	.facets li:after {
		content: ', ';
	}
	.facets ol.tags li:after,
	.facets li:last-child:after {
		content: '';
	}
	.facets .inline.search input {
		padding: 0.2em;
		font-size: 90%;
		display: block;
		margin: 0 0 0.7em 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
		-webkit-background-clip: padding-box;
		   -moz-background-clip: padding-box;
		    -ms-background-clip: padding-box;
		     -o-background-clip: padding-box;
		        background-clip: padding-box;
	}
	.facets select {
		font-size: 80%;
	}
	.facet {
		padding: 30px;
		border-top: 1px solid #999;
		border-top: 1px solid rgba(0, 0, 0, 0.1);
	}

/* Misc. */
	.throbber {
		margin-top: 2.5em;
	}
	hr {
		margin-top: 2em;
		border-top: 1px dashed #999;
	}
	.alt-link {
		font-size: x-small;
		vertical-align: super;
	}

/* Children */
	.children {
		max-height: 10em;
		overflow-y: auto;
		background: #f3f3f3;
		border-radius: 4px;
		font-size: 90%;
		margin: 0.5em 0 0 2em;
		max-height: 10em;
		opacity: 0.8;
		padding: 4px 8px;
	}
	.children li {
		margin: 0;
		padding: 0 0 0.4em 0;
	}
	.children h4 {
		margin: 0;
	}

/* Related */
	a.related {
		font-style: italic;
		font-size: x-small;
		cursor: pointer;
		opacity: 0.7;
	}
	.throbber.related {
		margin-top: 0;
	}
	ul.related {
		margin-top: 0;
	}
	ul.related li {
		padding: 0;
	}

/* Instructions */
	.instructions {
		width: 30em;
		margin: 90px auto;
		padding: 5em 0 0 0;
		text-align: center;
		position: relative;
	}
	.instructions p {
		font-size: 1.5em;
		line-height: 1.8em;
		font-weight: 300;
		margin: 0 0 2em 0;
	}
	.instructions:before {
		position: absolute;
		top: 0px;
		left: 50%;
		font-size: 5em;
		margin-left: -0.5em;
		content: "\f002";
		font-family: "Fontcons";
	}