html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
}

h1 {

}

a {

	text-decoration:underline;
	color: #0148b7;

}



	a.btn {
		text-decoration:none;
	}

	a:hover {
		text-decoration:none;
		color: #0083ec;

	}

    a:focus { color:#000;}

    li a {
    	color: #0148b7;
    }

.btn {

}

	.btn:hover {
	    /* background-color: #eaeaea;
	    border-color: #b7b7b7; */
	}

.btn-primary {
    /* color: #ffffff;
    background-color: #62A12A;
    border-color: #497620; */
}

    .btn-primary:hover, .btn-primary:focus {
    /* color: #ffffff;
    background-color: #4F8320;
    border-color: #365619; */
    }

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #325611;
    border-color: #11330c;
}

body {


}

body.boxed-layout {
    margin-top: 0em;
    background-color: rgb(230, 244, 250);
    box-shadow: 0 0 0px #777;
    border-radius: 16px;

}

/* for CK Editor? */
	body.content, body#content {
		background-image:none;
		background:none;
		font-family:sans-serif;
		background-color:#fff;
		padding:5px;
	}


h1, h2, h3, h4, h5, h6   {
    color:rgb(43, 67, 106);
}

h1 {
    font-size:36px;
    color: rgb(104, 128, 172);
}

h2 {
    font-size:27px;
    color: rgb(75, 94, 156);
    margin-top:10px;
    margin-bottom:5px;
}

h3 {
   margin-bottom:3px;
   color: rgb(18, 66, 94);
}

h2 + h3 {
    margin-top:0px;
}

table td { padding: 1px; }

table {
	font-size:inherit;
}

/* show tabber with gradient */
.nav-tabs>li.active>a {  
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.container.top {
    margin-top:0px;
    background-color: #333;
}

.header .mega-menu {
    margin-top:5px
}
.header .mega-menu .container {
	background-color: rgba(255,255,255,.6);
}

.table-header-col-first tbody td:first-child {
	color:#287C1B;
}

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

/* form specific */
#lbldeaNo, #lblinspector, #lbloLicNo, #lblnonResState, #lblinLicNo, #lblfpgeeDate, #lblhardCardDate, #lblptcbCertNo, #lblexcptCertNo {
	min-width: auto !important;
}

#lbllicNoTxt, #lblcsNoTxt, #lblcoTxt {
	min-width: 12em;
}

#lblcertify, #lblswear {
	max-width: 95% !important;
}

#lblnuPharmUp, #lblobjectUp, #lblagendaUp {
	text-align: left !important;
}

#fldsetStart legend {
	border-bottom: none !important;
}

.form-display label.RIGHTFULL {
	width: auto;
}
/* END form specific */

/* jquery accordion */
.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;
}
/* end accordion */

/*
p, a, li {
	color:#000;
}
*/

.img-container {
  border-radius:8px;
  margin-right:10px;
  /*margin-top: 10px;*/
}

.img-responsive {
  width: 100%;
}

.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;
    }

.header {
/* 	background-color:#213480; */
}

.top {

		/*margin-top:2em;*/
		/* DH removed, seemed excessive? Can we handle in formstyles.css? */
}

.header .topbar {
	background-color:rgba(0,0,0,.5);
}

    .loginbar {
      padding-left: 0px;

    }

        .loginbar li {
          white-space: nowrap;
        }

	.header .topbar ul.loginbar > li > a, .header .topbar ul.loginbar > li > a:hover {
        color:#fff;
        font-size: 11px;

	}

      .header .topbar ul.loginbar li i.fa {
            color: rgba(255,255,255,.7);
      }

.magazine-sb-categories ul {
	list-style:none;
	padding-left:1em;
}

	.magazine-sb-categories li a {
		display: block;
		padding: 3px;
		background-color: rgba(0,0,0,.1);
		width: 90%;
		text-decoration: none;

	}

/*#btnSubmit, #btnExit, #btnSave {
	background-color:#1E9AD4;
	border:1px solid #ccc;
	color:#fff;
	display: inline-block;
	font-size:14px;
	font-weight:normal;
	line-height: 1.4285;
	padding: 6px 12px;
	text-align: center;
	vertical-align: middle;
}

#btnSubmit:hover, #btnExit:hover, #btnSave:hover {
	background-color:#23B0FF;
	border:1px solid #bbb;
	color:#eee;

}*/

.magazine-sb-categories ul li {
	font-size:14px;
}



/* ---------------------- service-block */
/* 
.service-block a {
    color:black;
}

.service-block-u {
    background:#5E853B;
} */

.job-img .col-md-4,
.job-image .col-md-6 {
	padding: 0;
}

.service-block table {
	backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
}

	.service-block a {
		color: white;
	}

	.service-block table > tbody > tr >  th {
		color: rgba(255,255,255,.8);
		
	}


	.service-block table > tbody > tr >  td {
		
		border-color: rgba(255,255,255,.3);
	}

.o-blur-container {
	background-position: left bottom;
	background-size:cover;
    overflow:hidden;
	position:relative;
	width: 240px;
    height: 320px;
	/* background: url(/images/home/capitol-dusk.jpg); */
	background: url(https://upload.wikimedia.org/wikipedia/en/e/e0/Iron_Man_bleeding_edge.jpg);

	


}


.o-blur-container .o-blur-container__bg {
    background-image:inherit;
    background-position: inherit;
    left:0;
    right:0;
    bottom:0;
    position:absolute;
}

.o-blur-container .o-blur-container__bg:before{
    background-image:inherit;
    background-position: inherit;
    -webkit-filter: blur(6px);
    -moz-filter: blur(6px);
    -o-filter: blur(6px);
    -ms-filter: blur(6px);
    filter: blur(6px);
    content: " ";
    width : 100%;
    height : 100%;
    position: absolute;
    left:0;
    top:0;
}

.o-blur-container .o-blur-container__bg .o-blur-container__content{
    -webkit-filter: blur(0);
    -moz-filter: blur(0);
    -o-filter: blur(0);
    -ms-filter: blur(0);
    filter: blur(0);
    color:white;
    padding:10px;
    background-color : rgba(0, 0, 0, 0.4);
}











/* end service block ----------------- */


.tab-pane p, .tab-pane legend  {
	padding:5px;
}

.tab-pane label {
	text-align:right;
}

/* .bgblur {  } */

/* #body_new 	 .content > .breadcrumb { display:none; } */

#body_new  h1, .findNews h1 {
    display:none;
}



#body_new  h1[itemprop="headline"],
.findNews  h1[itemprop="headline"]
{
    display:block;
}


#body_new ol.breadcrumb,
.findNews ol.breadcrumb
{
	display: none;
}

#body_new ol.breadcrumb.news,
.findNews ol.breadcrumb.news
{
	display: block;
}

#body_new li#news a,
#body_new li#news i,
.findNews  li#news a,
.findNews  li#news i
{
    opacity:.5;
}

#artlist li {
	margin-bottom: 1em;
}

#artlist li h3 {
	margin-bottom: 5px;
}

.nav a, .sidebar-nav a {
	text-decoration:none;
}

.clearfix {
	clear:both;
}

.container {

}

.wrapper {

background-color:transparent;

}

.header {
	background-color:transparent;
	border:none;
    margin-bottom:20px;
}

.header .navbar-toggle, .header .navbar-default .navbar-toggle:hover, .header .navbar-default .navbar-toggle:focus,
.header .navbar-default .navbar-toggle
{
    background: #454d7a;
    padding: 6px 10px 2px;
	border-color: transparent;
}

.header .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:hover,
.header .navbar-default .navbar-toggle:focus
{
    background: #282d5e !important;
}

.header .navbar-default .navbar-toggle {
    border-color: #212540;
}

.header .dropdown > a:after, 
.header .dropdown-submenu > a:after {
	font-size: medium;
}


@media (min-width: 992px) {
	.header .dropdown-menu {
		border-top: solid 2px #384c74;

	}
}

.header .navbar-brand {

	height:100px;
	margin-top:20px;
	position:relative;
	opacity:.8
}

.header .navbar-brand img {
	height:81%;
}
.header .navbar-brand + a img  {
	height: 77px;
margin-top: 8px;
}

.mega-menu .container {
    border-radius: 0px 0px 8px 8px;
}

.menu-mobile {
	clear: both;
}

#menuMain > .dropdown {
	/*max-width:200px; */
	font-family: 'Open Sans', sans-serif;
}

#menuMain > .dropdown a[href="/article.asp"],
#menuMain > .dropdown a[href^="/about"]
{
	display:none;
}

.ie8 #menuMain {
	margin-left:40%;
}

.navbar-header {
	height: 53px;
}

	.navbar-header a { color:#fff; }

	.navbar-inverse {
		background-color:#003366 !important;

	}

	.brand-title {
		font-size: 2.0em;
		color: #737a7d;
		display: inline-block;
		margin-top: 0.7em;
		line-height: 100%;
		font-variant: small-caps;
		font-family: serif;
	}

		.brand-title:hover {
			color: rgba(56, 76, 116, 0.87);
			border-bottom: 1px dashed lightgray;
		}

		.brand-title .smaller {
			font-size: smaller;
			display: block;
		}

/*Navbar Menu*/
.header .navbar-default .navbar-nav > li > a {
	color:rgba(0,0,0,.7);
}

.header .navbar-default .navbar-nav > .open > a, .header .navbar-default .navbar-nav > .open > a:hover, .header .navbar-default .navbar-nav > .open > a:focus {
	color:#000;
	border-bottom:none;
	background-color:#fff;
}

.logo {

}

	.logo:hover {
		opacity:.5;
	}

.logonew {
	background-color:#eee;
}

.footer {
    border-radius:8px 8px 0px 0px;
}

.copyright,
.footer-v1 .copyright p {
	color: rgb(255,255,255,.7);
}

.footer ul,
.footer li {
	list-style: none;
}

.footer li a,
.footer a,
.footer-v1 a
{
	    color: rgb(158, 226, 255);
}

.footer .latest-list a {
	color: white;
}
.panel-grey h2.panel-title {
    color:#000;
}

.headline h2, .headline h3, .headline h4 {
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #98c0d1
}

.block-quicklinks a {
	display: inline-block;
	margin-bottom: .5em;
	line-height: 134%;
}


/* feature news articles, thumbnails  */
div#newsfeature {
	height:350px; 	width:690px;
	position:relative;
	border-radius:10px;

}

	div#featurelink {
		width:690px;
		height:350px;


		background-repeat:no-repeat;
		transition: background-image .5s;
		background-color:#000;
		-webkit-transition: background-image .5s; /* Safari and Chrome */
		-moz-transition: background-image .5s; /* mozilla */
		-o-transition: background-image .5s; /* Opera */
	}


#articlelist {
  font-size:smaller;
}

#articlelist h2 {
  display: none;
}

#articlelist li {
  border-bottom: 1px dotted #eee;
  background-color:#fff;
  border-top: 1px solid #ddd;
  padding: 2px 2px 2px 8px;
}

#articlelist li h3 {
  font-size: 16px;
}

	ul#thumbribbon {
	background-color:#666;
	background-color: rgba(0, 0, 0, .6);
	background-repeat:repeat-x;
	background-position:0% 5px;
	position:absolute;
	background-opacity:.5;
	bottom:0px;


background: -moz-linear-gradient(top,  rgba(61,61,61,0.84) 0%, rgba(63,63,63,0.82) 12%, rgba(86,86,86,0.8) 26%, rgba(53,53,53,0.78) 39%, rgba(33,33,33,0.77) 49%, rgba(0,0,0,0.77) 51%, rgba(17,17,17,0.76) 60%, rgba(43,43,43,0.74) 76%, rgba(28,28,28,0.72) 91%, rgba(19,19,19,0.71) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(61,61,61,0.84)), color-stop(12%,rgba(63,63,63,0.82)), color-stop(26%,rgba(86,86,86,0.8)), color-stop(39%,rgba(53,53,53,0.78)), color-stop(49%,rgba(33,33,33,0.77)), color-stop(51%,rgba(0,0,0,0.77)), color-stop(60%,rgba(17,17,17,0.76)), color-stop(76%,rgba(43,43,43,0.74)), color-stop(91%,rgba(28,28,28,0.72)), color-stop(100%,rgba(19,19,19,0.71))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(61,61,61,0.84) 0%,rgba(63,63,63,0.82) 12%,rgba(86,86,86,0.8) 26%,rgba(53,53,53,0.78) 39%,rgba(33,33,33,0.77) 49%,rgba(0,0,0,0.77) 51%,rgba(17,17,17,0.76) 60%,rgba(43,43,43,0.74) 76%,rgba(28,28,28,0.72) 91%,rgba(19,19,19,0.71) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(61,61,61,0.84) 0%,rgba(63,63,63,0.82) 12%,rgba(86,86,86,0.8) 26%,rgba(53,53,53,0.78) 39%,rgba(33,33,33,0.77) 49%,rgba(0,0,0,0.77) 51%,rgba(17,17,17,0.76) 60%,rgba(43,43,43,0.74) 76%,rgba(28,28,28,0.72) 91%,rgba(19,19,19,0.71) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(61,61,61,0.84) 0%,rgba(63,63,63,0.82) 12%,rgba(86,86,86,0.8) 26%,rgba(53,53,53,0.78) 39%,rgba(33,33,33,0.77) 49%,rgba(0,0,0,0.77) 51%,rgba(17,17,17,0.76) 60%,rgba(43,43,43,0.74) 76%,rgba(28,28,28,0.72) 91%,rgba(19,19,19,0.71) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(61,61,61,0.84) 0%,rgba(63,63,63,0.82) 12%,rgba(86,86,86,0.8) 26%,rgba(53,53,53,0.78) 39%,rgba(33,33,33,0.77) 49%,rgba(0,0,0,0.77) 51%,rgba(17,17,17,0.76) 60%,rgba(43,43,43,0.74) 76%,rgba(28,28,28,0.72) 91%,rgba(19,19,19,0.71) 100%); /* W3C */



	/*	bottom:76px;*/
		width:690px;
		height:79px;
		padding:0px 0px 0px 0px;
		position:absolute;
		list-style:none;
		zoom:1;


	}
/*		ul#thumbribbon:hover {
			background-color: rgba(0, 0, 0, 1); background-color: #333;
		} */

		ul#thumbribbon li {

			float:left;
			position:relative;
			display:block;
			height:76px;
			background-image:none;
			padding:0px 0px 0px 10px;

		}
			ul#thumbribbon li:first-child { padding-left:0px; }

		ul#thumbribbon img{
			border:1px solid white;
			margin:5px 5px 5px 5px;
			opacity: 0.8; filter:alpha(opacity=80);
			position:relative;

			-webkit-transition:  bottom .4s ease 0s;
			-moz-transition:  bottom .4s ease 0s;
			-o-transition:  bottom .4s ease 0s;
			transition: bottom .4s ease 0s;




		}

		ul#thumbribbon a{
			overflow:visible; float:left; height:79px;
		}

		ul#thumbribbon .newstext {
			position:relative;
			display:block;
			float:right;
			font-size:.95em;
			width:130px;
			margin-top:5px;
			margin-right:13px;
			height:63px;
			overflow:hidden;
			text-overflow:ellipsis;
			line-height:normal;
			font-weight:normal;
		}

		ul#thumbribbon a.newstext {
			text-decoration:none;
			color:#eee;
		}

		ul#thumbribbon li:hover a, ul#thumbribbon li.on a   {  /* this style is invoked when hovering over the <li> or if <li class="on"> */
			color:#fff;
		}

		ul#thumbribbon li:hover img, ul#thumbribbon li.on img  {  /* this style is invoked when hovering over the <li> or if <li class="on"> */
			bottom:20px;
			opacity:1.0; filter:alpha(opacity=100);
			box-shadow: 2px 2px 3px 0 #000;

		}

/*   -----------------------------------------------------------------*/
.magazine-page article h3 {
    margin-bottom:0px;
}
.magazine-news .by-author {
    margin-bottom:0px;
    text-align:right;
}
/* more news */

article h3 {
    margin-top:1em;
    margin-bottom:0px;
}

article .intro, p.intro, h1+p  {
    font-size:larger;
    color:rgba(0,0,0,.7);
}

ul.nobullets, ul.unstyled {
	list-style:none;
  padding: 0px;
}

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

.ie8 #menuMain i {
	display:inline-block;
	margin-left:10px;
}

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

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

.bodyAlert, .bodyAlertItalic {
	color:red;
}

.bodyAlertItalic {
	font-style:italic;
}

.carousel-inner>.item {
	height:290px;
	overflow:hidden;
}

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

}



.nav-list {
	/*padding:10px;*/
	/* dh commented out 8/23/2016. What was this for? */
	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;
}

/* override default to make main menu smaller */
.navbar .nav > li > a {
	padding: 13px 14px 13px;
	color:#000; /* dh */
}


.navbar-header {
	width:100%;
}

.header .navbar, .navbar-inner, .nav, .navbar-inverse {


/* 	margin-bottom:20px; DH removed because it added too much space*/
}

.header .navbar .nav > li {
	border-color:#536343;
}

.header .navbar-default .navbar-nav > li > a {
    font-weight: bold;
	/* fix */ min-height: 44px;
}

/*
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
	background:#314121 !important;
}
*/



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

		#related li a {
			font-size: larger;
		}


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

.nav.sectionMenu > li > a:hover {
	/* background-color: #deeeb2; */
}

.panel-group {
	margin-bottom:0px;
}

.panel {
    border-radius:0px;
}

.panel-group .panel {
     border-radius:0px;
}

    .panel-heading {
      border-radius:0px;
    }

.active-section .panel-default > .panel-heading {

	background-color:#895;
	font-weight:normal;

	}

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

.active-section  li a {
	padding-left:30px;
}

.active-section .panel-collapse .sectionMenu li a:hover {
    /* background-color: #deeeb2; */
}

.active-section .sectionMenu {
	/* background-color: rgba(13, 50, 0, 0.86) !important; */
}



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

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

}


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

}


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

}

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


.collapse.in .sectionMenu li.active a:hover {
    /* background-color: #99CE73; */
}

.sectionMenu li.active a {
     /* background-color: #488628; */
}


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

/*3rd tier link we're on */
.collapse.in .sectionMenu li.active > ul > li.active > a {

    /* background-color: #2B6000; */
}

.collapse.in .sectionMenu li.active > ul > li.active > a:hover {
    /* background-color: #6F9A6B; */
}

/*3rd tier link we're NOT on */
.collapse.in .sectionMenu li.active > ul > li > a {
    padding-left: 3em;
    /* background-color: #184516; */
}

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

.sidebar-nav {
    padding:0px 0px 30px 0px;
    margin:0px 10px 00px 0px;
}

#sidebarPrimary .panel-title {
	font-size:14px;

}

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

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



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

.navbar .nav > li > a:hover {
	background:rgba(255,255,255,.3) !important;
color:#000;
}

/* when you're on a page in the section, change that major top menu section */
.header .navbar-nav#menuMain > .active > a, .navbar .nav > .active > a:focus {
    background-color: #fff !important;
	color:#000;
	border-bottom:none;
}


.sectionMenu {
	/*background-color: rgba(200,200,200,.7) !important;*/
/*	color:#000;*/
	/*padding:0px; */   /* don't need this as long as nav-list is not 10px */
	/*transition: background-color .5s;*/
}

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

.sidebar-nav {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6e8a24+0,e4f9db+100 */
	background-color:rgba(54, 74, 114, 0.99); /* Old browsers */

	padding-bottom:1em;
	border-radius:8px;
	margin-bottom: 2em;
}

.sectionMenu a { color:#000; }



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

	/* .sectionMenu li.active {
		background-color:rgba(49, 90, 14, 0.77) !important;
		color:#fff !important;
	} */


	@media (min-width: 992px) {
	
	.header .navbar-default .navbar-nav > li > a:hover, .header .navbar-default .navbar-nav > .active > a {

		border-bottom: solid 2px rgb(14, 30, 90);
	}
}

@media (min-width: 992px) {
    
	.header .dropdown-menu {
    border-top: solid 2px  rgb(14, 30, 90);;
    
	}
}

.sidebar-nav > .sectionMenu li.active a {
    background-color: rgb(14, 32, 90) !important;
	color:#fff !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: #7a94b8;
	border-bottom:2px solid #ddd;
	color:#000;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;

}

.sidebar-nav h3 {
    color:#fff;
}

/* this is for when we're looking at a panel item*/
	div .panel-collapse.in ul  li a{
		padding-left:20px;
        /* color:#fff; */
	}

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

        div .panel-collapse.in ul  li.active a:hover{
            color:#000;
	}


.sidebar-nav a.collapsed .section-sub:before

	{
	content:"\f0da";
	}

.sidebar-nav  a .section-sub:before 	{
	    font-family: FontAwesome;
		content: "\f0d7";
	}

.sidebar-nav .collapsing {
	background-color:#999;
}

	.sidebar-nav .collapsing a {
	/* color:white; */
	padding-left:20px;
}

.content {
	border-radius:8px;
	background-color:rgba(252,255,250,.97);
    margin-top:00px;
    margin-bottom:13px;

}

.accordion-inner {
	padding-left:0px; padding-right:0px;
}

.breadcrumb {
	text-align:right;
}

#sidebarPrimary {
	margin-right:0px;
    padding:1px;
}

.sidebar-nav {

}

.in ul {
  background-color: transparent;
}



td {
	vertical-align:top;
}

/* ICONS */
/* show an icon to right of link when it's external: OLD with image; */
/*a[href^="http://"], a[href^="https://"] {
    background: url(/images/icons/external.png) center right no-repeat;
    padding-right: 13px;
	margin-right:3px;
}*/

/* show an icon to right of link when it's external */
a[href^="http://"], a[href^="https://"] {

	margin-right:3px;
}

	a[href^="http://"]:after, a[href^="https://"]:after {
		content: "\f08e";
    	font-family: fontawesome;
    	text-decoration: none;
	    padding-left: 4px;
	    font-size: smaller;
	    vertical-align: text-top;
	    display: inline-block;
	}

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

	}

/* don't show external icon */
a[href^="http://dev.services.wvbop.com"]:after ,
a[href^="https://dev.services.wvbop.com"]:after ,
a[href^="http://dev.services.wvbop.com"]:after ,
a[href^="http://wvbop.com"]:after ,
a[href^="https://dev.services.wvbop.com"]:after  {
	content: "";
	padding-left: inherit;
}

a[href^="http://www.wvbop.com"]:after ,
a[href^="https://www.wvbop.com"]:after ,
a[href^="http://www.wvbop.com"]:after ,
a[href^="http://wvbop.com"]:after ,
a[href^="https://www.wvbop.com"]:after  {
	content: "";
	padding-left: inherit;
}

a[href$=".doc"], a[href$=".rtf"] {
	background: transparent url(/www/images/icons/icon_doc.gif) no-repeat center right;
}

a[href$=".pdf"], a.pdf {
	/* background: url(/www/images/icons/icon_pdf.gif) no-repeat center right; */
	padding-right: 3px;


}

  a.pdf:after {
        font-family:fontawesome;
        content: "\f1c1";
        padding-left: .5em;
}

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

	.loginbar a { text-decoration:none; }

	.devider {
		padding: 5px;
	}

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


.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;}

/* the right-most menu needs to expand 2nd tier to the left so it doesn't go off-screen */
.header .mega-menu  .dropdown:last-child .dropdown-menu {
   right:0;
}

/* the right-most menu needs to expand 3rd tier to the left so it doesn't go off-screen */
.header .mega-menu  .dropdown .dropdown-submenu .dropdown-menu {
    right:100%;
    left:auto;
    border-radius:0px;
}

    .header .mega-menu  .dropdown:last-child .dropdown-submenu .dropdown-menu {
        border-radius:0px;
    }


.header .navbar-default .navbar-nav > li:hover > a {
    color: #003300;
}

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


/* Resources */
.resource { font-size: 80%; }
	.resource ul {
		list-style:none;
		margin:0px; padding:0px;
	}

	.resource li {

		padding:2px 2px 2px 8px;
		background-color:#fff;
		border-top:1px solid #ddd;
	}
		.resource li:hover { background-color:#eee }

	.resource li  h3{
		font-weight:normal;
		font-size:medium;
		margin:0px;
	}

		.resource a {
			display:inline-block;
			width:75%;
		}

		.resource img {

		}

		.resource .fileBytes {
			width:10%;
			display:inline-block;
			text-align:right;
		}

		.resource .fileBytesLabel {

		}



/* end Resources */







	#homeEvents { }
	#homeEvents li {
		clear:both;
		margin-bottom:10px;
		overflow:hidden;
	}

		.dateCard {
			background-color:#3073BE;
			border-radius:4px;
			color:#fff;
			padding:2px;
			text-align:center;
			font-weight:bold;
			width:49px;
			margin-left:2px; margin-right:4px;
			float:left;
		}

			.dateCard .abrvMonth {
				text-transform:uppercase;
				border-bottom:1px solid rgba(255,255,255,.3);
				font-size:.7em;
			}

			.dateCard .twoDigitDay {
				font-size:1.35em;
			}

		.eventDesc {
			font-variant:normal;
			float:left;
            /* width: 100%; */ /* commenting out, because makes event view page wrap desc */
			min-height:70px;

		}

		.eventDesc a.subject {  /* name of event */
			font-size:medium;
			font-weight:inherit;
			color:inherit;
			font-variant: normal;

		}

		.eventDesc p {
			margin:0px;
			line-height:100%;
		} /* the location */

	.eventDesc a.subject {

    }



/* END Calendar Styles ---------------------------------------*/

.portal-expand {
	border:none !important;


}

	.portal-expand h3 {
		border:none !important;
		background:none !important;
		color:#72c02c;
		text-decoration:underline;
	}

	.portal-expand .ui-accordion-content   {
		border:none;
		border-bottom: 1px solid black;
		overflow:scroll;
		height:200px;
		width:300px;
	}

	.portal-expand .ui-widget-content {
		background:none;
		border:none;
		border-bottom: 1px solid black;
		text-transform:capitalize;
	}

	.portal-expand .stats, .portal-expand .stats td {
		font-size:.8em;
		text-transform:capitalize;
	}


#topcontrol:after {
    top: -2px;
    left: 8.5px;
    content: "";
    position: absolute;
    text-align: center;
    font-family: FontAwesome;
}



/**********************************
  Text Resizer Buttons
 **********************************/
#textsizer
{
  margin-bottom: 6px;
    width:60%;
    float:left;
    color: rgba(255,255,255,.5);
}

@media (max-width: 992px) {
	#textsizer {
		width: auto;
	}

}


  #textsizer p
  {
    display: inline;
    color: rgba(255,255,255,.5);
  }
ul.textresizer
{
  list-style: none;
  display: inline;
  margin: 0px;
  padding: 0px;
}
  ul.textresizer li
  {
    display: inline;
    margin: 0px;
    margin-right: 5px;
    padding: 0px;
  }

  ul.textresizer a
  {
    border: solid 1px rgba(255,255,255,.5);
    padding: 2px 3px;
    ;
    text-decoration: none;
    color: rgba(255,255,255,.5);
  }

  ul.textresizer a:hover
  {
    background-color: rgba(0,0,0,.5);;
    border: solid 1px rgba(255,255,255,.5);

  }

  ul.textresizer .small-text
  {
    font-size: 11px;
  }

  ul.textresizer .medium-text
  {
    font-size: 13px;
  }

  ul.textresizer .large-text
  {
    font-size: 15px;
  }

  ul.textresizer .larger-text
  {
    font-size: 17px;
  }

  /* Style of active button */
  ul.textresizer a.textresizer-active
  {
    border: solid 1px rgba(0,0,0,.7);
    background: rgba(255,255,255,.6);
    color: #000000;
    /* font-weight: bold; */
  }
/* End of Text Resizer Buttons */







/* -------------------------------- PAGE_SPECIFIC ---------------------------------- */
.job-img {

   background:url(/images/home/capitol-dusk.jpg) 40% 42% no-repeat;
   background-size: cover;
   border-radius:8px;
   min-height:300px;
}

.job-img .job-banner {
        max-width:482px;
        min-width:76%;
        margin-top:20px;
        padding:5px;
}

.gsearch__btn {
	border-width: 1px;
}


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


/* ============== FORM MANAGER ======================== */
.formMgr {
	/*min-width: 95%;*/
}

.fieldset {
	margin-top: 2em;
}

body .form-display {
    text-align: left;
    background-color: transparent;
    padding: 2em;  /* test */
}

.formMgr .required label:after {
	/* font-size: medium; */   /* DH 9/19/2019 commenting this out since it made some radios have a smaller star */
   /*content: "";*/
   /* DH 8/24/2016 this was removing some asterisks but not all, so commenting out. */
}

/* override formstyles.css to not show asterisks on required fields*/
.formMgr label.required:after,
.required label {
  content: "";
}

p legend {
	margin: 0;
}

/* ========= Inspection forms ============= */


/*diag*/
[data-formcode="INFY"]  .formMgr td {
	/* border: 1px dashed #ccc; */
}


/* make room for na onclick fields */
.form-display .field-yn .radio-inline {
	width: 33%;
}



[data-formcode="INFY"]  .formMgr {
	width: 100%;
}

[data-formcode="INFY"]:not([data-pagecode="inspfac.asp"])  tr td  {
	border-bottom: 1px solid #cccccc47;
}


[name="multiple"] + table.formMgr td {
	border: none;
}

[data-formcode="INFY"]  td:first-child label {
	width: 74%;
}

[data-formcode="INFY"] legend {
	border-bottom: none;
	margin-left: -.5em;
	width: auto;
}

/* don't indent first col span? */
[data-pagecode="inspfac.asp"] .form-display fieldset td:first-child span {
	padding-left: 0;
}

/* y we don't want this indent on these spans */
[data-pagecode="inspfac.asp"] .form-display fieldset span {
	padding-left: 0;
}

/* if labels aligned top, then they should be full width and input should wrap. TODO add to global */
.form-display label.top {
    display: block;
}



[data-formcode="INFY"] .form-display fieldset {
    /* background-color: #eee; */
    width: inherit;
    
    border-bottom: none;
    margin-top: 2em;
	border-top: 1px solid #bbc;
	border-top-right-radius: 8px;
    
}


	[data-formcode="INFY"] legend {
		font-weight: bold;
		color: #679;
		padding-right: 20px;
	}

/*** TODO MAYBE ADD TO FORMSTYLES.CSS ? **/
/* spans with no value, except for spacers and comments */
 [data-formcode="INFY"]:not([data-pagecode*="comments"]) .form-display
	span:not([name="spacer"]):not([name*="comments"]):not([name*="photo"]):not([data-type="YN"]):not([data-type="NY"]):not([data-fieldtype="YN"]):not([data-max_files]):empty 
{
    background-color: #bfbfbf03;
    display: inline-block;
    /* width: 60px; */
    height: 2em;
    border: 1px solid #cccccc40;
    border-radius: 4px;
    line-height: 1 !important;
    padding-top: 5px;
    padding-left: 5px;
}


[data-formcode="INFY"]:not([data-pagecode*="comments"]) .form-display 
	span:not([name="spacer"]):not([name*="comments"]):not([name*="photo"]):not([data-type="YN"]):not([data-type="NY"]):not([data-fieldtype="YN"]):not([data-max_files]):empty::after 
{
		content: "no value";
		color: #999;
	}

	
/*** END TODO MAYBE ADD TO FORMSTYLES.CSS ? **/



/* ---------------------- */

/* [data-formcode="INFY"] .form-display td:first-child, */
[data-formcode="INFY"] .cont-descYN
{
	width: 100%;
}

	[data-formcode="INFY"] .form-display .cont-descYN label {  
		text-align: left;
	}

[data-formcode="INFY"] .form-display td:first-child [data-type="descYN"] {  /* hopefully the big question sentence */
	width: 100%;
	max-width: 100%;
}


/* override how the required asterisk is replacing the ref in formstyles TODO fix */
[data-formcode="INFY"] .form-display  .show-ref td [data-type="descYN"]:after {
    content: attr(data-ref);
    color: #900;
    display: inline-block;
    white-space: nowrap;
	text-align: right;
	font-size: small;
	margin-left: .5em;
}

.form-INFY .formMgr label.required:after,
.form-INFY .formMgr .required label:after
{
  content: "";
}

.form-INFY .formMgr tr td {
/*	border-bottom: 1px solid #ccc;*/
	padding-bottom: 5px;
	/* vertical-align: bottom; */  /* commenting out because makes inspfac2.asp pic go to bottom */
}


.form-INFY .formMgr label {
	/* width:75%; */
	margin-right: 1em;
	text-align: left;
}


.form-INFY .formMgr label {
	/*font-weight: normal;*/
	/* color: black; */
}

.form-INFY legend {
  border: none;
}

.form-INFY .formMgr input:not([type="checkbox"], [type="radio"]),
.form-INFY .formMgr select,
.form-INFY .formMgr textarea {
	height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

        .form-INFY input[type=radio] {
          height: inherit;
         /* margin-top: 10px; */ /* I'm getting rid of this*/
        }

[data-pagecode="general1.asp"] .formMgr label + select,
[data-pagecode="general2.asp"] .formMgr label + select,
[data-pagecode="charnuc.asp"] .formMgr label + select
{
width: auto;
}

[data-pagecode="general1.asp"] .formMgr label,
[data-pagecode="general2.asp"] .formMgr label,
[data-pagecode="charnuc.asp"] .formMgr label
 {
  width: 75%;
}


[data-pagecode="general1.asp"] .formMgr select,
[data-pagecode="general2.asp"] .formMgr select,
[data-pagecode="charnuc.asp"] .formMgr  select{
  width:22%;
}

[data-pagecode*="inspfac.asp"] .formMgr {
	width: auto;
}

[data-pagecode*="inspfac.asp"] td:first-child label {
	width: 100%;
}

/* comments */
[data-pagecode="general1.asp"] .formMgr label[id*="comments"],
[data-pagecode="general2.asp"] .formMgr label[id*="comments"],
[data-pagecode="charnuc.asp"] .formMgr  label[id*="comments"]
{
  width:100%;
}

/* #comments_gen1_field,
#comments_gen2_field,
#comments_charnuc_field
{
	max-width: 200px;
} */

#comments_gen1_text,
#comments_gen2_text,
#comments_charnuc_text
{
	min-width: 700px;
}

[id^="fs_comm"] table tr:nth-last-child(1) td,
[id^="fs_comm"] table tr:nth-last-child(2) td {
	border-bottom: none;
}

[id^="fs_comm"] br {
	display: none;
}

[id^="fs_comm"] p {
	margin-top: 0;
}


[data-form="INFY"] div[id$="table"], div[id$="add"] {
    border-top: none;
    border-bottom: none;
}

/* attr class .field-depend carries over to explain field and indents, which we don't want  TODO how to fix perm? */
[data-pagecode*="explain"] td.field-depend:first-child {
  padding-left: 0;
}

#ctrl-explain label {
	text-align: left;
	padding-bottom: 2em;
}

.form-INFY .formMgr select {
	height: 30px;
  line-height: 30px;
  vertical-align: top;
  /* margin-top: .5em; */   /* dh 10/2/2018 commeing out because on inspfac.asp the selects dont line up with text inputs */
}

.form-INFY .formMgr textarea {
	height: auto;
	width: 100%;

}
/* 
.form-display table {
	width: 100%;
}

	.form-display td:first-child {
		width: 80%;
	} */

[data-type="descYN"] {
	/* width: 70%; */
}

/* span that's an inspection, but a radio */
[data-ref] {
    font-weight: bold;
}

/* auto prefix with the question ID */
/*  DH 11/5/2018 do we need this? below does this too. Commenting out. If we keep, scope to avoid radio inputs. */
/* .insp-ques label:before
 {
    content: attr(for);
    margin-right: .3em;
    font-weight: normal;
    color: inherit;
    width: 10em;
    display: block;
    float: left;
    height: 2em;
} */

/* auto prefix (spans and labels) with the question ID */
[data-pagecode="general1.asp"] [data-id]:before,
[data-pagecode="general2.asp"] [data-id]:before,
[data-pagecode="charnuc.asp"] [data-id]:before
 {
	content: attr(data-id);
    margin-right: 1em;
    font-weight: normal;
    color: inherit;

    display: block;
    float: left;
	height: 20px;
	width: 2em;
	width: 3ch;
	overflow: hidden;
}


	
@media only screen and (max-width: 992px) {
	[data-pagecode="general1.asp"] span[data-id]:before,
	[data-pagecode="general2.asp"] span[data-id]:before,
	[data-pagecode="charnuc.asp"] span[data-id]:before
	{
		/* height: 3em; */
	}
}


[data-pagecode="general1.asp"] span[data-type],
[data-pagecode="general2.asp"] span[data-type],
[data-pagecode="charnuc.asp"] span[data-type] 
{
    font-weight: bold;
}

/* alternative method of prefixing from the input, without relying on class to limit scope */
/* .insp-ques:before {
	content: attr(id);
	position: absolute;
	left: 0;
} */

[data-pagecode="general1.asp"] td,
[data-pagecode="general2.asp"] td,
[data-pagecode="charnuc.asp"] td

{
	position: relative;
}


.form-display td:last-child input[type="radio"] + label {
    margin-right: 0em;
 
}

/* consistent widths of question col */
[data-pagecode="general1.asp"] td:first-child
{
	width: 71%;  
}

/* consistent widths of question col */
[data-pagecode="general2.asp"] td:first-child,
[data-pagecode="charnuc.asp"]  td:first-child
{
	/* width: 75%;  consistent widths of question col */
	width: 71%;  /* consistent widths of question col */
}

#ctrl-lic_class label {
	text-align: right;
	margin-right: 0;
	width: auto;
}

[data-form="INFY"] .text-nowrap label {
	min-width: auto;
}


/* indv fields */
/* [name="lbl125_otcnarcandoc"],
#ctrl-yn-125_otcnarcandoc label
{
	width: 33%;
} */

[data-pagecode="general2.asp"] .form-display .field-yn label.radio-inline:first-child {
    width: 33%;
}


/* -------------------------------- /PAGE_SPECIFIC ---------------------------------- */

/* FEATURE NEWS */
.featureNews.item {
    color:rgba(0,0,0,.8);
    background-color:#fff;
        border-top: 1px solid #ddd;

}

    .featureNews h4 {
            font-size: 16px;
}

    .featureNews a {
        color:black;
    }

    .featureNews li {


    }
	



	
	
/* /FEATURE NEWS */

/* -------------------------------- Calendar Event Overrides ------------------------ */
.eventHome {
    margin-left: 1em;
}

.eventDate {
    width: 20%;
        background-color:#fff;
    border-top:1px solid #ddd;
}
.eventDesc {
        background-color:#fff;
    border-top:1px solid #ddd;
}

.eventHome td {
    background-color:#fff;
    border-top:1px solid #ddd;
}

/* -------------------------------- /Calendar Event Overrides ------------------------ */







/* ---------------------------------Resource blurb overrides */

.resource__file {
	overflow: hidden;
}

.fileDetails {
    display:inline-block;
    font-size:70%;
}

/* end resource blurbs */


/*  iinput[type="radio"]:invalid {
    outline: 1px solid #600;
  }*/







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

	.header .navbar-collapse.collapse.in {
		width:100%;
	}





/* MOBILE MEDIA QUERIES =========================================== */
@media (max-width: 1200px)
{
  .files .list-group-item a {
    width: 70%;
    display:inline-block;
  }
}

@media (min-width: 991px) {
  .in ul {
   /*  background-color: #fff !important; */
  }
}



@media (max-width: 991px)
{

  .navbar-header {
    float: none;
    height: auto;
    width: 100%;
  }

  .header .navbar-brand {
    margin-top: 0px;
    top: 0px;
    height: auto;
    width: 23%;

  }

  .brand-title {
	  margin-top: 0;
  }

    .header .navbar-brand img {
      height: auto;
      width: 67%;
    }

  .navbar-collapse {
    margin-top: 1em;
    /*width: 110%;*/
    margin-right: 0px;
  }



  .header .navbar-brand + a img {
      height: auto;
      margin-top: 8px;
      width: 60%;
  }

  .header .navbar-toggle, .navbar-toggle:focus {
      /*padding: 6px 5px 2px 5px;*/
  }

  .header .navbar-default .navbar-nav > .active > a, .header .navbar-default .navbar-nav > .active > a:hover, .header .navbar-default .navbar-nav > .active > a:focus {
    color: inherit !important;

  }

  .content, .footer, .sidebar-nav {
    border-radius: 0px;
  }

  .breadrumb {
    top: 0px;
    padding-left: 0px;
    text-align: left;
  }

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

  .sidebar-nav {
    margin: 0px;
  }

  .img-container {
    border-radius:0px;
    margin-right:-0px;

  }

} /* /max-991 */




/*    P R I N T             */

@media print
{

  /* address ligature fonts that show weird characters for ff, ffi, etc. in PDF */
  body,
  td,
  p,
  div,
  label {
    font-family: arial, sans-serif;
  }

	html, body { height: 99%;

	}

    body {
        background:none;
    }

	.header {
		height:70px;
	}

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



    nav {
        display:none;
    }

    button, input[type="button"], input[type="submit"], a.btn, #btnSubmit, #btnExit, #btnSave {
        display:none !important;
    }

	.form-display input[readonly], 
	.form-display input[disabled], 
	.form-display select[readonly], 
	.form-display select[disabled], 
	.form-display textarea[readonly], 
	.form-display textarea[disabled]
	{
		border-color: transparent;
	}

	.formprogress,
	#resources,
	footer,
	#topcontrol,  /* back to top arrow */
	#divButtons + br,
	#divButtons + br + br,
	#ctrl-pdf_link  /* success download button */
	{
		display: none;
	}

	#contentCol,
	.form-display
	{
		padding-bottom: 0 !important;
		margin-bottom: 0;
	}


}  /* end print */