/* This StyleSheet contains custom styles for this project */

.Hightlight
{
    color: Blue;
    font-size: 1.1em;
}

.NoteBox
{
    color: #ff6f00;
    font-size: 1.1em;
	width: 800px;
}

.Emphasis
{
    color: Black;
    font-size: 1.1em;
}

.tree /* TOC */
{
	font-size: 12pt;
}

.selected /* highlighted topic in the TOC */ 
{
	background-color: #b2dfdb;
	border: 2px solid #b2dfdb;
}

.header /* header bars in the TOC */
{
	color: #fafafa;
	box-shadow: 0px 2px 2px #ccc; /* only works for the first header, not sure why */
}
 
body
{
	background-color: #fafafa;
	font-family: 'Segoe UI', Tahoma;
	font-size: 12pt;
	color: #616161;	
}

.ui-tooltip /* glossary tooltips */
{
	line-height: normal; /* need to over-ride default which is hardcoded to 12px */
}

#PageTitle, h1, h2, h3, h4, .SectionHeading, .SeeAlsoSubHeading /* headers in the content */
{
	color: #009688; /* teal palette */
}

.SectionHeading
{
	/* make section headings visible, because they are unexpectedly clickable */	
	border-bottom: 1px solid #eeeeee;
}

a:link /* hyperlinks, unvisited */
{
	color: #2196f3;
}

a:visited /* hyperlinks, visited */
{
	color: #1565c0;
}

#CollapseAllLabel, .BreadcrumbsContainer
{
	color: #9e9e9e; /* make these 2 less noticeable */
}

.BreadcrumbsContainer
{
	box-shadow: 0px 1px 2px #eee; /* subtly visually separate this from the body */
}

img
{
	border: 1px solid gray;	/* adding a subtle frame to all imgs */
}

p, li, table
{
	/* giving text a maximum width to improve readability */
	max-width: 800px; 
}

.code 
{
	font-family: Consolas, monospace, Lucida Console, Courier New;
}


div#LanguageSelectorContainer
{
	font-weight: initial;
	font-size: initial;
	float: right;
	padding-top: 6px;
}
.NewStyle
{
    font-size: smaller;
    text-align: center;
}