/*.debug, .dev, .wrapper > .alert {
	display: none;
}*/

* {
	     border-radius: 0 !important; 
}

html, body {margin: 0; padding: 0; border: 0; height: 100%;}

body {
	color: #333;
	background: #e3e3d8 url("/images/cache/background.gif") repeat-y center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	margin: 0px 0;  /* Use margin: XXpx 0; to add space at the top of the layout */
}

p  {margin: 6px 0; padding: 0 6px; line-height: 135%; }

h1 { font-size: 2em; color: #BB8D2A; margin: 6px 2px; padding: 0; font-weight: bold}
h2 { font-size: 1.6em; color: #6d6e71; margin: 2px 4px; padding: 0; font-weight: bold}
h3 { font-size: 1.4em; color: #6d6e71; margin: 2px 8px; padding-top: .5em; font-weight: bold}
h4 { font-size: 1.2em; color: #b59e6d; margin: 2px 10px; padding: 0; font-weight: bold}
h5 { font-size: 1.1em; color: #404040; margin: 2px 12px; padding: 0; font-weight: bold}


ul { margin-left: 1.15em; padding-left: .8em; line-height: 120%; list-style: circle;}

a         {text-decoration: none; color: #2050a0; font-weight: bold;}
a:active  {text-decoration: none; color: #2050a0;}
a:visited {text-decoration: none; color: #2050a0;}
a:hover   {text-decoration: none; color: #7581AE;}

.clear { clear: both; }
.wrapper {
	text-align: left;
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -48px; /* the bottom margin is the negative value of the footer's height */
}
/*.top {
	text-align: left;
	width: 950px;
}
.top h1 {display: none;}*/

.header-box {
	background: url("/images/cache/header.jpg") no-repeat;
	height: 160px;
	margin-left: 100px;
}
.outer {
	padding: 0;
	background: none;
	width: auto;
        margin-bottom: 40px;
        position: relative;
}
center {
	float: left;
	padding: 0px 12px 12px 12px;
	width: 725px; 
}
.center-wide {
	float: left;
	padding: 6px 0px 12px 12px;
	width: 702px;  
}
.center-wide .content {width: 478px;position: relative; float: left;}

.center-wide .content-wide {width: 678px;position: relative; float: left;}

.right-col-photo{padding-bottom: 24px; float: left;}

.right-col-photo img{
margin-left: 12px;
}
.right-col {
	float: left;
	width: 212px; 
        background: #CBCBBF;
        margin-right: 9px;
        margin-bottom: 3px;
        min-height: 375px;
}
.right-col-content {
	float: left;
	padding: 6px;
	width: 200px; 
        background: #CBCBBF;
}
.right-col-header {width: 212px;  background: url("/image/cache/right-col-header.gif") no-repeat; height: 17px; float: left;}
.right-col-footer {width: 212px; background: url("/image/cache/right-col-footer.gif") no-repeat; height: 17px; float: left}
.footer { 
	width: auto; 
	padding: 9px 9px 9px 9px; 
	font-size: 10px; 
	text-align: center; 
	color: #333333;
	margin: 0 auto; 
	background: #CBCBBF;
}
.footer, .push {height: 30px;}
.footer p {text-align: center;}
.footer p a img {padding-top: 3px;}
.breadcrumb { font-size: .8em; color: #5D729E; padding-left: 2px; width: 98%; float: left; margin-bottom: 1%;}
.breadcrumb a { color: #555555; font-weight: normal;}
.breadcrumb a:hover { color: #AAA; }

/*.newsbox { 
	display: block; 
	width: 234px; 
	background: #fff; 
	float: left; 
	color: #000; 
	width: 220px;
}
.newsbox h2 {text-align: left; border-bottom: 1px solid #aaa; padding-bottom: 3px; color: #353129;}
.newsbox ul { list-style: none; margin: 0 auto; line-height: 110%; padding: 0px; }
.newsbox li { margin-top: 12px; background: none; padding-left: 6px; font-size: 10px; }
.newsbox p a {color: #666; }*/


/*Footer Menu */
.footer-menu, .footer-menu ul {
	z-index: 10;
	width: 962px;
    float: left;
	list-style: none;
	line-height: 1.25em;
	color: #fff;
	padding: 9px;
	margin: 0 auto;
	font-size: 1em;
	height: 24px;
	font-size: 10px;
	background: #fff url("/templates/super/img/4img/footer-blue.jpg") no-repeat center center;
	margin-left: -10px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.footer-menu a {
	display: block;
	text-align: center;
	white-space: nowrap;
	padding: 6px 8px 3px 8px;
	height: 16px;
	color: #fff;
	overflow: hidden;
	font-weight: normal;
    width: 100%;
}
.footer-menu a:hover {color: #ccc;}

.footer-menu li {
	float: left;
	padding: 0 9px;
    height: 25px;
	list-style: none;
	list-style-image: none;
    width: 90px;
}
.firstbottom {margin-left: 300px;}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
	color: #6b9300;
}

h2 {
	margin-top: .75em;
}

h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
}

.content a:not(.btn) {
	font-weight: bold;
	text-decoration: none;
}

	a:hover {
		text-decoration: none;
		color: #858b97;
	}

a.btn, a.btn-primary {
	color: #fff;
    text-decoration:none;
}

main a[href*=print] {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    padding: 5px 10px;
    text-decoration: none;
}


[href^="/download"]::after,
.service-block [href^="/download"]::after
{
    font-family: fontawesome;
	content: "\f019";
    position: absolute;
    margin-left: 5px;
    right: 5px;   
}

article [href^="/download"]::after {
    font-family: fontawesome;
	content: "\f019";
    position: relative;
    display: inline-block;
    margin-left: 5px;
    right: 5px;   
    padding-left: 5px;
}

/*  */
/* login icon on login buttons */
/* .sectionMenu, 
header nav, 
footer, */
    [data-scriptid="286"]::after, 
    [data-scriptid="288"]::after,  
	[href="/continuingEducation/summaryCE.asp"]::after,
	[href*="/login.asp"]:not(.dropdown-toggle)::after,
	[href*="/lic/coa/index.asp"]:not(.dropdown-toggle)::after
{
        font-family: fontawesome;
        content: "\f090";  
        /* float: right; */
        /* position: absolute; */
        /* right: 5px; */
        margin-left: 5px;
		right: 5px;   
		transform: rotate(0deg); /* counteract what's in sectionmenu.css */
}

	.breadcrumb-item a[href*="/login.asp"]::after {
		display: none; /* don't display icons like login after breadcrumb links */ 
	}


.cke_contents_ltr {
    padding:1em;
}


table td { padding: 1px; }

table {
	font-size:inherit;
}


table.error-empty td:empty {
	border-color: #8a6d1b !important;
	border-right:1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}


th {
    background-color: transparent;
    color: black;
    font-weight: bold;
	padding-left: 40px;
    padding-right: 1.5em;
    font-size: 1.1em;
}



main {
	padding-top: 2em;
}

main p, main li {
	color:#000;
}

.dev {
    color: #fff;
    background-color: #ff0000;
    padding:10px;
    text-align:center;
}

    .dev p {
        color:white;
        margin-bottom:0px;
    }

    .dev p:before {
        font-family:fontawesome;
        content: "\f071";
        font-size:large;
    }

    .dev a {
        text-decoration:underline;
        color:white;
    }

/*.content .btn {
	background-color:#D6D3B0;
	border:1px solid #c6c3a0
}

	.content .btn:hover {
		background-color:#c6c3a0;
		border-color:#a6a380;

	}*/

legend {
	color: #2C66CE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
}

.form-display fieldset fieldset > legend {
	font-size: 1.5em;
}

.form-control {
	font-size: 1em;
}

.btn {
	background-color:#E3E3D8;
	border-color:#ccc;
	font-size: 1em;
}

.btn-primary {
	background-color:#3284e2;
	border-color:#00286e;
}

.btn-primary:hover,
.content .btn-primary:hover
{
	background-color: #05368c;
	border-color: #0b0b3e;
}

.btn-secondary {
	color: #333;
}

.content {
	padding-top: 0;
}

.service .desc h2 {
	font-size: 22px;
}

.service .panel-body {
	padding: 0;
}

.service .list-group-item {
	overflow: hidden;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #d3d3d3;
	background: rgba(255,255,255,.8);
}

.ui-widget-content a.btn {
	 color: #fff;
}

.ui-widget-content {
	border: 1px solid #aaaaaa;
	background: rgba(255,255,255,.5);
	color: #222222;
}

.clearfix {
	clear:both;
}

.row.borders  {
	border:1px solid gray;
}

	.row.borders  div {


		border-collapse:collapse;
		box-sizing: border-box;

	}


ul.nobullets {
	list-style:none;
}

[class^=icon] {
	-webkit-font-smoothing: antialiased;
}

.alert-danger {
	border-color:#900;
	color:#900;
}

body > .alert-danger {
	border-right: 0;
	border-left: 0;
	margin-bottom: 0;
}

.alert-warning {
	color:#8a6d1b;
	border-color:#8a5d1b;
}

.bodyAlert, .bodyAlertItalic {
	color:red;
}

.bodyAlertItalic {
	font-style:italic;
}

header {
	background-color: #dde1ef;
}

.nav-list {
	padding:10px;
	text-shadow:none;
}

.nav-list a {
	color:#fff;
	text-shadow:none;
}

.nav-list a:hover {
	color:#036;
}

.nav-list > li > a {
	text-shadow:none;
}

.nav-list .nav-header {
	font-size:1.3em;
	text-shadow:none;
	text-shadow:0px;
}

.menu-main .navbar-nav {
	border: none;
}

.menu-main {
	background-color: #dde1ef;
    color: black;
    margin-bottom: -7px;
}

	.navbar-light .navbar-nav .nav-link {
		color: black;
		font-size: 1.6em;
		font-family: Arial, Helvetica, sans-serif;

	}

	.nav-pills .nav-link {
		border-radius: 0;
	}


.nav-item[aria-selected="true"] > a {
	background-color:  rgb(255 255 255);
}


.da-slide h2 {
	max-width: 800px;
}

.header .navbar-default .navbar-nav > li > a {
	color:#000;
  /* min-height: 40px; */
}



/* hover over a top menu link */
.header .navbar-default .navbar-nav > li:hover > a {
	/* color: #000; */
}

#related {
    /* margin-left:-1em; */
	background-color: #fff;

}

#related .panel-heading {
	padding-bottom:0px;
		padding-left: .5em;
}

#related h4 {
	margin-bottom:0px;
		padding-left: .5em;
}

#related .panel-body { padding-top: 0px; }

#related .list-group-item {
    background-color: #f5f7ff;
}

/* start left section nav */

.section-sub {
	display:inline-block;
	position:absolute;
	right:10px;
}

.nav.sectionMenu > li > a:hover {
	background-color:#bbc3dd;
}

.active-section .panel-default > .panel-heading {
	background-color:#895;
	font-weight:normal;
}

.active-section .panel-heading h4  a { font-weight:normal; }

.sidebar-nav > .sectionMenu.active-section  li a {
	padding-left:15px;
	/* color: rgba(255,255,255,.7); */
	background-color: #bfce92;
}

.sidebar-nav > .sectionMenu .sectionMenu  li a {
	padding-left:20px;
}

.active-section .sectionMenu {
	background-color: rgba(22,50,00,.7) !important;
}


.sidebar-nav > .sectionMenu li.active a {
	background-color: #081359;
}

.sidebar-nav {
	/* width: 80%; */
	margin-top: 4.6em;
}

.sidebar-nav .panel-heading {
	padding: 0;
}

.sidebar-nav .panel-heading h4 a { /* if it's not collapsed (expanded) and we're not ON that section (inspecting another section)*/
	padding:10px;
	display:inline-block;
	width:100%;
	position:relative;
	background-color:#ccc;

}


.sidebar-nav .panel-heading h4 a.collapsed-not { /* if it's not collapsed (expanded) */
	padding:10px;
	display:inline-block;
	width:100%;
	position:relative;
	background-color:#889955;

}


.sidebar-nav .panel-heading h4 a.collapsed { /* if it's collapsed */
	background-color:#f5f5f5;

}

.active-section  .sidebar-nav .panel-heading h4 a.collapsed-not { /* if it's not collapsed but ACTIVE */
	background-color:inherit;
}

a:focus { color:#000;}

.sidebar-nav .panel-heading h4 a:hover {
	background-color:#ddd;
}

#accordian .panel :hover {
	background-color: #000;
}

#sidebarPrimary .panel-title {
	font-size:13px;
	margin-left:5px;
}

.sectionMenu li a {
	/* font-size:12px; */
}

.navbar .nav > li > a {
	/* font-size:12px; */
}

.header .navbar-default .navbar-nav > li > a {
	/* padding-right: 30px; */
}


.navbar .nav > li > a:focus { /* dh */
	/* background:#4A3A14 !important; */
}

.navbar .nav > li > a:hover {
	/* background:#9E9070 !important; */
}


.navbar .nav > .active > a, .navbar .nav > .active > a:focus {
    /* background-color: #4A3A14; !important; */
}


.sectionMenu {
	background-color: rgba(200,200,200,.7);
	color:#000;
	padding:0;
}

.in  ul{ /* the body that's expanded */
	background-color:#555;
}

/* todo move to global sectionmenu.css : we should be collapsed in this 3rd tier even if we're not "in" the section: replaces .collapse.in .sectionMenu li a + ul >li */
.collapse .sectionMenu li a + ul >li a {
    display: none;
}
.sidebar-nav .headline {
	display:none;
}

.sectionMenu { 
	margin-left: 0
}
.sectionMenu a { 
	color:#fff; 
	display: block /* todo move to global */
}

/* indent children of a section */
#accordian .sectionMenu li a {
	padding-left:25px;
}

	.sectionMenu li.active {
		background-color:#340 !important;
		color:#fff !important;
	}

/* todo migrate to global */
.sidebar-nav > .sectionMenu li[data-test="level3"].active a {
    background-color: #536f00 !important;
	color:#fff !important;
}

/* todo migrate to global */
.collapse.in .sectionMenu li.active > ul > li[data-test="level4"].active > a {
    background-color: #3b4e00 !important;
}

	.sectionMenu a.active {

	}

	.sidebar-nav .panel-body {
		padding:0px !important;
	}

	.sidebar-nav .panel {
		border-top:none;
		border-bottom:2px solid #ddd;
	}

.sidebar-nav > .sectionMenu  li a {
	background-color:#dde1ef;
	border-bottom: 1px solid #ddd;
	color:#000;
	font-size:.95em;
	font-family: 'Open Sans', sans-serif;
}

	div .panel-collapse.in ul  li a{
		padding-left:20px;
	}

.header .navbar-toggle,
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus
{
	padding: 6px 10px;
}

.resource .file {
	font-size:medium;
}


.eventDesc a {
	font-size:medium;
}

/* ICONS */

a[href^="http://"]:after, a[href^="https://"]:after { /* show an icon to right of link when it's external */
    font-family:fontawesome;
		content: "\f08e";
		text-decoration: none;
		/* padding-left: 2px; */
		display:inline-block; /* So we can set a width */
    width: 0;
    margin-left: 2px; /* "Size" of the Pseudo-element */
    margin-right: 15px;
    font-size: .75em; 
} 


	#banner a[href^="http://"],
	#banner a[href^="https://"]
	{
		background:none;

	}

	#banner a[href^="http://"]:after,
	#banner a[href^="https://"]:after
	{
		content: "";
		margin: 0;

	}


a[href^="http://dev.ndbihc.com"],
a[href^="https://dev.ndbihc.com"],
a[href^="http://dev.ndbihc.org"],
a[href^="https://dev.ndbihc.org"] { /* don't show icon when internal */
    background: none;
    padding-right: inherit;
		margin-right:inherit;
}

a[href^="http://dev.ndbihc.com"]:after,
a[href^="https://dev.ndbihc.com"]:after,
a[href^="http://dev.ndbihc.org"]:after,
a[href^="https://dev.ndbihc.org"]:after { /* don't show icon when internal */
		content: "";
		margin: inherit;
}

a[href$=".pdf"]:after,
a.pdf:after {
	font-family:fontawesome;
	content: "\f1c1";
	padding-left: .5em;
	padding-right: 1em;
}

a[href$=".pdf"].icon-no {
	background: none;
	padding-right: 0;
}


a.icon-no:after {
	content: "";
	padding: 0;
}


.infolink::before {
	font-family: fontawesome;
	content: "\f05a";
	padding-right: .5em;
}

.formlink::before {
	font-family: fontawesome;
	// content: "\f316";
	content: "\f046";
	padding-right: .5em;
}

.downloadlink::before {
	font-family: fontawesome;
	content: "\f019";
	padding-right: .5em;
}


.uploadlink::before {
	font-family: fontawesome;
	content: "\f093";
	padding-right: .5em;
}

[data-pagecode="list.asp"] .form-display td:empty {
	display: table-cell;
}

/* bootstrap 3 to support Sub-Menu */

/* .dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;} */

/*this appears to make an additional triangle on the dropdowns. */
/* .dropdown-submenu>a:after{
	display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;
} */
/* .dropdown-submenu:hover>a:after{border-left-color:#ffffff;
}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;} */

a.more {
	display: block;
	padding: 3px;
	text-align: right;
	font-size: smaller;
	font-weight: bold;
	margin-top: 5px;
}

/*#home h1 {
	display: none;
}*/

#news main > h1 {
	display: none;
}

.top ul.loginbar  {
	z-index:100;
}

	.loginbar a { 
		text-decoration:none; 
		display: inline-block;
		padding: 2px 4px;
	}

	#home #home a,
	#news #news a,
	#calendar #calendar a,
	#contact #contact a
	{
		background-color: #0000004d;
		color: #fff;
	}





.footer {
    background-color:#CBCBBF;
    margin:0 auto;
	padding: 9px;
	color: #333333;
}

.curvy {
	transition: 
		height .8s cubic-bezier(0, 0.62, 0.57, 1.63) 
		/* , padding-bottom .8s ease-in-out; */
		;
	height: 59px; 
	overflow: hidden;

}

	.curvy svg {
		height: 100%; 
		width: 100%;
	}

	.curvy path {
		stroke: none;
		fill: #fcf7e3;
	}

.footer:hover .curvy {
	height: 45px;
	/* padding-bottom: 14px; */
	
}

.footer:hover {
	padding-bottom: 14px;
	color: #f0edc0;
}

.footer a {
	color: #a2d576;
	text-decoration: underline;
}

.footer__container {
	margin-top: -40px;
}

.copyright {
	background-color:#081359;
	padding: 20px 0;
	color: #fff;
}

.copyright p {
	color: white;
}

.footer a, .copyright a, .footer a:hover, .copyright a:hover {
    color: #f2d027;
}

.footer-articles li a {
	margin-bottom: 1em;
	display: block;
	line-height: 1.2em;
}

.footer h2 {
	color: #e5e2b3;
}



/* BS form styles */
form .row {
	margin-bottom:20px;
}

.form-control {
	color:#000;
}

.form-inline .form-group {
	vertical-align:top;
}

.form-group label {
	margin-bottom:2px;
}

	.required label {
		color:#600;
		font-weight:bold;
	}

	.bodyItalic {
		font-style:italic;
	}

	input:invalid, textarea:invalid select:invalid;  {
		border:1px solid #966;
	}

	input:required:valid, textarea:required:valid , select:required:valid  {
		border:1px solid #696;
	}


	.required select:invalid {
		border: 1px solid #600;
	}

	input[type="checkbox"]:invalid, input[type="radio"]:invalid {
		outline: 1px solid #600;
	}

.formMgr input[type="text"], .formMgr select, .formMgr textarea {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

label.top {
	width: 100%;
}
/* used for webforms */
div#fullPageOverlay {

	overflow-x: hidden !important;
	overflow-y: auto!important;


	opacity: 1!important;


	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 2000 !important;

	overflow: hidden !important;
	-webkit-overflow-scrolling: touch !important;
	outline: 0 !important;
}


#iframeNewWindow {
	left:0 !important;
	z-index: 3000;
}




/* Google Custom Search fix conflict BS */
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
  -webkit-box-shadow: none;
  -moz-box-sizing: content-box;
    box-sizing: content-box;
  box-shadow: none;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus, .gsc-search-button, .gsc-selected-option-container  {
  box-sizing: content-box;
  line-height: normal;
}
/* END Google Custom Search */




#seal-header--print {
	display: none;
}

/*                 */
@media print
{
	html, body { 
		/* height: 99%; */
		background: white;

	}

	.content {
		padding-bottom: 0;
	}

	#seal-header--print {
		display: block;
		position: absolute;
	}

	header {
		background-color: transparent;
	}


	footer,
	.c-related-resources 
	{
		display: none;
	}

	body .form-display {
		background-color: transparent;
		width: 100%;
	}

	#divMsg {
		display: none;
	}

	main h1 {
		margin-left: 100px;
	}
	

	a[href]:after {
		content: "";
	}

}

/* ==============================*/
/* mobile media queries */
@media (max-width:991px) {
	ol.breadcrumb {
		display:none;
	}

	.container {
		padding-left: 0px;
		padding-right: 0px;
		width:97%;
	}

	.content {

	}

	#sidebarPrimary {
		padding-left: 0px;
		padding-right: 0px;
	}

	.header .navbar-nav#menuMain > .active > a,
	.navbar .nav > .active > a:focus {
	    background-color: #72c02c !important;
	    color: #000;
	    /* border-bottom: none; */
	}

#menuMain {
	background-color: #fff !important;
}
}

/* ==============================*/

@media (min-width:768px) {
	.header .dropdown-menu {
		margin-top: -1px !important;
	}
}