/*****************************/
/*       Misc                */
/*****************************/
html, body {height:100%;width:100%;}
html {position:static;}
body, form {margin:0; padding:0;}
body {min-height:560px;}
body {position:absolute; background: url(../) no-repeat; background-size: cover; }
.inner-body{height:100%;}
.nobr
{
    white-space:nowrap;
}
.clearFloat{ clear:both; }

.userMsg {text-align:center; line-height:2em; border-top:1px solid #ffff00; border-bottom:1px solid #ffff00; font-weight:bold}
#main-body-border {
    position:absolute;bottom:40px;top:50px;left:0;width:100%; 
 
}
body {
    background-color:white;
    color:#242424;/*UIFontColor*/
    font-family:Open Sans;/*UIFontFamily*/
	font-size:14px;/*UIFontSize*/
    font-weight:normal;
}
/*#main-body {position:absolute;bottom:58px;top:106px;left:0;z-index:0;width:100%;min-width:1200px;}*/
#main-body {height:100%; }
#main-body-inner {height:100%; }
body#index-page  {  }
/*#index-page #main-body { width:1200px;}*/
#Quick-Links-page #main-body,
#View-LDC-page #main-body,
#View-UDC-page #main-body,
#View-Code-page #main-body,
#View-page #main-body {overflow:hidden;}

body#View-LDC-page,
body#View-Code-page,
body#View-page,
body#Quick-Links-page,
body#View-UDO-page,
body#View-UDC-page
 {overflow:auto;}

body .ui-widget-header {
	background:#477fc4;
	color:#222222;
}
body .ui-widget-header .ui-icon {
    background-image:url(../jqueryui/css/images/ui-icons_222222_256x240.png);
}
body .ui-widget {
	font-size:1em;
}
body .ui-state-hover,body .ui-widget-content .ui-state-hover,body .ui-widget-header .ui-state-hover{
    background: #ddd;
}
 #TopDiv  img#header-bg{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 106px;
    }

#TopDiv img#header-bg2 {
    position: absolute;
    top: 18px;
    z-index: 0;
    width: 100%;
    bottom: 20px;
    height: 80px;
}

/***Fix JQuery UI close button ***/
body .ui-button-icon-only .ui-button-text { padding:0;}

/*****************************/
/*       User Search         */
/*****************************/
#search{font:1em arial, helvetica;}
#search-view{overflow:auto;height:100%; color:#242424;}
#search-head {
    width:340px;
    margin:auto;
    padding-bottom:2em;
    margin-top:50px;

}
#search-head #keywords {width:300px; font-size:18px;line-height:24px; vertical-align:top;margin-top:10px;}
#search-head #search-btn {margin-top:10px;}
#search-results{width:80%;margin:auto;color:#111;}
#search-results table { width:100%;}
#search-results a, #search-results a:hover {font-size:12pt;color:#237D23;text-decoration:underline;}
#search-results a:visited {font-size:12pt;color:#237D23;text-decoration:underline;}
#search-results span.def {border-top:gray 1px solid;border-bottom:gray 1px solid;background-color: #afcdf2;}
#search-results td {padding:10px;background-color: #fcf9fc;}
#search-results td.favorite {background-color:  #e6e6e6;}
.search-hints {margin:auto; width:80%;text-align:center;}
.search-hints .example{font-style:italic; white-space:nowrap; }
#search-pagenav {text-align:center;}
#search-view #search-pagenav a {padding-right:20px;color:#111;font-size:14pt;}
#search-view #search-pagenav a.active {
	padding-right: 20px;
	color: #1B72B1;
}
	
.srch-bck #search-head { padding-bottom:0;}
	
.srch-bck form[name="searchScopeForm"]{
	padding:5px;
	background:transparent;
}
.srch-bck .search-hints p, .srch-bck .userMsg p{
	max-width: 500px;
    margin: 0 auto 10px auto;
    background: transparent;
    padding: 10px;
}
.srch-bck .userMsg p {
    margin:10px auto;
}
.srch-bck #progressbar {
	background:transparent;
    margin-bottom:10px;
}
/*#search-view > div {
    min-width:300px;
    max-width:600px;
    background:rgba(255,255,255,.6);
    margin:auto;
}*/
/*****************************/
/*  Search Results           */
/*****************************/
body#searchResults 
{
    border:2px single #C3C4FD;
    line-height:12pt;
}

/*****************************/
/*       Favorites           */
/*****************************/
    body#favorites 
    {
		padding:4px;
    }
	#favorites .navigation  {
		text-decoration: none;
		overflow: hidden;
		border: none;
	}
	
	#favorites .navigation .Level1   {
		font-weight:bold;
		margin-left: 0px;
		margin-top: 12px;
		border-bottom: solid 1px black;
	}
	
	#favorites .navigation .Level2   {
		font-weight:normal;
		margin-left: 6px;
		overflow: hidden;
		border: none 1px black;
       
	}

	#favorites .navigation .Level3   {
		font-weight:bold;
		margin-left: 16px;
		border: none 1px black;
	}

	#favorites a  
	{
		text-decoration: none;
		overflow: hidden;
	}
		
	#favorites a:hover	{
		background-color: #e8e3dc;
	}

    #toc-view #favorites{
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        overflow:auto;
        height:auto;
    }

   #toc-view #favorites #favlist-container { background-image:none; position:absolute; top:44px;bottom:0;height:auto;}
   #toc-view #favorites div.sidebar-heading { background-image:none; }
   #favorites ul ul  {
	padding-left:1em;
}
 #toc-view #favorites ul li { text-indent:-8px;}

/*****************************/
/*       Cpanel              */
/*****************************/

#nav-logo {
	display:flex;
	align-items:center;
	height:100%;
	z-index:3;
	padding-left:2px;
}
#cpanel-showmenu {
    display:none;
}

#showmenu-btn{
    float:right;
    margin:0 10px 0 0;
    cursor:pointer;
    z-index:2;
    position:relative;
    border:none;
    background:none;
    font-family:Open Sans;
	display:none;
	line-height:50px;
	font-size:20px;
	color:#fff;
	padding:0;
}
#showmenu-btn span.menubtn-ariatxt {
    position: absolute;
    left: -10000px;
}
.show #showmenu-btn span.menubtn-txt {
    display:none;
}
#showmenu-btn img {
    display: none;
}
.show #showmenu-btn img {
    display:block;
}
#TopDiv {
    height: 50px;
    width: 100%;
    z-index: 1;
	background:#2e3667;/*[TopDivBkgrdColor]*/
}


#TopInnerDiv 
{
    height:100%; 
    position:relative;
    z-index:10;
	display:flex;
}
#nav-logo a { height:46px;}
#city-logo { height:100%;}
#cpanel, #cpanel div{margin:0;padding:0;}

#cpanel 
{   
	margin:0;
	height:50px;
	text-align:center;
	overflow:visible;
	z-index:2;

	flex:1;
}

#cpanel #cpanelInner
{
    width:100%;
    height:100%;
}


#cpanel .nav {height:100%;}
#cpanel .nav ul {list-style:none none outside; /*display:table;*/padding:0;margin:auto;overflow:visible;}
/*#cpanel .nav ul#nav1 {margin:0;width:calc(100% - 311px);height:100%;background:none;position:relative;left:311px;}*/
#cpanel .nav ul#nav1 {margin:0 4px 0 0;/*width:700px;*/height:100%;background:none;float:right;}
#cpanel .nav ul li {/*display:table-cell;width:14%;*/vertical-align:top;position:relative; margin:0;display:inline-block;}
.justify  #cpanel .nav ul#nav1 {display:flex;width:100%;justify-content:space-around;float:none;}

/*#cpanel .nav-icon-label {position:static; margin:0;top:0;left:0;right:0;width:54px;height:32px;
    line-height: 12px;
  
    display: table-cell;
    vertical-align: middle;
    padding: 0 4px 0 34px;
}*/

#cpanel .nav-icon-label { /*position:absolute;*/ top:26px;right:0;left:0;}
#cpanel .nav .nav-icon {
	float:none; 
	top:0; 
	left:0; 
    position:relative;
    margin:auto;

    padding: 0 12px;
	line-height:50px;
}
#cpanel .nav #li-btn-logo,
 #cpanel .nav #li-logo {top:0;width:auto;margin:0;padding:0;position: absolute;
    left: -405px;}
 #cpanel .nav #li-btn-logo a,
 #cpanel .nav #li-logo a {height:auto;overflow:hidden; margin:0 0 0 0;}
 #cpanel .nav #li-btn-logo a span {display:none;}
#cpanel .nav #li-btn-usegroupsearch a {
    font-size:12px;
}
body  #cpanel .nav #btn-logo.nav-icon img
{
    border:0px none transparent;
    border-style:none;
	max-width:none;
	max-height:none;
	width:auto;
	top:0;
    margin: 5px 0 0 14px;
    position:static;

}
#cpanel .nav-icon  
{
    display:block;
    padding-left:0;
    padding-right:0;
	top: 3px;
    text-decoration:none;
	line-height: 135%;
	text-align: center;
	color:#fff;/*[MainNavFontColor]*/
	visibility: visible;
	border:0 solid transparent;
	border-style:none;
	margin-right:10px;
	min-width:35px;
	font-size: calc(8px + .7vw);
	font-family:Open Sans;
	font-weight:bold;
	text-transform:none;
}

#cpanel .nav-icon.nav-selected {
	color:#fff;
}

#xcpanel #li-btn-about .nav-icon  {margin-right:0;} 

#cpanel .nav-image{display:block;width:100%;height:auto;}
#cpanel .nav .nav-icon img 
{
    border:0 none transparent ;
    border-style:none;
	max-width:26px;
	max-height:25px;
	margin:auto;
    position: absolute;
    left: 0;
    right:0;
    display:none;
}
 #cpanel .nav #li-btn-logo a, #cpanel .nav #li-logo a  {
    height:135px;
    width:405px;
}
#cpanel .nav #li-btn-logo a img, #cpanel .nav #li-logo a img {
    max-width: 405px;
    max-height: 135px;
}


#cpanel .nav ul li:hover .nav-icon-label  {
	border-bottom: 3px solid #fff;
}

.hov-bck #cpanel .nav ul li:hover {
	background-color: #fff;
}
.hov-bck #cpanel .nav ul li:hover .nav-icon-label  {
	border-bottom: 0;
}

#cpanel .nav-icon.nav-selected {
	background:transparent;
}
#cpanel .nav-icon.nav-selected .nav-icon-label  {
	border-bottom: 3px solid ;
}
.sel-bck #cpanel .nav-icon.nav-selected {
	background:;
}
.sel-bck #cpanel .nav-icon.nav-selected .nav-icon-label  {
	border-bottom: 0;
}
#cpanel .nav .nav-icon.normal  {
	color:white;
	visibility: visible;
}

#cpanel .nav .nav-icon.hidden  {
	visibility	: hidden;
}


#header-img1 
{
    display:none;
}

#header-img2
{
    display:none;
}
#mobmenu-container {
	position:absolute;
	top:0;
	right:0;
	display:none;
}/*****************************/
/*       Cpanel Megamenu      */
/*****************************/
#cpanel li div.megamenu {
    background-color: hsl(231, 25%, 34%);
    top: 50px;
    position: absolute;
    left: 10px;
    display: none;
    width: calc(100vw - 20px);
    padding:0;
    box-sizing: border-box;
    line-height: 30px;
    border: 1px solid #444;
    box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.55);
    border-radius:0 0 8px 8px;
}
#cpanel .nav div.megamenu ul li {
    display:list-item;
	overflow:hidden;
}
#cpanel li div.megamenu .inner {
    /*display: flex;
    flex-direction: row;
    flex-wrap: wrap;*/
	columns:3;
}
#cpanel li div.megamenu a.mobile, #cpanel li div.megamenu span.mobile {
    display: none;
}
#cpanel .nav ul li.megamenu-parent {
    position: static;
}
#cpanel li div.megamenu ul {
    /*display: inline-block;*/
	display:block;
    padding:10px;
    margin:0;
	break-inside:avoid;
}
#cpanel li div.megamenu ul ul {
    margin:0;
    padding:0;
}
#cpanel li div.megamenu ul ul li.mobile-viewlink {
    display:none;
}
#cpanel li div.megamenu ul li li {
    display: list-item;
}
#cpanel .nav .megamenu .nav-icon {
    line-height: normal;
    padding: 0;
    font-weight: normal;
    text-align: left;
}
#cpanel .nav .megamenu ul a.nav-icon , #cpanel .nav .megamenu ul span.nav-icon {
    font-weight: bold;
    margin: 8px 0 2px 0;
}
#cpanel .nav .megamenu ul a.nav-icon.submenu-parent , #cpanel .nav .megamenu ul span.nav-icon.submenu-parent  {
   border-bottom: 2px solid;
}

#cpanel .nav .megamenu ul ul a.nav-icon {
    border-bottom: none;
    font-weight: normal;
    margin: 6px 0;
}

#cpanel .nav li div.megamenu ul li a:hover {
	border-bottom:2px solid ;
	margin: 8px 0 0 0;
}
#cpanel .nav li div.megamenu ul ul li a:hover {
	margin: 6px 0 4px 0;
}
.subhov-bck #cpanel .nav li div.megamenu ul li a:hover{
    background-color: ;
	padding-bottom:0;
	border:none;
	margin: 8px 0 2px 0;
}
.subhov-bck #cpanel .nav li div.megamenu ul ul li a:hover {
	margin: 6px 0;
}
#cpanel .nav ul .megamenu li:hover {
    background-color:transparent;
}

/*****************************/
/*       Cpanel SubMenu      */
/*****************************/

 ul.submenu {
 list-style:none;
}
#cpanel li ul.submenu li{
    display:list-item;
    text-align:left;
    width:100%;
    padding:0;   
    background-color: hsl(231, 25%, 34%);
}



#cpanel .nav li ul.submenu li a {
    text-decoration: none;
    font-weight: normal;
    padding: 4px;
    position: static;
    height: auto;
    white-space: nowrap;
    text-align: left;
    margin: 0;
    font-size: 14px;
	line-height:24px;
}



 #cpanel .nav li ul.submenu li a:hover {
	border-bottom:2px solid ;
	padding-bottom:2px;
}
 .subhov-bck #cpanel .nav li ul.submenu li a:hover {
	background-color: ;
	padding-bottom:0;
	border:none;
}
#cpanel .nav li ul.submenu li:hover {
	background-color: transparent;
}
#cpanel li ul.submenu {
	display: none;
	position: absolute;
	overflow: hidden;
	top: 50px;
	left: 0;
	background-color: hsl(231, 25%, 34%);
	z-index: 1;
	margin: 0;
	padding: 6px;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	border: 1px solid #333;
	-webkit-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.55);
}

#cpanel li ul.submenu.submenu-open{
     display:block;
}

/*****************************/
/*       userMgmt            */
/*****************************/

#userMgmt {padding:20px;}

/*****************************/
/*       Std                 */
/*****************************/
/*** TOC Collapse & Expand ***/
/*#toc-view-toggle {
    font-family:'Glyphicons Halflings';
    font-size:24px;
    float:right;
    cursor:pointer;
    position:relative;
    left:10px;
    background:none;
    border:none;
}*/
#toc-view-toggle {
    font-family: 'Glyphicons Halflings';
    font-size: 24px;
    float: right;
    cursor: pointer;
    padding: 0;
    background: none;
    border:none;
}

#toc-view-toggle  span{
    position:absolute;
    left:-10000px;
}
#toc-view-toggle::after{
    content:"\e251";
}
.toc-collapsed #left-sidebar #toc-view-toggle::after {
    content:"\e250";
}
 .transition #left-sidebar {
   -webkit-transition: width 300ms; /* For Safari 3.1 to 6.0 */
    transition: width 300ms; 
}
 .transition #left-splitter,.transition #center-content {
   -webkit-transition: left 300ms; /* For Safari 3.1 to 6.0 */
    transition: left 300ms; 
}

 .toc-collapsed  #left-sidebar{
    width:26px !important;
    overflow:hidden  !important;
}

.toc-collapsed  #left-splitter{
    left:26px !important;
}
.toc-collapsed  #center-content {
    left:32px !important;
}
.toc-collapsed #left-sidebar #toc-head, .toc-collapsed  #left-sidebar #toc-list,.toc-collapsed #left-sidebar .sidebar-heading,.toc-collapsed  #left-sidebar ul {
 display:none;
}
/*** End TOC Collapse & Expand ***/

/*** Doc-View Zoom ***/
#doc-view div.pageControls a.glyphicon{
    position:relative;
    top:3px;
	font-size:14px;
	font-family:'Glyphicons Halflings';
}
#doc-view div.pageControls #zoomPlus{
	top:2px;
}
#doc-view div.pageControls a.zoomLink {
    margin:0 3px;
    padding:1px;
}

#doc-view div.pageControls a.zoomLink:hover {
    background-color:rgba(100,100,100,.5);
}


#doc-viewer.Unzoom1 div#thePage-wrap{
    position:absolute;
    height:auto;
    transform:scale(.8);
    top:-12%;
    bottom:-12%;
    left:0;
    right:0;
}
#doc-viewer.Unzoom1 #defFrame { transform:scale(.8); }
#doc-viewer.Unzoom1 #pageControls div.pageControls_inner.breadCrumbs .breadCrumbs {
    transform: scale(.8);
}
#doc-viewer.Zoom1  div#thePage-wrap{
    transform:scale(1.2);
    position:absolute;
    height:auto;
    top:8.3%;
    bottom:8.3%;
    left:0;
    right:0;

}
#doc-viewer.Zoom1 #outer-doc-banner {
    padding:12px 0 0 0;
}

#doc-viewer.Zoom1 #defFrame { transform:scale(1.2); }
#doc-viewer.Zoom1 #doc-view #thePage-border { top:47px;}
#doc-viewer.Zoom1 #pageControls div.pageControls_inner.breadCrumbs .breadCrumbs {
    transform: scale(1.2);
}

#doc-viewer.Zoom2 div#thePage-wrap {
    transform: scale(1.4);
    position: absolute;
    height: auto;
    top: 14.3%;
    bottom: 14.3%;
    left: 0;
    right: 0;
}

#doc-viewer.Zoom2 #outer-doc-banner {
    padding:10px 0 0 0;
}
#doc-viewer.Zoom2 #doc-view #thePage-border { top:41px;}
#doc-viewer.Zoom2 #defFrame { transform:scale(1.4); }
#doc-viewer.Zoom2 #pageControls div.pageControls_inner.breadCrumbs .breadCrumbs {
    transform: scale(1.4);
}
#doc-viewer.Zoom3 div#thePage-wrap{
    transform:scale(1.6);
    position:absolute;
    height:auto;
    top:18.75%;
    bottom:18.75%;
    left:0;
    right:0;
}

#doc-viewer.Zoom3 #outer-doc-banner {
    font-size:16px;
}
#doc-viewer.Zoom3 #doc-view #thePage-border { top:38px;}
#doc-viewer.Zoom3 #defFrame { transform:scale(1.6); }
#doc-viewer.Zoom3 #pageControls div.pageControls_inner.breadCrumbs .breadCrumbs {
    transform: scale(1.6);
}
/*** End Doc-View Zoom ***/
/*** Print Control ***/
#print-control {
    position: relative;
    z-index: 24;
    height: 100%;
    width: 0;
    float: right;
    background: #fcf9fc;/*[ToCBkgrdColor]*/
    border-left: 1px solid #888;
    border-top: 1px solid #888;
    font-family:Calibri;/*[ToCFontFamily]*/
	color:#333;/*[ToCFontColor]*/
	font-size: 11pt;/*[ToCFontSize]*/
}
#print-control {
   -webkit-transition: width 300ms; /* For Safari 3.1 to 6.0 */
    transition: width 300ms; 
}
 #print-control.expanded {
    width:350px;
    display:block;
    border-left: 1px solid #888;
	border-top: 1px solid #888;
}
#print-control-med{
    width:100%;
    height:calc(100% - 45px);
    overflow-y:scroll;
    overflow-x:hidden;
}
#print-control ul{
    list-style:none;
  padding-left: 12px;
}

#print-control-inner{
    width:330px;
}
/* #print-control li{
    color:black;
    font-size:10pt;
} */

#print-control li:hover{
   cursor:pointer;
}
#print-control li img{
    position:relative;
    top:1px;
}
#print-control li span:hover{background-color:#afcdf2;color:#000000; cursor:pointer;}/*[ToCHoverBkgrdColor][ToCHoverFontColor] */
 
#print-control-icons{
    height:35px;
    padding:5px 5px 5px 15px;
    font-family:'Glyphicons Halflings';
    cursor:pointer;
    font-size:20px;
	display:none;
}
.expanded #print-control-icons{
    display:block;
}
#print-control-icons button{
    padding:6px;
    font-family:'Glyphicons Halflings';
    border: none;
    color: hsla(197, 78%, 16%, 1);
    font-size:20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    background-color:transparent;
    cursor: pointer;
}
#print-control-icons button:hover{
   background-color: #999;
}
#print-control img#print-load-progress{
    margin:auto;
    display:none;
}
#print-control li.hidden{
    display:none;
}
#print-control .controls{
    position:absolute;
    left:-40px;
}
#prt-toc-list{
    padding:0 0 0 34px;
}
#print-control li.tocLink {
    position:relative;
}

#prt-secid-x-1 {
    font-weight:bold;
    position:relative;
    left:-20px;

}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../common/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../common/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../common/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../common/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../common/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
} 

#print-control li button {
    background: none;
    border: none;
    padding: 2px;
	position: relative; 
	bottom: 2px;
}

#print-control .offscreen {
position: absolute;
left:-10000px;
}
/*** End Print Control ***/

#doc-top{position:relative;}
#left-sidebar, #toc-view #toc-view1, #toc-view #toc-view2 {max-width:850px;}
#left-sidebar a{ color:inherit; text-decoration:none;}
#left-sidebar a:hover{background-color:#afcdf2;color:#000000;}/*[ToCHoverBkgrdColor][ToCHoverFontColor] */
#left-sidebar li.selected {background-color:#afcdf2;}
#left-sidebar .sidebar-heading {
    font-weight: bold;
    padding: 6px;
    font-size: 14pt;
    padding-top: 10px;
}
#toc-view {
    position:absolute; 
    top:0; 
    left:0;
    right:0;
    bottom:0; 
}
#left-sidebar {background:transparent; margin-top:0px; background-size:cover;}
#left-sidebar #toc-list {overflow:auto; overflow:visible; }
#toc-view #toc-view1 {padding-right:4px;position:absolute;top:0;left:0;right:0;bottom:0;}
#toc-view li i , #prt-toc-view li i{color:#4A9C4A;}
#toc-view li i { margin-left:2px;}
#toc-view .offscreen { position:absolute; left:-10000px;}
#toc-view i.expander.closed:before { content: "\f196";}
#toc-view i.expander.opened:before { content: "\f147";}
#toc-view i.isLeaf { margin-left:calc(2.15ch + 4px);}
#doc-viewer #toc-view ul ul { padding-left:calc(1.6ch + 4px);}


#toc-view.arrows i.expander.closed:before  { content:"\f054";}
#toc-view.arrows i.expander.opened:before  { content: "\f078";}
#toc-view.arrows i.isLeaf { margin-left:calc(2.05ch + 4px);}


#toc-view #favorites li i {margin-left:0px; padding:2px;}
#toc-view #favorites ul {list-style-type:none;}
#doc-view { height:100%; }
#doc-view .thePage-wrap  .textPage {background-repeat: no-repeat}
#doc-view div.pageControls {width:100%;margin:auto;}

#doc-view div.pageControls .right{text-align:left;width:160px;padding-right:4px;padding-top:6px;}
#doc-view div.pageControls .right li {display:inline;}
#doc-view div.pageControls .right ul { margin:0;}
#doc-view .pageControls a:hover{ background-color:transparent; }

#doc-view div.pageControls_inner  {
	border: none;
	white-space:nowrap;
	vertical-align:middle;
}
#doc-view div.pageControls_inner.left{
    padding-left:4px;
    width: 166px;
    padding-top:6px;
}
#doc-view .pageControls_inner.left a {
    cursor:pointer;
    margin:0 0 4px 0;
    width:20px;
    cursor: pointer;
    color: #111;
    padding: 2px 2px;
    text-decoration: none;
    border: none;
}
#doc-view .pageControls_inner.right a { border:none;}
#doc-view .pageControls_inner.left a img {
}

#doc-view .pageControls_inner.right a img {
    margin:0;
    padding: 0 0 0 2px;
}
#doc-view .pageControls_inner img {
    display:inline-block;
}
#doc-view div.pageControls_inner.breadCrumbs  {
	white-space:normal;
	margin:auto;
	text-align:center;
    width:100%;
    display:table-cell;
    /*background:url("../resources/page-controls-text.png") center no-repeat;*/
}


#doc-view div.pageControls_inner.breadCrumbs .breadCrumbs {
    position:absolute;
    width:770px;
    top: 36px;
    height:32px;
    margin:auto;
    left:0;
    right:0;
    color:#777;
    font-size: 12px;
    line-height: 15px;
}
#doc-view #pageControls div.pageControls_inner.breadCrumbs .breadCrumbs {
    background:white;
	 color:#000000;
}
#doc-view #pageControls h1 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 18px;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    color: #fff;
}
#doc-view div.pageControls .breadCrumbs a:hover {
    background-color: #afcdf2;
}
#doc-view #thePage-wrap .breadCrumbs{
    text-align:center;
    padding: 4px 0 0 0;
}
#doc-view .breadCrumbs a:link{
    color:#000000;
}
#doc-view .breadCrumbs a:hover{
    border:none;
}

#doc-view #thePage-wrap #outer-doc-banner{
    width:770px;
    height:26px;
    background-color:#0f5a78;
    margin: 0 auto;
    color:white;
    font-family:"Roboto",sans-serif;
    text-align:center;
    padding:0 0 0 0;
    display:none;
    margin-top: 44px;
}
#doc-view div.pageControls_outer  {
	width: 0;
	border: none;
}

#doc-view div.pageControls {
	border-collapse:collapse;
	border:none;
    
}
#doc-view #pageControls div { background-color:transparent;}
#pageControls div.psuedoTable { display: table; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;height:30px; }
#pageControls div.psuedoTableBody { display: table-row-group; 
 
}
#pageControls div.psuedoTableRow { display:table-row; }
#pageControls div.pageControls_outer, #pageControls div.pageControls_inner { display:table-cell; }
#pageControls {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 30px;
    z-index: 1;
    top: 0;
    background: #477fc4;/*[PageControlsBkgrdColor]*/
    min-width: 790px;
}

#doc-view .pageControls_inner img {
    display: inline-block;
    height: 18px;
}
#doc-frame {position:relative; top:0;left:0; background-color:Green; width:auto;height:0;}
#doc-viewer{position:absolute;top:0;left:0;right:0;bottom:0;}
#doc-viewer a img {border:none 0;}
#doc-viewer #left-sidebar
{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width: 360px; 
    vertical-align:top;
    overflow:auto;
}
 #left-sidebar {
	 background-color: #fcf9fc;/*[ToCBkgrdColor]*/
	 font-size: 11pt;/*[ToCFontSize]*/
	 color:#333;/*[ToCFontColor]*/
	 font-family: Calibri;/*[ToCFontFamily]*/
 }
#doc-viewer #center-content
{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:366px;
    width:auto;
    vertical-align:top;
    overflow-y:hidden;
    overflow-x:auto;
	background-image: url('../resources/clientimages/template/DocViewerBkgrdImg1.jpg');
	background-size: cover;
	background-color:transparent;
}

#doc-viewer #doc-view-content
{
    width:auto;
    margin:auto;
}
#doc-viewer #frame-footer 
{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:2px;
    background-color:Red;
}
#doc-viewer #thePage-outer {position:absolute;left:0;right:0;top:14px;bottom:0;z-index:0;}
#doc-viewer #doc-view #thePage-outer { padding:0; }
#doc-viewer #doc-frames {width:100%; border:none 0;}


#doc-view div#thePage-wrap {
	width:790px;height:99.8%;padding:0;background-color:transparent;background-repeat:repeat-y;
    background-image:none;
    position:relative;
    top:0;
    left:0;
	margin:auto;
}

/* #doc-view #thePage-border{width:720px;padding:10px 40px 40px 40px;background:#fff; position:absolute;top:110px;left:25px;bottom:0;overflow:auto;} */
#doc-view div#thePage {background-color:white;
    margin: auto; 
}
/*#doc-view #thePage-border {
    width: 790px;
    border-style: solid;
    border-width: 0 15px 0 14px;
    border-color: rgba(255,255,255,0.3);

     background-color: transparent;
    position: absolute;
    top: 120px;
     left: 0; 
    bottom: 0;
    overflow: auto;
}*/
#doc-view #thePage-border {
    width: 770px;
    position: absolute;
    top: 54px;
    padding:0;
    left: 10px;
    bottom: 0;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    background:white;
    z-index:1;
}
/*#outer-doc-banner { width:800px;height:62px;background:url("../resources/doc-banner.png");}*/

#toc-view .icon {position:relative;top:4px;left:1px;}
#toc-view #toc-list ul {list-style:none;margin:0;padding:0;padding-left:12px;}
#toc-view #toc-list .toc-item {padding-left:2px;}
#doc-viewer #left-splitter {position:absolute;left:360px;width:6px;top:0;bottom:0;cursor:e-resize;border-right:3px none;background-color:#cccccc; }
#toc-view .tocLink.selected a {font-weight:bold;}
#toc-view #toc-list ul {white-space:nowrap;overflow:hidden;overflow:visible;}

#left-sidebar, #toc-view #toc-view1, #toc-view #toc-view2 {
max-width: 850px;
}
#toc-view #toc-view2 {

}
#thePage-wrap {overflow:scroll; overflow-x:hidden; overflow-y:auto;}

#commentsCTA
{
    position:absolute;
    top:190px;
    width:24px;
    /*height:260px;*/
    border:1px solid #FFE;
    color:#2b2b2b;
    background-color:#afcdf2;
    font-family:helvetica;
    font-size:10pt;
    font-weight: bold;
    text-align:center;
    cursor:pointer;
    cursor:hand;
}
#commentsCTA .label
{
    padding:39px 6px 39px 6px;
}
#commentsCTA #commentForm
{
    overflow:hidden;
}
#commentsCTA #select-subsection
{
    width:380px;
}

#doc-view div.pageControls .right ul.submenu {
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 30px;
    background-color: #477fc4;/*[PageControlsSubMenuBckgrdColor]*/
    list-style-type: none;
    padding: 4px;
    display: none;
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    border-bottom: solid 1px #333;
    border-left: solid 1px #333;
    border-right: solid 1px #333;
    -webkit-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.55);
    box-shadow: 4px 4px 3px 0px rgba(0,0,0,0.55);
}
#doc-view div.pageControls .right ul.submenu li {
    display:block;
}
#doc-view div.pageControls .right ul.submenu a {
    color: #fff;/*[PageControlsSubMenuFontColor]*/
}
/*
#commentsCTA a,#commentsCTA a:link, #commentsCTA a:visited, #commentsCTA a:active
{
    font-size:inherit;
    font-weight:inherit;
    color:#FFF;
    text-decoration:none;
}
*/
#doc-view #sectionBanner { display:none; }
#Quick-Tables-page #main-body { bottom:88px; }

#autotabs{height:100%;display:flex;flex-direction:column;}

#autotabs-container {position:absolute;top:10px;left:10px;right:10px;bottom:12px;}


#autotabs-container #doc-view {position:absolute;top:0;bottom:0;left:0;right:0;}
#autotabs .autotab-page {overflow:auto; background-color:#fff; flex:1; }
#autotabs ul.ui-tabs-nav, #autotabs ul.ui-tabs-nav li {margin:1px .2em 0 0;padding:0;}
#autotabs .textPage table {margin-bottom:2em;}
/* jquery ui for blue with specific selectors to override css in document.css*/
#autotabs .ui-state-default a,#autotabs .ui-state-default a:link,#autotabs .ui-state-default a:visited { color:#111; border-bottom:none;font-size:16px;font-family:Arial,Helvetica,sans-serif;}
#autotabs .ui-state-active a,#autotabs .ui-state-active a:link,#autotabs .ui-state-active a:visited { color:#111;border-bottom:none;font-size:16px;font-family:Arial,Helvetica,sans-serif;}
#autotabs  ul.ui-tabs-nav  a:hover {background-color:transparent;border:none;}
#autotabs ul.ui-tabs-nav {
    background: #477fc4;
    padding: .2em .2em 0;
}
#autotabs ul.ui-tabs-nav li.ui-state-active{margin-bottom:-1px;padding-bottom:1px;}
div#autotabs-container {
     table-layout: fixed;
}
div#autotabs-container .innerinner-tbl-head-wrp {
    top: -15px;
}
#archiveDialog {
    text-align:center;
    width:400px;
    margin:auto;
    border:none;
    padding:20px;
    background-color:rgba(255,255,255,.85);
}
div#main-body-footer {position:absolute;bottom:0;width:100%;height:40px;z-index:1;text-align:center;color:#fff;background-color:#1c203d; } /*[FooterBkgrdColor] [FooterFontColor]*/
#main-body-footer .copyright img {display:block; position:relative;top:2px;left:10px;}

#main-body-footer .copyright p{ position:relative; top:0; right:8px;font-size:12px; margin:0;text-align:right;color:#fff; font-weight:normal;font-family:Arial;line-height:16px; }
#main-body-footer .copyright p span.br{color:inherit; display:block;width:1px;height:1px;}
#main-body-footer #footer-client-link 
{
    margin-top: 14px;
    position: static;
    color: white;
    text-decoration: none;
    font-size:12px;
    font-family: Arial;
	font-weight:bold;
}
#main-body-footer .copyright {
    display: table;
    width: 100%;
    height: 40px;
}
#main-body-footer .copyright a {
    color:#fff;
    text-decoration:none;
	font-size:11pt;/*[FooterLinkFontSize]*/
}
#main-body-footer .footer-cell {
    display: table-cell;
    width: 33.3%;
    vertical-align: middle;
}

#main-body-footer .footer-cell.left {
    text-align: left;
}

    #main-body-footer .footer-cell.left a {
        display: inline-block;
        padding: 0 0 0 4px;
    }

#footer-city-link {
    margin-top: 20px;
}

    #footer-city-link a {
        text-decoration: none;
        color: #aba08a;
        font-size: 9pt;
        font-weight: bold;
    }

body#about-page{height:100%;min-height:100%; min-width:0;background-color:#f8f9fc;background-image:none;color:#111;}
body#about-page a, body#about-page a:hover {color:#237D23;}
#View-LDC-page #main-body-footer,
#View-Code-page #main-body-footer,
#View-page #main-body-footer,
#Quick-Links-page #main-body-footer {
}

#updated-date-cntr {
    font-size:16pt;
    font-weight:bold;
}
/*****************************/
/*       Calculators-Page    */
/*****************************/

body.calculators-body #main-body { overflow:visible;bottom:92px; }
body.calculators-body #calculators-container { position:relative; height:calc(100% - 20px); margin:10px;} 
body.calculators-body .ui-tabs { height:100%;}
body.calculators-body #calc-tabs  .ui-tabs-panel
{
    overflow-x:hidden;
	flex:1;
	position:static;
}

body.calculators-body #calc-tabs{
    height:100%;
	display:flex;
	flex-direction:column;
}



/*************/
/* View Page */
/*************/

/*** For Mobile ***/
/*@media all and (max-width:980px) 
{
	body:not(#index-page) #cpanel .nav ul#nav1 {
		width:700px;
	}
}*/
/*@media all and (max-width:960px) 
{
	body:not(#index-page) #cpanel .nav ul#nav1 {
		width:620px;
	}
	body:not(#index-page) #cpanel .nav-icon-label { 
		padding:0 4px 0 20px;
		font-size:9.5px;
	}
	body:not(#index-page) #cpanel .nav .nav-icon img {
		left:4px;
	}
}*/

@media all and (max-width:890px) 
{
	

	body:not(#index-page) #cpanel  .nav-icon img {
		left:2px;
		width:36px;
	}
}

/* 768 = width of ipad in portrait mode*/


@media all and (max-width:960px) 
{
    body { min-width:0;}
	
    #TopDiv { 
        height: 50px;
        min-width: 0;
        position: relative;
        z-index: 3;
    }
	#Tables-page #TopDiv, #TABLES-page #TopDiv, #tables-page #TopDiv , #AutoTab-page #TopDiv, #Quick-Tables-page #TopDiv { /* Mobile */
		position:fixed;
	}
	#Tables-page #main-body-footer, #TABLES-page #main-body-footer, #tables-page #main-body-footer, #AutoTab-page #main-body-footer, #Quick-Tables-page #main-body-footer { /* Mobile */
		position:fixed;
	}
	
	div#autotabs-container .innerinner-tbl-head-wrp {
        top:48px;
    }
    div#autotabs-container div.autotab-page {
        overflow:visible;
    }

     #main-body-footer #footer-client-link {
        margin-top:0;
     }
    #main-body-footer .copyright a {
        position:static;
        display:block;
    }
    #main-body-footer .copyright a img {
        margin:auto;
    }
    #main-body-footer .copyright p {
        position:static;
    }
    #main-body-footer a.county-link {
        margin: 0 0;
    }
    #main-body-footer .copyright p {
        height: 36px;
       padding: 4px 2px 0 0;
    } 

    #View-LDC-page #main-body-footer, #View-Code-page #main-body-footer, #View-page #main-body-footer, #Quick-Links-page #main-body-footer {
        position: absolute;
    }

    #Quick-Links-page #main-body-border,
    #View-LDC-page #main-body-border,
    #View-UDC-page #main-body-border,
    #View-Code-page #main-body-border,
    #View-page #main-body-border
    {
        position:absolute;
        bottom:75px;
    }

    #body2{
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    #autotabs-container { top:10px; }
    #View-LDC-page #main-body-footer, #View-Code-page #main-body-footer, #View-page #main-body-footer, #Quick-Links-page #main-body-footer {
        position: absolute;
		position: static;/***/
		width: 830px;/***/
    }
    #Quick-Links-page #main-body-border,
    #View-LDC-page #main-body-border,
    #View-UDC-page #main-body-border,
    #View-Code-page #main-body-border,
    #View-page #main-body-border
    {
        position:absolute;
		position:static;/***/
        background:#ffffff;/***/
        bottom:104px;
    }

	#autotabs { height:calc(100% - 110px); display: flex; flex-direction: column;}
	#autotabs .autotab-page { position:static; flex-grow:1; overflow:auto;}
    .Autotabs-body div#main-body-footer { position:relative;top:50px;}
	.Autotabs-body div#main-body-border { position:relative; }
	#autotabs .autotab-page { flex:0 1 auto; }
    #Tables-page #body2,#TABLES-page #body2 ,#tables-page #body2  {
		 display:block;
		 flex-direction:none;
	 }
	 
	#Tables-page #TopDiv ,#TABLES-page #body2 ,#tables-page #body2 {
		position:fixed;
	  }
	 #autotabs-container {
		position: static;
		padding: 4px 2px 2px 2px;
	}
	  #autotabs {
		min-width:800px;
	  }
	#autotabs-container #doc-view {
		position:static;
	}
	#autotabs-container #doc-view .textPage{
		/*margin:0;*/
	}
	#autotabs .ui-tabs-panel {
		padding:1em .5em;
	}
  
	#doc-viewer:not(.toc-collapsed) #left-sidebar{
        width:100vw !important;
        right:2px !important;
    }
   
    #doc-viewer:not(.toc-collapsed) #left-splitter{
       left:auto !important;
        right:-10px;
    }
     #doc-viewer:not(.toc-collapsed) #center-content{
       left:100% !important;
    }
  

	#Quick-Links-page #body2,/***/
    #View-LDC-page #body2,
    #View-UDC-page #body2,
    #View-Code-page #body2,
    #View-page #body2
    {
        display:block;
    }
    #doc-viewer{
        position:static;
    }
    #doc-viewer #center-content {
        overflow:visible;
        position:static;
        padding: 20px 0 0 26px;
        width: 790px;
        background: #ffffff;
		min-height: 100vh;
		margin:auto;
	
    }
    #doc-viewer #left-sidebar {
        position:fixed;
        top:54px;
        z-index:2;
        border-right:1px solid black;
    }
    #doc-viewer #thePage-outer {
        position:static;
    }
    #doc-view #thePage-border{
        position:static;
    }
    #Quick-Links-page #main-body, #View-LDC-page #main-body, #View-UDC-page #main-body, #View-Code-page #main-body, #View-page #main-body {
        overflow: visible; 
    }
    #Quick-Links-page,
    #View-LDC-page,
    #View-UDC-page,
    #View-Code-page,
    #View-page {
        background: #fff;
    }
    #print-control {
        position:fixed;
        right:0;
        top:60px;
    }
    #print-control.expanded {
        width:100%;
    }
    #commentsCTA {
        left:26px;
    }
    #pageControls {
        position:static;
        padding:0;
        margin:50px 0 10px 0;
    }
    #doc-viewer #left-splitter {
        display:none;
    }
    #doc-viewer.Unzoom1 div#thePage-wrap {
        position:relative;
        top:-450px;
    }
     #doc-viewer.Unzoom1 #pageControls{
         position:relative;
         left:2px;
     }
     #doc-viewer.Zoom1 div#thePage-wrap {
        position:relative;
        top:470px;
    }
     #doc-viewer.Zoom1 #pageControls{
         position:relative;
         top:0;
         left:80px;
     }
     #doc-viewer.Zoom1  #center-content{
         width:950px;
     }
    #doc-viewer.Zoom2 div#thePage-wrap {
        position:relative;
        top:940px;
    }
    #doc-viewer.Zoom2 #pageControls{
         position:relative;
         top:0;
         left:160px;
     }
     #doc-viewer.Zoom2  #center-content{
         width:1120px;
     }
       #doc-viewer.Zoom3 div#thePage-wrap {
        position:relative;
        top:1400px;
    }
    #doc-viewer.Zoom3 #pageControls{
         position:relative;
         top:0;
         left:230px;
     }
     #doc-viewer.Zoom3  #center-content{
         width:1260px;
     }

     #doc-view div.pageControls .right>ul>li {
         position:relative;
     }
	 #doc-viewer #doc-view #thePage-outer {
		overflow:visible;
	 }
  
    #doc-view div.pageControls .right > ul .submenu li:nth-child(2) {
        display: none;
    }
    #doc-view div.pageControls .right ul.submenu {
        top:22px;
    }

       #doc-view #thePage-border {
        position: static;
        overflow: visible;
        overflow-x: visible;
        overflow-y: visible;
    }

    #doc-view div#thePage-wrap {
        position: static;
        overflow: visible;
        overflow-x: visible;
        overflow-y: visible;
    }
    div.innerinner-tbl-head-wrp {
        top: 50px;
    }
    #doc-view div.pageControls_inner.breadCrumbs .breadCrumbs {
        top: 100px;
        overflow:hidden;
    }
}
@media all and (max-width: 1050px){
	
	
	
	#Quick-Links-page #TopDiv,
    #View-LDC-page #TopDiv,
    #View-UDC-page #TopDiv,
    #View-Code-page #TopDiv,
    #View-page #TopDiv,.Autotabs-body #TopDiv
	{
	  position:fixed;
	  z-index:3;
	}

	#TopInnerDiv 
	{
		display:block;
	}
	
	#nav-logo {
		height:50px;
	}
	#View-page #TopDiv.show, .Autotabs-body #TopDiv.show {
        height: 100%;
    }

    #View-page #TopInnerDiv.show, .Autotabs-body #TopInnerDiv.show {
        overflow: auto;
    }
	
	#cpanel .nav li div.megamenu ul li span.mobile {
        cursor: pointer;
    }

    #cpanel .nav li div.megamenu ul li span.mobile:hover {
        background-color: rgba(0, 0, 0, .1);
    }
    #cpanel li div.megamenu ul ul li.mobile-viewlink {
        display: block;
    }
    #cpanel li div.megamenu ul {
        display:block;
        width:auto;
        padding:0;
    }
    #cpanel li div.megamenu {
        border:none;
        box-shadow:none;
    }

    #cpanel .nav .megamenu ul a.nav-icon, #cpanel .nav .megamenu ul span.nav-icon {
        text-align: right;
        line-height: 50px;
        height: 52px;
        font-size: 18px;
        margin: 0;
        padding: 4px 24px 0 0;
        border-bottom: none;
		box-sizing:border-box;
    }
	#cpanel .nav li div.megamenu ul li a:hover {
		margin:0;
	}
	#cpanel .nav .megamenu ul a.nav-icon.submenu-parent, #cpanel .nav .megamenu ul span.nav-icon.submenu-parent {
		border-bottom: none;
	}
    #cpanel li div.megamenu ul ul {
        display:none;
    }
    #cpanel .nav .megamenu ul ul a.nav-icon {
        margin:0;
        display:block;
    }
	#cpanel .nav li div.megamenu ul ul li a:hover {
		margin:0;
	}
    #cpanel .nav .megamenu ul a.submenu-parent::after, #cpanel .nav .megamenu ul span.submenu-parent::after {
        font-family: "FontAwesome";
        font-weight: 900;
        content: "\f107";
        position: relative;
        top: 0;
        left: 6px;
    }
	 #cpanel .nav .submenu-parent span::after {
		font-family: "FontAwesome";
        font-weight: 900;
        content: "\f107";
        position: absolute    ;
		font-size:.8em;
		right: .15em;;
    }
    #cpanel .nav .megamenu ul li {
        background-color: hsl(231, 25%, 34%);
    }
    #cpanel .nav .megamenu ul a, #cpanel .nav .megamenu ul span {
        display: none;
    }
    #cpanel li div.megamenu ul a.mobile, #cpanel li div.megamenu ul span.mobile {
        display: block;
    }
    #cpanel li div.megamenu a.mobile {
        display: none;
    }
    
    #cpanel li div.megamenu .inner {
        flex-direction: column;
		columns:auto;
    }
     
    #cpanel li div.megamenu {
        position: static;
        width: 100%;
        padding: 0;
        border-radius: 0;
    }
    
#mobmenu-container {
		display:block;
	}
body:not(#index-page) #cpanel  .nav-icon img {
		left:2px;
		width:48px;
	}
   
    #cpanel .nav {
        padding:0;
    }
    div#cpanel .nav-icon-label {
        margin: auto;
        top: 52px;
        width: auto;
        display: inline-block;
        position: static;
        padding: 0;
        font-size: 30px;
		line-height:30px;
        margin: 30px 10px 0 0;
        float: right;
 
    }
    div#cpanel .nav .nav-icon img {
        margin: auto;
        left:auto;
        position: absolute;
        top:20px;
        right:10px;
    }
  
    #cpanel .nav ul li {
        width:auto;
        display:block;
        background-color:#2e3667;
    }
	
	#cpanel .nav ul.submenu li:hover {
	background-color:hsl(231, 25%, 34%);
	}
	#cpanel .nav li ul.submenu li a {
		min-height: 50px;
		text-align: right;
		vertical-align: middle;
		font-size: 18px;
		line-height: 50px;
		white-space: normal;
		/*background-color:#d3d3d3;
		color:#373737;*/
	}
   /* #cpanel .nav li ul.submenu li a:hover {
        background-color:rgba(0, 0, 0, .2);
    } */
    #cpanel .nav #li-btn-logo a span {
        display: block;
        font-size:18px;
        top:12px;
    }
    #cpanel .nav #li-btn-logo, #cpanel .nav #li-logo {
        position: static;
        display:none;
    }
	.justify  #cpanel .nav ul#nav1 {
		display:block;
	}
    #cpanel .nav ul#nav1{
        width:100%;
        left:0;
        top:0;
		display:block;
    }
     #cpanel #nav1 {
         display:none;
     }
     .show  #cpanel #nav1 {
         display:block;
     }
    #cpanel .nav-icon-label {
        background:none;
    }
     #cpanel-showmenu{
        display:block;
        padding:2px;
    }
    #cpanel {
        display:none;
		/*width:100vw;*/
    }
    .show #cpanel{
        display:block;
        top: 50px;
        width: 100%;
        position: absolute;
        z-index:1;
		left:0;
    }
	body:not(#index-page) #cpanel.show .nav ul#nav1 {
		width:100%;
	}
    #cpanel #nav1.show {
        display:block;
    }
    #cpanel #nav1.show li {
        display:block;
        background:#0f5978;
        margin:auto;
        width:100%;
        padding:4px 0;
        border-top: hsla(210, 30%, 60%, 1) 1px solid;
    }
    div#cpanel .nav .nav-icon {
        margin:0;
        height:74px;
		line-height: 100%;
    }
    #cpanel .nav #nav1.show .nav-icon {
        margin:0;
        height:38px;
        
    }
    #cpanel li ul.submenu {
        position:static;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
         box-shadow: none; 
         border:none;
         padding:6px 0 0 0;
    }

	#showmenu-btn { 
		display:block;
    }
	
	.cmen-icon .menubtn-txt {display:none;}
	.cmen-txt #showmenu-btn .fa-bars  { display: none; }
     #showmenu-btn i {
        display: inline-block;
        font-size:30px;
        line-height:50px;
    }

    #showmenu-btn i.fa-times {
        display: none;
    }

    .show #showmenu-btn i.fa-times {
        display: inline-block;
    }

    .show #showmenu-btn i.fa-bars {
        display: none;
    }
}
@media all and (max-width: 400px){
	#main-body-footer .footer-cell.mid {
		display:none;
	}
}

#main-body-subfooter {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #2e3667;
    padding-top: 30px;
}

#main-body-subfooter ul {
    list-style-type: "\003E";
    margin: 0;
}

#main-body-subfooter li > span {
    position: relative;
    left: 5px;
}

#footer-logo {
    width: 140px;
    margin-left: auto;
    margin-right: auto;
}

#main-body-subfooter > * {
    flex: 1;
}

#subfooter-about {
    flex: 2;
}


/*Changes Made During Accessiblity Updates*/

#doc-viewer #toc-view ul ul {
    padding-left: 4px;
}

#doc-viewer #toc-view ul ul ul {
    padding-left: 20px;
}

#doc-viewer #toc-view ul ul ul ul {
    padding-left: 20px;
}


/*Date picker*/

.sr-only {
    position: absolute;
    top: -2000em;
    left: -3000em;
}

.datepicker {
    margin-top: 1em;
    position: relative;
}

    .datepicker .group {
        display: inline-block;
        position: relative;
        /*width: 13em;*/
        margin-bottom: 15px;
    }

    .datepicker label {
        display: block;
    }

    .datepicker input {
        padding: 0;
        margin: 0;
        height: 1.5em;
        background-color: white;
        color: black;
        border: 1px solid gray;
    }

    .datepicker button.icon {
        position: relative;
        top: 0.25em;
        margin: 0;
        padding: 4px;
        border: 0 solid #005a9c;
        background-color: white;
        border-radius: 5px;
    }

    .datepicker .desc {
        position: absolute;
        left: 0;
        top: 2em;
    }

    .datepicker .fa-calendar-alt {
        color: #0A2454;
    }

    .datepicker button.icon:focus {
        outline: none;
        padding: 2px;
        border-width: 2px;
        background-color: #def;
    }

    .datepicker input:focus {
        background-color: #def;
        outline: 2px solid #005a9c;
        outline-offset: 1px;
    }

.datepicker-dialog {
    position: absolute;
    width: 320px;
    clear: both;
    border: 3px solid #0A2454;
    margin-top: 0.15em;
    border-radius: 5px;
    padding: 0;
    background-color: #fff;
}

    .datepicker-dialog .header {
        cursor: default;
        background-color: #0A2454;
        padding: 7px;
        font-weight: bold;
        text-transform: uppercase;
        color: white;
        display: flex;
        justify-content: space-around;
    }

    .datepicker-dialog h2 {
        margin: 0;
        padding: 0;
        display: inline-block;
        font-size: 1em;
        color: white;
        text-transform: none;
        font-weight: bold;
        border: none;
    }

    .datepicker-dialog button {
        border-style: none;
        background: transparent;
    }

        .datepicker-dialog button::-moz-focus-inner {
            border: 0;
        }

    .datepicker-dialog .dates {
        width: 320px;
    }

    .datepicker-dialog .prev-year,
    .datepicker-dialog .prev-month,
    .datepicker-dialog .next-month,
    .datepicker-dialog .next-year {
        padding: 4px;
        width: 24px;
        height: 24px;
        color: white;
    }

        .datepicker-dialog .prev-year:focus,
        .datepicker-dialog .prev-month:focus,
        .datepicker-dialog .next-month:focus,
        .datepicker-dialog .next-year:focus {
            padding: 2px;
            border: 2px solid white;
            border-radius: 4px;
            outline: 0;
        }

        .datepicker-dialog .prev-year:hover,
        .datepicker-dialog .prev-month:hover,
        .datepicker-dialog .next-month:hover,
        .datepicker-dialog .next-year:hover {
            padding: 3px;
            border: 1px solid white;
            border-radius: 4px;
        }

    .datepicker-dialog .dialog-ok-cancel-group {
        text-align: right;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-right: 1em;
    }

        .datepicker-dialog .dialog-ok-cancel-group button {
            padding: 6px;
            margin-left: 1em;
            width: 5em;
            background-color: hsl(216deg 80% 92%);
            font-size: 0.85em;
            color: black;
            outline: none;
            border-radius: 5px;
        }

    .datepicker-dialog .dialog-button:focus {
        padding: 4px;
        border: 2px solid black;
    }

    .datepicker-dialog .dialog-button:hover {
        padding: 5px;
        border: 1px solid black;
    }

    .datepicker-dialog .fa-calendar-alt {
        color: hsl(216deg 89% 51%);
    }

    .datepicker-dialog .month-year {
        display: inline-block;
        width: 12em;
        text-align: center;
    }

    .datepicker-dialog table.dates {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 1em;
        border: none;
        border-collapse: separate;
    }

        .datepicker-dialog table.dates th,
        .datepicker-dialog table.dates td {
            text-align: center;
            background: white;
            color: black;
            border: none;
        }

        .datepicker-dialog table.dates tr {
            border: 1px solid black;
        }

        .datepicker-dialog table.dates td {
            padding: 3px;
            margin: 0;
            line-height: inherit;
            height: 40px;
            width: 40px;
            border-radius: 5px;
            font-size: 15px;
            background: #eee;
        }

            .datepicker-dialog table.dates td.disabled {
                padding: 2px;
                border: none;
                height: 41px;
                width: 41px;
            }

            .datepicker-dialog table.dates td:focus,
            .datepicker-dialog table.dates td:hover {
                padding: 0;
                background-color: hsl(216deg 80% 92%);
                color: black;
            }

            .datepicker-dialog table.dates td:focus {
                padding: 1px;
                border: 2px solid rgb(100 100 100);
                outline: 0;
            }

            .datepicker-dialog table.dates td:not(.disabled):hover {
                padding: 2px;
                border: 1px solid rgb(100 100 100);
            }

            .datepicker-dialog table.dates td[aria-selected] {
                padding: 1px;
                border: 2px dotted rgb(100 100 100);
            }

                .datepicker-dialog table.dates td[aria-selected]:focus {
                    padding: 1px;
                    border: 2px solid rgb(100 100 100);
                }

            .datepicker-dialog table.dates td[tabindex="0"] {
                background-color: #0A2454;
                color: white;
            }

    .datepicker-dialog .dialog-message {
        padding-top: 0.25em;
        padding-left: 1em;
        height: 1.75em;
        background: #0A2454;
        color: white;
    }


/* Display search button on the same line */
#searchForm {
    display: inline-flex;
    justify-content: center;
}

#search-scope-form {
    margin: 0 auto;
    text-align: center;
}

.ng-scope {
    text-align: center;
}

#search-btn {
    margin-left: 10px;
}

#search-head {
    width: 80%;
}

.offscreen {
    position: absolute;
    left: -10000px;
}