/* 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;
    xborder-right: 1px #eee solid;
    xbackground-color: #eee;
    vertical-align: top;
}
#content {
    width: 100%;
    vertical-align: top;
}
#toclauncher {
    display: none;
}
#main {
    padding-top: 20px;
}

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

/* Basic body elements */
body {
	margin: 0;
    font-family: Segoe UI, Helvetica, sans-serif;
	font-size: 12pt;
	background-color: white;
	color: black;
}

a, a:link, a:visited {
	xcolor: #286ED8;
	color: #c63;
	text-decoration: none;
}
a:hover {
	color: #aaa;
	text-decoration: underline;
}
a:focus {
	outline: 1px black dotted;
}
a:active {
	background-color: #fff;
}
defn {
	border-bottom: 1px dotted;
	cursor: help;
}
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;
}
.code {
    background-color: #eee;
    padding: 0.5em;
}
.tipbox
{
	xborder: 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
{
	xborder: 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
{
	xborder: 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: #ff9600;
	xfont-size: 18pt;
	font-weight: lighter;
	xborder-bottom: 3px #335599 solid;
}
h2
{
	font-size: 18pt;
	font-weight: lighter;
	color: #990000;
	xborder-bottom: 1px #990000 dashed;
	margin-bottom: -0.5em;
}
h3
{
	font-size: 14pt;
	font-weight: lighter;
	color: #006600;
	xborder-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;
	xpadding-left: 20px;
	xpadding-top: 15px;
	xpadding-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;
}

a.button, a.button:link, a.button:visited {
	display: inline-block;
	padding: 10px 30px;
	
	background-color: #999;
	color: white;
	
	text-decoration: none;
	text-align: center;
	
	border-radius: 8px;
}
a.button img {
	vertical-align: middle;
	xmargin-left: -10px;
}
.button:hover, a.button:hover {
	background-color: #ff9600;
}
.button:active, .title:focus, a.button:active {
	background-color: #dd6600;
	outline: 1px black dotted;
}


/* 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;
}*/

#toolbar {
    position: fixed;
    background-color: white;
    width: 100%;
    height: 30px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
    -ms-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.12);
    font-size: 9pt;
    user-select: none;
    -ms-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;
}

.ToolStrip a.button, .ToolStrip a {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    color: black;
    text-decoration: none;
    line-height: 25px;
    padding: 0px 8px;
    cursor: default;
    border: 1px transparent solid;
    background: white;
}

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

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

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

.ToolStrip a.button > img {
    vertical-align: middle;
}

.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: #bbb;
    border-bottom: 1px #ddd solid;
    margin-top: 2em;
}
.toc > ul {
    xmargin-top: 1em;
	margin: 0;
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 5px;
}
.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 {
    display: block;
    padding-top: 0.15em;
    padding-bottom: 0.15em;
}
.selected > a > span {
    background-color: #ccc;
}
li.collapsed ul {
    display: none;
}
li.heading, li.topic {
	background-repeat: no-repeat;
	background-position-x: 0;
	background-position-y: 0.25em;
	background-position: left 0 top 0.25em;
}
li.heading {
	background-image: url('images/openfolder.png');
}
li.heading.collapsed {
	background-image: url('images/closedfolder.png');
}
li.topic {
	background-image: url('images/helptopic.png');
}
.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;
	border-top: 1px #eee solid;
	text-align: center;
	color: #ddd;
}

/* Tables */
table
{
	border-collapse: collapse;
	font-size: 12pt;
	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.png');
}
.topic {
	background-image: url('images/helptopic.png');
}
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;
}

.dark {
    background-color: black;
    color: white;
}
.dark #toolbar {
    background-color: black;
    box-shadow: 0 2px 10px 0 rgba(255,255,255,0.12);
    -ms-box-shadow: 0 2px 10px 0 rgba(255,255,255,255,0.12);
}
.dark .ToolStrip {
    background: black;
    color: white;
}
.dark .ToolStrip a.button {
    background-color: black;
    color: white;
}
.dark h1 {
}
.dark h2 {
    color: red;
}
.dark h3 {
    color: lime;
}
.dark .code {
    background-color: #222;
}
.dark .tipbox
{
	background-color: #002A5E;
}
.dark .noticebox
{
	background-color: #005200;
}
.dark .warningbox
{
	background-color: #522500;
}
.dark .required {
    color: red;
}
.dark .optional {
    color: #6666ff;
}

