/* Layout */
html {
    height: 100%;
}
body {
    height: 100%;
}
table.layout {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}
table.layout tr {
    
}
table.layout tbody tr td {
    padding: 0;
    vertical-align: top;
    border: none;
}
#navi {
    min-width: 250px;
    width: 250px;
    border-right: 1px #eee solid;
    vertical-align: top;
}
#content {
    width: 100%;
    vertical-align: top;
}
#toclauncher {
    display: none;
}

@media screen and (max-width: 500px) {
    #navi {
        display: none;
    }
    #toclauncher {
        display: inline;
    }
}

/* Basic body elements */
body {
	margin: 0;
    font-family: Tahoma, sans-serif;
	font-size: 10pt;
	background-color: white;
	color: black;
}
a, a:link, a:visited
{
	color: #335588;
	text-decoration: none;
}
a:focus, a:hover, a:active
{
	color: #5577bb;
	text-decoration: underline;
}
a.external, a.external:link, a.external:visited
{
	color: #009900;
	border-bottom: 1px #009900 dashed;
}
a.external:focus, a.external:hover, a.external:active
{
	color: #00bb00;
	text-decoration: none;
	border-bottom: none;
}
a.command, a.command:link, a.command:visited
{
	color: #ee6633;
	text-decoration: none;
}
a.command:focus, a.command:hover, a.command:active
{
	color: #ff9955;
	text-decoration: underline;
}
.tipbox
{
	border: 1px gray solid;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #e0eeff;
}
.noticebox
{
	border: 1px gray solid;
	xmargin: 0.5em 0.5em 0.5em 0.5em;
	xpadding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #e0ffe0;
}
.warningbox
{
	border: 1px gray solid;
	margin: 0.5em 0.5em 0.5em 0.5em;
	padding: 0.5em 0.5em 0.5em 0.5em;
	background-color: #ffeee0;
}
.required {
    font-weight: bold;
    color: red;
}
.optional {
    color: blue;
}
.deprecated {
    color: gray;
}

/* General headings */
h1
{
	margin-top: 5px;
	margin-bottom: 0;
	padding-top: 10px;
	margin-left: 10px;
	color: #335599;
	font-size: 18pt;
	font-weight: normal;
	border-bottom: 3px #335599 solid;
}
h2
{
	font-size: 14pt;
	font-weight: bold;
	color: #990000;
	border-bottom: 1px #990000 dashed;
	margin-bottom: -0.5em;
}
h3
{
	font-size: 13pt;
	font-weight: normal;
	color: #006600;
	border-bottom: 1px #006600 dashed;
	margin-bottom: -0.5em;
}
h4
{
	font-size: 12pt;
	font-weight: normal;
	color: #666666;
	border-bottom: 1px #666666 dashed;
	margin-bottom: -0.5em;
}
h5
{
	font-size: 11pt;
	font-weight: normal;
	color: #333399;
	border-bottom: 1px #333399 dashed;
	margin-bottom: -0.5em;
}

/* Lists */
ul
{
	margin: 0;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
}
ul li
{
	padding-top: 5px;
	padding-bottom: 5px;
}
li ul
{
	padding-top: 5px;
}
ul.nhelp_related
{
	margin: 0;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
}
ul.nhelp_related li
{
	padding-top: 5px;
	padding-bottom: 5px;
}
span.keyboard {
	display: inline-block;
	padding: 0.3em;
	border: 1px #ccc outset;
	background-color: #eee;
}

/* Dialog toolbar */
#toolbar
{
	background-color: #d8d7c8;
	border-bottom: 1px #444136 solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 8pt;
	min-height: 1em;
	user-select: none;
}

.ToolStrip {
    xmargin: 8px;
}

.ToolStrip span {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    color: black;
    text-decoration: none;
    height: 25px;
    line-height: 25px;
    padding: 0px 8px;
}
a img {
    border: none;
}
a.button, a.button:link, a.button:visited, .ToolStrip a {
    display: inline-block;
    xbox-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    color: black;
    text-decoration: none;
    height: 16px;
    padding: 4px 8px;
    xcursor: default;
    border: 1px #666 solid;
}

a.button:hover, .ToolStrip a:hover {
    background-color: #FFDFB2;
    border-color: #FF9600;
    color: #000000;
}
a.button[data-checked=true], .ToolStrip a[data-checked=true] {
    background-color: #FFDFB2;
    border-color: #FF9600;
    color: #000000;
}

a.button[data-checked=true]:hover, .ToolStrip a[data-checked=true]:hover {
    background-color: #FFCA80;
    border-color: #FF9600;
    color: #000000;
}

a.button:active, .ToolStrip a:active {
    background-color: #FFCA80;
    border-color: #FF9600;
    color: #000000;
}

.ToolStrip.vertical {
    overflow-y: auto;
}

.ToolStrip.vertical a {
    width: 100%;
}

.ToolStrip.left a {
    text-align: left;
}

/* NPS Help TOC */
div.toctitle {
    font-weight: bold;
    margin-top: 0.5em;
    text-align: center;
    color: #666;
    border-bottom: 1px #999 solid;
    margin-top: 2em;
}
.toc > ul {
    xmargin-top: 1em;
}
.toc ul {
    padding-bottom: 0;
    padding-top: 0;
}
.toc ul li {
    list-style-type: none;
    padding-bottom: 0;
    padding-top: 0;
}
.toc li ul {
    padding-bottom: 0;
    padding-top: 0;
}
li a {
    xdisplay: block;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}
.selected a span {
    background-color: #0078D7;
    color: white;
}
.selected ul a span {
    background-color: white;
    color: #335588;
}
li.collapsed ul {
    display: none;
}
li.heading, li.topic {
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0.15em;
	background-position: left 0 top 0.15em;
}
li.heading {
	background-image: url('images/helpbookopen.gif');
}
li.heading.collapsed {
	background-image: url('images/helpbook.gif');
}
li.topic {
	background-image: url('images/helptopic.gif');
}
.heading, .topic {
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
ul.hnav {
    padding-left: 0;
}

/* NPS Help breadcrumb navigation */
#breadcrumb
{
	background-color: #d8d7c8;
	border-bottom: 1px #444136 solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 8pt;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited
{
	color: #444136;
	text-decoration: none;
}
#breadcrumb a:focus, #breadcrumb a:hover
{
	color: #b0aa8c;
	text-decoration: underline;
}

/* NPS Help specific document elements */
#body_content
{
	margin: 10px;
	height: 100%;
}
#topofpagefooter
{
	padding-left: 10px;
	padding-bottom: 10px;
}
#footer
{
	font-size: 8pt;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #d8d7c8;
	border-top: 1px #444136 solid;
}

/* Tables */
table
{
	border-collapse: collapse;
	font-size: 10pt;
	width: 100%;
	display: block;
}
table tr
{
	
}
table tr th
{
	text-align: left;
	font-size: 11pt;
	padding: 6px;
	color: #335599;
	border-bottom: 2px #335599 solid;
}
table tr td
{
	padding: 6px;
	border-bottom: 1px #7799cc dotted;
}
.heading, .topic {
	background-repeat: no-repeat;
	background-position: left center;
}
.heading {
	background-image: url('images/helpbook.gif');
}
.topic {
	background-image: url('images/helptopic.gif');
}
table.nhelp_toc tr td
{
	padding-left: 20px;
}
table.nhelp_toc tr:hover
{
	background-color: #eeeeff;
}
table.nhelp_toc tr:hover th, table.nhelp_toc tr th
{
	background-color: white;
}