/* COLORS */
/*
Current Palette:
Example - https://hexcolor.co/hex/ffffff

#ffffff	white
#000000	black

#101a1f	black
#9da3a4	med gray
#646869	dark gray
#444444	charcoal gray
#333333	charcoal gray / black

#fdf6e4	cream
#993300	rust/brick

#5c7148	green (med-dark) used on h3
#e0dfd2	light tanish green
#aca885	tanish green
#b4c6bf	light sea green

#0c0fad	blue (similar to link colors)
#223843	very dark blue

#685a73	purple
#37303d	dark purple/black
*/



body {
	background-color:#eff1f3;
	color:#101a1f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:72.5%;
	margin:0;
	padding:0;
}
a {
	margin:0;
	padding:0;
	text-decoration:underline;
}
a:link { color:#0c0fad; }
a:visited { color:#0c0fad; }
a:hover, a:active, a:focus {
	text-decoration:underline;
	color:#5c7148;
}

/* turn link into a button */
.button {
  color: #0c0fad;
  font: bold 11px Arial;
  text-decoration: none;
  background-color: #aca885;
  padding: 2px 6px 2px 6px;
  border: 1px solid;
  border-color: #685a73 #37303d #37303d #685a73;
}

/* ----------begin psc home page header----------- */
#containhead {
	background-image:url("../images/site-header.jpg");
	background-repeat:repeat;
	background-color:#b4c6bf;
	margin:0;
	padding:0
}
#containhead div#siteid { }
#containhead div#siteid a img { border:none; }
#containhead div#tagline { float:right }
#siteid h1 {
	display:none;
	background:#fff;
	color:#000;
	font-size:1.4em;
	margin:0;
	padding:0
}
#siteid a span {
	position:absolute;
	left:-100px;
	top:0px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#siteid a:active span, #siteid a:hover span, #siteid a:focus span {
	position:absolute;
	left:200px;
	top:90px;
	width:auto;
	height:auto;
	background-color:#000000;
	color:#FFFFFF;
	padding:5px;
}
/* ----------end psc home page header----------- */

/* ----------begin app name bar----------- */
#containappname {
	width:100%;
	text-align:center;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#223843;
	color:#ffffff;
}
/* --------- end app name bar -----------*/

/* ----------begin utility bar----------- */
#containutility {
	width:100%;
	float:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#aca885
}
#utility1 {
	float:left;
	margin:0;
	padding:2px 0 0 5px
}
#utility2 {
	float:right;
	margin:0;
	padding:1px 5px 0 0
}
#utility3 {
	float:center;
	margin:0 auto;
	color: #ffffff;
	text-align:center;
	padding:0px 0px 0px 148px;
}
#utility4 {
	float:center;
	margin:0 auto;
	color: #ffffff;
	text-align:center;
	padding:0px 0px 0px 0px;
}
/* ----note: horizontalnav used by both utility bar and footer----- */
div.horizontalnav ul li {
	font-size:1.1em;
	display:inline;
	margin:0;
	padding:0 6px 0 2px;
	list-style:none;
}
div.horizontalnav ul li + li {
	background-image:url("../images/nav-bullet.jpg");
	background-position:left 8px;
	background-repeat:no-repeat;
	padding-left:8px;
}
div.horizontalnav ul li a:link {
	color:#0c0fad;
	text-decoration:none
}
div.horizontalnav ul li a:visited {
	color:#0c0fad;
	text-decoration:none
}
div.horizontalnav ul li a:hover, div.horizontalnav ul li a:focus {
	color:#5c7148;
	text-decoration:underline;
	background:#e0dfd2
}
div.horizontalnav ul li a:active {
	color:#0c0fad;
	background-color:#fdf6e4;
	text-decoration:none;
}
.horizontalnav h2 {
	position:absolute;
	left:-500px;
}
/* ----------end utility bar----------- */
/* ----------begin footer----------- */
#containfooter {
	width:100%;
	clear:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	background-color:#aca885
}
#mandatory {
	margin:0;
	padding:3px 0 0 5px
}
#stickers {
	float:right;
	margin:0;
	padding:3px 5px 0 0
}
#copyright {
	font-size:0.9em;
	color:#333333;
	background-color:#fff;
	clear:both;
	padding:5px 0 15px 7px;
}
/* ----------end header/footer/utility bar styles--------------------------- */








/* ----------begin cases custom styles--------------------------------------- */

form {
	margin:0;
	padding:0
}
#backdrop {
	background: url("../images/northdakota.jpg");
	background-position:center center; 
	background-size: cover;          /* contain cover (or 2 numbers 100% 100%) */
	background-repeat:no-repeat;     /* no-repeat repeat */
	background-attachment:scroll;     /* scroll fixed */
	background-color: #dadcdd;
}
#content {
	margin:20px 50px 20px 50px;
	padding:20px 20px 20px 20px;
	background:#dadcdd;
	background:rgba(218,220,221,.9); 
}
#content h1 {
	margin:10px 0 10px 0;
	padding:3px 0 3px 0;
	color: #223843;
}
#content p, #content ol, #content ul, #content dl, #content tr { font-size:1.0em }
#content ul ul, #content ol ol, #content ol ul, #content ul ol, #content li { font-size:1.0em; }
#content img { border:none; }
h1 {
	border-bottom:1px solid #5c7148;
	font-size:1.5em;
	margin:0;
	padding:0;
}
h2 {
	font-size:1.3em;
	margin:5px 0 5px 0;
	padding:3px 0 2px 0
}
h3 {
	font-size:1.2em;
	margin:10px 0 10px 0;
	padding:3px 0 2px 0;
	color:#5c7148;
}
h2 + h3 { margin-top:-5px; }
h3 + h4 { margin-top:-7px; }
h4 { font-variant:small-caps }
h5 { font-style:italic }
h6 {
	font-style:italic;
	font-weight:normal
}
h4, h5, h6 {
	margin:5px 0 0 0;
	padding:0
}
hr {
	height:1px;
	border-bottom:1px solid #5c7148;
	border-right:0px;
	border-top:0px;
	border-left:0px;
}
strong {
	color:#444444;
	font-weight:bold
}
em { font-style:italic }

/* SINGLE ELEMENT */
.error {color:red;font-size:10px;}
.message-text {color: red; }
.message-text-center {color: red; text-align: center;}
.text-center {text-align: center;}
.nowrap {white-space: nowrap; }
.numeric-align {
	text-align: right;
	white-space: nowrap;
}

/* FIELDSET */
legend {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #5c7148;
	background-color: #646869;
	color: #ffffff;
}
fieldset {
	display: inline-block;
	border:1px solid #5c7148;
	padding:15px 15px 10px 15px;
	background-color: #e0dfd2;
	font-weight: bold;
}

/* FORM ALIGNMENT */
/* NOTE:  headers_aligned and form_aligned work together, keep them similar label widths */
.headers_aligned {
	height: 10em;
	line-height: 1.25em;
}
.headers_aligned label {
	float: left;
	clear: left;
	width: 200px;
	padding-right: 1em;
	text-align: left;
}
.form_aligned {
	height: 100em;
	line-height: 1.25em;
}
.form_aligned label {
	display: block;
	float: left;
	clear: left;
	width: 200px;
	padding-right: 1em;
	text-align: right;
}
.narrow_left_aligned {
	height: 10em;
	line-height: 1.25em;
}
.narrow_left_aligned label {
	float: left;
	clear: left;
	width: 120px;
	padding-right: 1em;
	text-align: left;
}
.confirmation_aligned {
	height: 10em;
	line-height: 1.25em;
}
.confirmation_aligned label {
	float: left;
	clear: left;
	width: 175px;
	padding-right: 1em;
	padding-left:3em;
	text-align: left;
}
label {
	font-weight:bold;
	vertical-align:top
}


/* BUTTONS */
input.btn {
	color:#0c0fad;
	font-weight: bold;
	background-color:#aca885;
	margin:20px 0 0 0;
	border: 1px solid;
	border-color: #685a73 #37303d #37303d #685a73;
	filter: progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffff',EndColorStr='#aca885;');
}
input.btnhover {
	border-color: #c63 #930 #930 #c63;
}
input.btndisabled {
	color:#5c7148;
	font-weight: normal;
	background-color:#e0dfd2;
	margin:20px 0 0 0;
	border: 1px solid;
	border-color: #685a73 #37303d #37303d #685a73;
	filter: progid:DXImageTransform.Microsoft.Gradient
	(GradientType=0,StartColorStr='#ffffff',EndColorStr='#e0dfd2');
}
input.btnlink {
    display: inline-block;
    border: none;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    background: none;
    color: blue;
    font-size: x-small;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out, 
                transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
}


/* TABLES */
table.resulttable th {
	background-color: #646869;
	color: #ffffff;
}
table.resulttable th a {
	background-color: #646869;
	color: #ffffff;
}
table.actiontable th {
	background-color: #9da3a4;
	color: #ffffff;
}
/* Bond Calculation */
.bond-th {
	width: 185px; 
	text-align: left;
}
.bondcalc {
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}
.bonddollar {
	text-align: right;
	white-space: nowrap;
	vertical-align: bottom;
}
table.innerbondtable th {
	background-color: #5c7148;
	color: #ffffff;
}
table.bondtable th {
	background-color: #5c7148;
	color: #ffffff;
}
table {
	font-size:1.0em;
	border-top:1px solid #67452e;
	border-left:1px solid #67452e;
	border-right:1px solid #67452e;
	border-bottom:1px solid #67452e;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
table caption {
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	padding:5px 0;} 
	
table li { font-size:0.9em }
tr {
	vertical-align:top
}
tr.total td {
	font-weight:bold;
	border-top:1px solid #000000;}
th {
	background-color:#9da3a4;
	padding:4px 5px;
	border-right:1px solid #67452e;
	border-bottom:2px solid #312116;
	text-align:center;
}
td {
	background-color:#ffffff;
	padding:4px 5px;
	border-right:1px solid #67452e;
	border-bottom:2px solid #312116;
	text-align:left;
}
table.noborder { border:none; }
table.noborder td, table.noborder th { border:none; }
td.right, th.right { text-align:right; }
td.left, th.left { text-align:left; }
td.center, th.center { text-align:center; }


/* ORDERED LISTS */
ul {
	margin:5px 0 5px 10px;
	padding: 0;
}
ol {
	margin:7px 0 0 10px;
	padding:0;
}
li {
	margin:0 0 0 15px;
	padding:0;
}
ul li {
	list-style:disc;
	list-style-position:outside;
}
ul.inline {	margin:5px 0;}
ul.inline li { 	
	display:inline;
	padding:0 5px;
	margin:0;}
ul.inline li + li { 
	border-left:1px solid #000000;
	}
ul.center {text-align:center;}
ol li { list-style:decimal; }
ol li li { list-style:lower-alpha; }
ol.uppercase li { list-style:upper-alpha; }

ol.lower-alpha {padding:0px 0px 0px 15px;}
ol.lower-alpha li {list-style-type: lower-alpha;}


/* FLOATING LINK */
.top {
  --offset: 50px;
  position: sticky;
  bottom: 10px;   
  left: 4%; 
  margin-right: 10px;
  place-self: end;
  margin-top: calc(100vh + var(--offset));
  /* visual styling */
  text-decoration: none;
  padding: 7px;
  font-family: sans-serif;
  background: #646869;
  opacity: .8;
  border-radius: 100px;
  white-space: nowrap;
}
.top:link {
	color: #ffffff;
}
.top:visited {
	color: #ffffff;
}
.top:active {
	color: #ffffff;
}


/* NDCC AND ND ADMIN CODE */
.ndcode {
	text-align: center;
	white-space: nowrap;
}
/* STATE FORMS SFN # */
.sfn {
	text-align: center;
	white-space: nowrap;
}

.programmer_notes {
	display:none; /* none or block */
	color:#993300;
}




#larshelpcontent {
	background-color:#f3eadd;
	border:1px solid #312116;
	padding:25px 25px 25px 25px
}
#larshelpcontent h3 {
	color: #930;
}
#larshelpcontent h4 {
	padding: 15px 0 0 0 
}
#larshelpcontent h5 {
	color: #272995;
}
#larshelpcontent hr {
	border-bottom:1px solid #930;
}
/* ----------end events custom styles----------- */







/* ----------global styles----------- */

acronym {
	border-bottom:1px dashed #666666;
	text-decoration:none
}
blockquote { margin:10px 10px 10px 20px }
p, dl, table, fieldset { margin:10px 0 0 0 }
p, li, dt, dd, blockquote { line-height:150% }
dl {}
dt { font-weight:bold; 
}
dd {
	padding:0 0 10px 25px;
	margin: 0;
}

/* ----------end global styles----------- */