/*========================================================================================
This stylesheet overrides the styles of the skin portion of the help that 
cannot be edited within the Flare UI. The javascript that allows this css file to be 
used lives within the "Toolbar" tab ot the agiHelpSkin file in the Flare UI.
========================================================================================*/
/****************************************/
/* FONTS SETUP SECTION */
/****************************************/
/*--------------------*/
/* AVENIR */
/*--------------------*/
@font-face 
{
	font-family: 'Avenir';
	src: url('../Fonts/AvenirLTStd-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: 'Avenir';
	src: url('../Fonts/AvenirLTStd-Book.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face 
{
	font-family: 'Avenir';
	src: url('../Fonts/AvenirLTStd-Roman.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face 
{
	font-family: 'Avenir';
	src: url('../Fonts/AvenirLTStd-Medium.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face 
{
	font-family: 'Avenir';
	src: url('../Fonts/AvenirLTStd-Heavy.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}

@font-face 
{
	font-family: 'Avenir';
	src: url('../Fonts/AvenirLTStd-Black.woff') format('woff');
	font-weight: 900;
	font-style: normal;
}
/* ---------- */

/*--------------------*/
/* NUNITO */
/*--------------------*/
@font-face 
{
	font-family: 'Nunito';
	src: url('../Fonts/Nunito-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
}

@font-face 
{
	font-family: 'Nunito';
	src: url('../Fonts/Nunito-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}

@font-face 
{
	font-family: 'Nunito';
	src: url('../Fonts/Nunito-Regular.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

@font-face 
{
	font-family: 'Nunito';
	src: url('../Fonts/Nunito-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
}

@font-face 
{
	font-family: 'Nunito';
	src: url('../Fonts/Nunito-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
}

@font-face 
{
	font-family: 'Nunito';
	src: url('../Fonts/Nunito-ExtraBold.woff') format('woff');
	font-weight: 800;
	font-style: normal;
}
/* ---------- */

html
{
	/* Sets basis for 1rem = 14px */
	font-size: 14px;
}

body
{
	font-family: 'Avenir', 'Nunito', sans-serif;
	font-size: 14px;
	line-height: 175%;
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-x: auto;
	overflow-y: auto;
}

/* Adjusting Header portion (logo and search bar area) */
#header
{
	border-bottom: .08rem solid #555555;
}

#header .logo
{
	background: transparent url('../Images/STKEngineOnLinux_Logo.png') no-repeat center center;
	-pie-background: transparent url('../Images/STKEngineOnLinux_Logo.png') no-repeat center center;
	margin-left: 2.25rem;
	width: 750px;
}

#header .logo > img
{
	width: 750px;
}

.search-bar
{
	margin: 30px 0px 30px 0px;
	right: 2.25rem;
}

/* Search field */
#search-field:focus
{
	outline: .15rem solid #D9D8D6;
}

#search-field::placeholder
{
	color: #898A8D;
}

/* Search filter */
.search-filter span
{
	line-height: 250%;
	padding-right: 1.5rem;
}

.search-filter span:after
{
	right: 3.5rem;
}

/* Search filter menu */
.search-filter-content
{
	background-color: #373A36;
	border: .08rem solid #D9D8D6;
}

.search-filter-content ul
{
	max-height: 14rem;
	overflow: auto;
}

/* Search filter button */
.search-submit
{
	padding-left: .75rem;
}

.search-submit-wrapper:hover
{
	background: url('../Images/Search.png') no-repeat center center, -webkit-linear-gradient(top, #FFB71B 0%, #FFB71B 100%);
}

/* Sidebar Navigation */
.tabs-panel-content
{
	top: 0;
	right: 0;
	left: 0;
	border-top: none;
}

/* Images to the left of the navigation links */
.tree-node.tree-node-collapsed > div
{
	background: transparent url('../Images/FolderClose.png') no-repeat .75rem .35rem;
	-pie-background: transparent url('../Images/FolderClose.png') no-repeat .75rem .35rem;
	padding-left: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.tree-node.tree-node-expanded > div
{
	background: transparent url('../Images/FolderOpen.png') no-repeat .75rem .35rem;
	-pie-background: transparent url('../Images/FolderOpen.png') no-repeat .75rem .35rem;
	padding-left: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.tree-node.tree-node-leaf > div
{
	background: transparent url('../Images/Page.png') no-repeat .75rem .35rem;
	-pie-background: transparent url('../Images/Page.png') no-repeat .75rem .35rem;
	padding-left: 1.5rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

/* Images to the left of the navigation links hovered/selected */
.web .tree-node.tree-node-collapsed > div:hover
{
	-pie-background: transparent url('../Images/FolderClose-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	background: url('../Images/FolderClose-white.png') no-repeat .75rem .35rem, #c89211;
}

.tree-node.tree-node-collapsed.tree-node-selected > div
{
	-pie-background: transparent url('../Images/FolderClose-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	font-weight: 800;
	background: url('../Images/FolderClose-white.png') no-repeat .75rem .35rem, #898A8D;
}

.web .tree-node.tree-node-collapsed.tree-node-selected > div:hover
{
	-pie-background: transparent url('../Images/FolderClose-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	background: url('../Images/FolderClose-white.png') no-repeat .75rem .35rem, #c89211;
}

.web .tree-node.tree-node-expanded > div:hover
{
	-pie-background: transparent url('../Images/FolderOpen-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	background: url('../Images/FolderOpen-white.png') no-repeat .75rem .35rem, #c89211;
}

.tree-node.tree-node-expanded.tree-node-selected > div
{
	-pie-background: transparent url('../Images/FolderOpen-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	font-weight: 800;
	background: url('../Images/FolderOpen-white.png') no-repeat .75rem .35rem, #898A8D;
}

.web .tree-node.tree-node-expanded.tree-node-selected > div:hover
{
	-pie-background: transparent url('../Images/FolderOpen-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	background: url('../Images/FolderOpen-white.png') no-repeat .75rem .35rem, #c89211;
}

.web .tree-node.tree-node-leaf > div:hover
{
	-pie-background: transparent url('../Images/Page-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	background: url('../Images/Page-white.png') no-repeat .75rem .35rem, #c89211;
}

.tree-node.tree-node-leaf.tree-node-selected > div
{
	-pie-background: transparent url('../Images/Page-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	font-weight: 800;
	background: url('../Images/Page-white.png') no-repeat .75rem .35rem, #898A8D;
}

.web .tree-node.tree-node-leaf.tree-node-selected > div:hover
{
	-pie-background: transparent url('../Images/Page-white.png') no-repeat .75rem .35rem;
	color: #ffffff;
	background: url('../Images/Page-white.png') no-repeat .75rem .35rem, #898A8D;
}

/* Navigation resize bar */
#navigationResizeBar
{
	width: .75rem;
	position: absolute;
	top: 0;
	bottom: 0;
	cursor: col-resize;
	z-index: 9999;
	top: 6.8rem;
	background: #444444;
	border: .08rem solid #555555;
}

#navigationResizeBar:hover
{
	background: #373A36;
}

#navigationResizeBar.nav-closed:hover 
{
	background: #444444;
}

html.left-layout #contentBody.nav-closed 
{
	left: 0;
}

html.left-layout #show-hide-navigation 
{
	height: 3.5rem;
	top: 45%;
	background: #c89211;
	border-top: .08rem solid #000000;
	border-bottom: .08rem solid #000000;
	box-shadow: none;
	border-radius: 0;
}

html.left-layout #show-hide-navigation:hover 
{
	background: #FFB71B;
}

html.left-layout .nav-closed #show-hide-navigation:after 
{
	border-left-color: #ffffff;
}

html.left-layout #show-hide-navigation:after 
{
	border-right-color: #ffffff;
	color: #ffffff;
}

/* Inner top container placement */
#contentBodyInner
{
	right: 0;
	top: 0;
	left: .5rem;
}

/* Search Results */
#searchPane {
	position: relative;
	margin: 0;
}

#results-heading, #resultList {
	margin: 0 2.25rem 0 2.25rem;
	padding: 1.25rem 0 .75rem 0;
}

#results-heading {
	font-size: 1.5rem;
	font-weight: 600;
	color: #333333;
	border-bottom: none;
	margin-top: 1rem;
}

#resultList .title a {
	font-size: 1rem;
	font-weight: 800;
	color: #c89211;
	text-decoration: none;
}

#resultList .title a b {
	font-weight: 900;
}

#resultList .title a:visited, #resultList .title a:focus, #resultList .title a:active {
	color: #898A8D;
	text-decoration: none;
}

#resultList .title a:hover {
	color: #FFB71B;
	text-decoration: underline;
}

#resultList .description {
	font-size: 1rem;
	font-weight: 500;
	line-height: 175%;
	color: #000000;
}

#resultList .url cite {
	color: #c59555;
	font-weight: 600;
}

#resultList li {
	margin-bottom: 0;
	padding: 1.25rem 0 1.25rem 0;
	border-bottom: .08rem solid #e4e4e4;
}

#resultList li:first-of-type {
	border-top: .08rem solid #e4e4e4;
}

/* Pagination styles */
#pagination {
	padding: .25rem 2.25rem .25rem 2.25rem;
	height: auto;
	background: #f9f9f9;
	margin-top: 1.5rem;
	color: #C89211;
	font-weight: 900;
	font-size: 1rem;
}

#pagination a:hover {
	color: #FFB71B;
	background: transparent;
	border: none;
	text-decoration: underline;
}

#pagination a#selected {
	border-top: none;
	background: #C89211;
	color: #ffffff;
	font-weight: 900;
	text-decoration: none;
}

#pagination a.nextPage {
	padding-left: 1.5rem;
	border-left: .08rem solid #bbbbbb;
	background: url('../Images/Next.png');
	background-repeat: no-repeat; 
	background-position: right;
	padding-right: 1.5rem;
}

#pagination a.nextPage:hover {
	background: url('../Images/Next-hover.png');
	background-repeat: no-repeat; 
	background-position: right;
}

#pagination a.previousPage {
	padding-right: 1.5rem;
	border-right: .08rem solid #bbbbbb;
	background: url('../Images/Previous.png');
	background-repeat: no-repeat; 
	background-position: left;
	padding-left: 1.5rem;
}

#pagination a.previousPage:hover {
	background: url('../Images/Previous-hover.png');
	background-repeat: no-repeat; 
	background-position: left;
}

@media only screen and (max-width: 975px)
{

/* Switches to smaller logo size so that the search bar and logo don't collide */

	#header .logo
	{
		background: transparent  url('../Images/STKEngineOnLinux_Logo_mobile.png') no-repeat center center;
		-pie-background: transparent url('../Images/STKEngineOnLinux_Logo_mobile.png') no-repeat center center;
		width: 375px;
	}

	#header .logo > img
	{
		width: 375px;
	}
}

@media only screen and (max-width: 599px)
{
	
/* Overrides Tablet.css */
	
	#contentBodyInner
	{
		top: 69px;
	}
	
	#home
	{
		display: none;
	}
	
	#search-field-sidebar,
	#responsive-search-index,
	#responsive-search-glossary
	{
		background: #e4e4e4 url('../Images/SearchIcon.png') no-repeat 8px center;
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -moz-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#e4e4e4));
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -o-linear-gradient(top, #e4e4e4 0%,#e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -ms-linear-gradient(top, #e4e4e4 0%,#e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, linear-gradient(top, #e4e4e4 0%,#e4e4e4 100%);
		-pie-background: url('../Images/SearchIcon.png') no-repeat 8px center, linear-gradient(#e4e4e4, #e4e4e4);
		border: none;
		color: #000000;
	}
	
	#responsiveHeader .logo
	{
		background: transparent  url('../Images/STKEngineOnLinux_Logo_mobile.png') no-repeat center center;
		-pie-background: transparent url('../Images/STKEngineOnLinux_Logo_mobile.png') no-repeat center center;
		margin-left: 75px;
		width: 375px;
	}

	#header .logo > img
	{
		width: 375px;
	}
	
	.tabs-nav li#IndexTab,
	.tabs-nav li#TocTab
	{
		display: none;
	}
	
	.tab .tabs-panel,
	li.tree-node
	{
		display: block;
	}
	
	.tabs-nav li.tabs-nav-inactive#SearchTab
	{
		display: none;
	}
	
	.SearchFilterEntry.tree-node.tree-node-leaf .SearchFilter, .SearchFilterEntry.tree-node.tree-node-leaf.tree-node-selected .SearchFilter, .SearchFilterEntry.tree-node.tree-node-leaf.tree-node-selected .SearchFilter:hover
	
	{
		display: none;
	}
}

@media only screen and (max-width: 399px)
{
	
/* Overrides Mobile.css */
	
	#contentBodyInner
	{
		top: 69px;
	}
	
	#home
	{
		display: none;
	}
	
	#search-field-sidebar,
	#responsive-search-index,
	#responsive-search-glossary
	{
		background: #e4e4e4 url('../Images/SearchIcon.png') no-repeat 8px center;
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -moz-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(100%,#e4e4e4));
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -webkit-linear-gradient(top, #e4e4e4 0%, #e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -o-linear-gradient(top, #e4e4e4 0%,#e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, -ms-linear-gradient(top, #e4e4e4 0%,#e4e4e4 100%);
		background: url('../Images/SearchIcon.png') no-repeat 8px center, linear-gradient(top, #e4e4e4 0%,#e4e4e4 100%);
		-pie-background: url('../Images/SearchIcon.png') no-repeat 8px center, linear-gradient(#e4e4e4, #e4e4e4);
		border: none;
		color: #000000;
	}
	
	#responsiveHeader .logo
	{
		background: transparent  url('../Images/STKEngineOnLinux_Logo_mobile.png') no-repeat center center;
		-pie-background: transparent url('../Images/STKEngineOnLinux_Logo_mobile.png') no-repeat center center;
		margin-left: 75px;
		width: 375px;
	}

	#header .logo > img
	{
		width: 375px;
	}

	
	.tabs-nav li#IndexTab,
	.tabs-nav li#TocTab
	{
		display: none;
	}
	
	.tab .tabs-panel,
	li.tree-node
	{
		display: block;
	}
	
	.tabs-nav li.tabs-nav-inactive#SearchTab
	{
		display: none;
	}
	
	.SearchFilterEntry.tree-node.tree-node-leaf .SearchFilter, .SearchFilterEntry.tree-node.tree-node-leaf.tree-node-selected .SearchFilter, .SearchFilterEntry.tree-node.tree-node-leaf.tree-node-selected .SearchFilter:hover
	
	{
		display: none;
	}
}