/* ============================== */
/* ! Layout for desktop   */
/* ============================== */

	html {
		height: 100%;
		overflow: scroll;
	}
	
	@font-face {
	  font-family: 'OpenSans';
	  src: /*url('myfont.woff') format('woff'),  Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	  url('OpenSans-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3�5 */
	}
	
	@font-face {
	  font-family: 'OpenSansLight';
	  src: /*url('myfont.woff') format('woff'),  Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	  url('OpenSans-Light.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3�5 */
	}

	abbr
	{
		border-bottom: none;
	    font-size: 17px;
	}
	sub
	{
		font-size: 17px;
	}
	
	hr
	{
		color: AliceBlue;
	}

	body {
		background-color: White; 
		height: 100%;
		font-family: 'OpenSans', helvetica, Sans-serif;
		font-size: 17px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	body:before {
		background-color: White; 
		height: 100%;
		font-family: 'OpenSans', helvetica, Sans-serif;
		font-size: 17px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	body:after {
		background-color: White; 
		height: 100%;
		font-family: 'OpenSans', helvetica, Sans-serif;
		font-size: 17px;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	@media only screen and (max-width: 500px)
	{
		body 
		{
			max-width: 500px;
		}
	}
	
	.contentPage
	{
	    background-color: #eee; 
		height: 100%;
		/* font-family: 'OpenSans', helvetica, Sans-serif; */
		font-size: 17px;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	fieldset  table
	{
		margin-bottom: 20px;
		height: auto; 
		width:100%; 
		border:1px solid black;
	}
	
	fieldset 
	{
		border: 2px solid AliceBlue; 
		width: 94%;
	}
	
	fieldset .buttonDivider
	{
		margin: 5px 0px 10px -10px;
	}

	fieldset .filesDivider
	{
		margin: 0px 0px 0px 10px; 
		width:48%;
	}
	
	fieldset .uploadLabelDivider
	{
		margin: 10px 10px 10px 2px; 
	}
	
	a:link,
	a:visited,
	a:active,
	.ui-widget-content a {
	    color: #006cab;
	    text-decoration: underline; 
	}
	
	a:hover,
	.ui-widget-content a:hover {
	    color: #6f297e;
		font-size: 100%;
	}
	
	/*Opera Fix*/
	body:before {
		content:"";
		height:100%;
		float:left;
		width:0;
		margin-top:-32767px;
	}
	
	.center {
		text-align: center;
	}
	
	.left{
		text-align: left;
	}
	
	.right{
		text-align: right;
	}
	
	.floatright{
		text-align: right;
		display: block;
		float: right;
	}
	
	img {
		border: none;
	}
	
	#topMenu {
		letter-spacing: 1px;
		color: #fff;
		padding: 0;
		margin: 0;
		background-color: #006cab;
		width: 100%;
	}

	.topMenuContainer {
		display: block;
		float: none;
		/**
		padding: 0;
		*/
		/**Banner left aligned with Top Nav*/
		padding: 0 0 0 60px;
		margin: 0 auto;
		/** Banner left aligned
		width: 1200px;
		*/
		position: relative;
		height: 120px;
		background-color: #006cab;
	}
	
	#topMenu .logo {
		float: left;
		height: 81px;
		width: 351px;
		margin: 20px 0 0 0;
		/**left aligned: make the logo position stays during zoom in and out*/
		position: absolute;
	}
	
	#topMenu .rightLinks {
		display: block;
		float: right;
		/** Left aligned update padding
		padding: 0;
		*/
		padding: 0 90px 0 0;
		margin: 0 10px 0 0;
	}
	
	#topMenu .topText {
		/** Left aligned
		width: 800px;
		*/
		font-size: 14px;
		color: #fff;
		margin: 10px 0;
		text-align: right;
	}
	
	#topMenu .topLinkContainer {
		/** Left aligned
		width: 800px;
		*/
		text-align: right;
		margin-bottom: 5px;
	}
	
	#topMenu a.topLink:link,
	#topMenu a.topLink:active,
	#topMenu a.topLink:visited {
		font-size: 18px;
		color: #fff;
		margin: 0 0 0 20px;
		text-shadow: 2px 2px 2px #333;
		border: none;
		outline: none;
		border-right: 1px solid #1587ca;
		padding-right: 20px;
		text-decoration: none;
	}
	
	#topMenu a.topLink:hover,
	#topMenu a.topLink:focus {
		text-decoration: none;
		color: #fdf8b3;
	}
	
	#topWarning {
		color: #fdf8b3;
		margin: 0 auto;
		background-color: #363636;
		padding: 0;
		text-align: center;
		font-size: 14px;
	}
	
	.topWarningContainer {
		display: block;
		float: none;
		padding: 10px 0;
		margin: 0 auto;
		/* 5/22/23, increase container size from 1200 to 1250 */
		width: 1250px;
		position: relative;
		background-color: #363636;
	}
	
	#topWarning  a:link,
	#topWarning  a:active,
	#topWarning a:visited {
		color: #9ddcff;
	}
	
	#topWarning a:hover {
		color: #ccc;
	}

	
	#mainNav
	{
		line-height: 1;
		background: #013756;
		background: -moz-linear-gradient(top, #004c78 0%, #013756 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004c78), color-stop(100%, #013756));
		background: -webkit-linear-gradient(top, #004c78 0%, #013756 100%);
		background: -o-linear-gradient(top, #004c78 0%, #013756 100%);
		background: -ms-linear-gradient(top, #004c78 0%, #013756 100%);
		background: linear-gradient(to bottom, #004c78 0%, #013756 100%);
		width: auto;
		/**04/27/2023: Left Aligned: equal space equal space between meun item*/
		padding: 0 0 0 50px;
		/* 5/22/2 - make top nav text bolder */
		font-weight: 500;
	}

	#mainNav ul,
	#mainNav li,
	#mainNav span,
	#mainNav a {
	  margin: 0;
	  padding: 0;
	  position: relative;
	  
	}
	/**04/27/2023: Page Left Aligned Equal space between menu item
	#mainNav a {
	  width: 150px;
	  
	}
	*/
	
	#mainNav a.auto {
	  width: auto;
	  padding-right: 30px
	  
	}
		
	#mainNav ul{
	  /** Top Nav left aligned
	  	width: 1200px;
	  */
	  margin: 0 auto;
	  
	}
	
	#mainNav:after,
	#mainNav ul:after {
	  content: '';
	  display: block;
	  clear: both;
	}
	#mainNav a {
	  background: #013756;
	  background: -moz-linear-gradient(top, #004c78 0%, #013756 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #004c78), color-stop(100%, #013756));
	  background: -webkit-linear-gradient(top, #004c78 0%, #013756 100%);
	  background: -o-linear-gradient(top, #004c78 0%, #013756 100%);
	  background: -ms-linear-gradient(top, #004c78 0%, #013756 100%);
	  background: linear-gradient(to bottom, #004c78 0%, #013756 100%);
	  color: #ffffff;
	  display: block;
	  padding: 19px 20px;
	  text-decoration: none;
	}
	
	#mainNav ul {
	  list-style: none;
	  /* HELP CENTER UPDATE: z-index: 2000;*/
	  z-index: 100;
	}
	#mainNav > ul > li {
	  display: inline-block;
	  /* float: left;  TODO: does this work? */
	  padding: 0 15px 0 15px;
	}
	
	#mainNav ul li
	{
		float: left;
		position: relative;
	}
	#mainNav.align-center {
		text-align: center;
	}
	#mainNav.align-center > ul > li {
		float: none;
	}
	#mainNav.align-center ul ul {
		text-align: left;
	}
	#mainNav.align-right > ul {
		float: right;
	}
	#mainNav.align-right ul ul {
		text-align: right;
	}
	#mainNav > ul > li > a {
		color: #ffffff;
		font-size: 17px;
	}
	#mainNav > ul > li:hover:after {
	  content: '';
	  display: block;
	  width: 0;
	  height: 0;
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  border-left: 10px solid transparent;
	  border-right: 10px solid transparent;
	  border-bottom: 10px solid #006a9b;
	  margin-left: -10px;
	}
	#mainNav > ul > li:first-child > a {
	  border-radius: 5px 0 0 0;
	  -moz-border-radius: 5px 0 0 0;
	  -webkit-border-radius: 5px 0 0 0;
	}
	#mainNav.align-right > ul > li:first-child > a,
	#mainNav.align-center > ul > li:first-child > a {
	  border-radius: 0;
	  -moz-border-radius: 0;
	  -webkit-border-radius: 0;
	}
	#mainNav.align-right > ul > li:last-child > a {
	  border-radius: 0 5px 0 0;
	  -moz-border-radius: 0 5px 0 0;
	  -webkit-border-radius: 0 5px 0 0;
	}
	#mainNav > ul > li.active > a,
	#mainNav > ul > li:hover > a {
	  color: #ffffff;
	  background: #00263c;
	  background: -moz-linear-gradient(top, #013756 0%, #00263c 100%);
	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #013756), color-stop(100%, #00263c));
	  background: -webkit-linear-gradient(top, #013756 0%, #00263c 100%);
	  background: -o-linear-gradient(top, #013756 0%, #00263c 100%);
	  background: -ms-linear-gradient(top, #013756 0%, #00263c 100%);
	  background: linear-gradient(to bottom, #013756 0%, #00263c 100%);
	}
	
	#mainNav .has-sub {
	  z-index: 1;
	}
	#mainNav .has-sub:hover > ul {
	  display: block;
	}
	#mainNav.align-right .has-sub ul {
	  left: auto;
	  right: 0;
	}
	
	#mainNav .has-sub ul li {
	  margin-bottom: -1px;
	}
	#mainNav .has-sub ul li a {
	  background: #fbfbfb; 
	  border: 0.4px solid #ccc;
	  font-size: 15px;
	  filter: none;
	  display: block;
	  line-height: 220%;
	  padding: 10px;
	  color: #006cab; 
	  width: 400px;  
	  text-align: left;
	  font-style: helvetica;
	  box-shadow: 0.1em 0.1em 0.1em #ddd;
	  padding: 0.5em;
	}
	#mainNav .has-sub ul li:hover a {
	  background: #006cab;   
	}
	#mainNav ul ul li:hover > a {
	  color: #ffffff;
	}
	#mainNav .has-sub .has-sub:hover > ul {
	  display: block;
	}
	#mainNav .has-sub .has-sub ul {
	  display: none;
	  position: absolute;
	  left: 100%;
	  top: 0;
	}
	#mainNav.align-right .has-sub .has-sub ul,
	#mainNav.align-right ul ul ul {
	  left: auto;
	  right: 100%;
	}
	#mainNav .has-sub .has-sub ul li a {
	  background:  black;
	}
	
	#mainNav > ul > li.has-sub > a::after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-top-color: #d3eced;
		right: 15px;
		top: 22px;
	}
	
	/* TODO: not used, to delete?? 
	#mainNav ul a:hover,
	#mainNav ul a:focus,
	#mainNav ul a:active,
	#mainNav ul li.hover a
	*/
	/* <- keeps the tab hover state on as the dropdown gets explored */
	/*
	{	
		background: rgb(153,51,0);
		background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, rgb(153,51,0)),color-stop(0.85, rgb(189,78,23)));
		background-image: -moz-linear-gradient(center bottom,rgb(153,51,0) 50%,rgb(189,78,23) 85%);
		color: rgb(255,255,255);
		border: 1px solid rgb(111,44,10);
		text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	}
	*/
	
	#mainNav ul ul
	{
		position: absolute;
		top: 100%;
		left: -9999em;
		width: 180px;
	}
	
	#mainNav ul li:hover ul,
	#mainNav ul li.hover ul
	{
		left: 0;
	}
	
	#mainNav ul ul li
	{
		float: none;
		position: static;
	}

	#mainNav ul ul li.last > a,
	#mainNav ul ul li:last-child > a,
	#mainNav ul ul ul li.last > a,
	#mainNav ul ul ul li:last-child > a,
	#mainNav .has-sub ul li:last-child > a,
	#mainNav .has-sub ul li.last > a {
		border-bottom: 1px solid gray;
	}
	
	/* start left nav */
	#mainContent	#cssmenu,
	#mainContent	#cssmenu ul,
	#mainContent	#cssmenu ul li,
	#mainContent	#cssmenu ul li a {
		margin: 0;
		padding: 0;
		border: 0;
		list-style: none;
		line-height: 1;
		display: block;
		position: relative;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		z-index: 50;
	}
	#mainContent	#cssmenu {
		width: 266px; /* 246px; */
		color: #ffffff;
		z-index: 50;
		/* height: 1000px; */
		margin-left: -0.24cm;
	}
	#mainContent	#cssmenu ul ul {
		display: none;
	}
	#mainContent	.align-right {
		float: right;
	}
	#mainContent #cssmenu > ul > li > a {
		padding: 15px 20px;
		border-left: 1px solid #0a567e;	/* 0d6a9b --*/
		border-right: 1px solid #0a567e;
		border-top: 1px solid #0a567e;
		cursor: pointer;
		z-index: 2;
		font-size: 17px;
		font-weight: bold;
		text-decoration: none;
		color: #ffffff;
		text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
		background: #006CAB; /* #36aae7; */
		/* background: -webkit-linear-gradient(#36aae7, #1fa0e4); --
		background: -webkit-linear-gradient(#0a567e, #1fa0e4);
		background: -moz-linear-gradient(#0a567e, #1fa0e4);
		background: -o-linear-gradient(#0a567e, #1fa0e4);
		background: -ms-linear-gradient(#0a567e, #1fa0e4);
		background: linear-gradient(#0a567e, #1fa0e4);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
		*/
	}
	#mainContent	#cssmenu > ul > li > a:hover,
	#mainContent	#cssmenu > ul > li.active > a,
	#mainContent	#cssmenu > ul > li.open > a {
		  color: #ffffff; /* #eeeeee; */
		  background: #064566;
		  /*background: -webkit-linear-gradient(#16628a, #064566); 
		  background: -webkit-linear-gradient(#114d6d, #064566);
		  background: -moz-linear-gradient(#114d6d, #064566);
		  background: -o-linear-gradient(#114d6d, #064566);
		  background: -ms-linear-gradient(#114d6d, #064566);
		  background: linear-gradient(#114d6d, #064566);
		  --*/
	}
	#mainContent	#cssmenu > ul > li.open > a {
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.15);
		  border-bottom: 1px solid #1682ba;
	}
	#mainContent	#cssmenu > ul > li:last-child > a,
	#mainContent	#cssmenu > ul > li.last > a {
		  border-bottom: 1px solid #1682ba;
	}
	#mainContent	.holder {
		  width: 0;
		  height: 0;
		  position: absolute;
		  top: 0;
		  right: 0;
	}
	#mainContent	.holder::after,
	#mainContent	.holder::before {
		  display: block;
		  position: absolute;
		  content: "";
		  width: 6px;
		  height: 6px;
		  right: 20px;
		  z-index: 10;
		  -webkit-transform: rotate(-135deg);
		  -moz-transform: rotate(-135deg);
		  -ms-transform: rotate(-135deg);
		  -o-transform: rotate(-135deg);
		  transform: rotate(-135deg);
	}
	.holder::after {
		  top: 17px;
		  border-top: 2px solid #ffffff;
		  border-left: 2px solid #ffffff;
	}
	
	#mainContent	#cssmenu > ul > li > a:hover > span::after,
	#mainContent	#cssmenu > ul > li.active > a > span::after,
	#mainContent	#cssmenu > ul > li.open > a > span::after {
		  border-color: #eeeeee;
	}
	#mainContent	.holder::before {
		  top: 18px;
		  border-top: 2px solid;
		  border-left: 2px solid;
		  border-top-color: inherit;
		  border-left-color: inherit;
		}
	#mainContent	#cssmenu ul ul li a {
		  cursor: pointer;
		  border-bottom: 1px solid #32373e;
		  border-left: 1px solid #32373e;
		  border-right: 1px solid #32373e;
		  padding: 10px 20px;
		  z-index: 1;
		  text-decoration: none;
		  font-size: 17px;
		  color: #fff;
		  background: #49505a;
		  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	#mainContent #cssmenu ul ul li:hover > a,
	#mainContent #cssmenu ul ul li.open > a,
	#mainContent #cssmenu ul ul li.active > a {
		background: #3c4048;
		color: #ffffff;
	}
	#mainContent #cssmenu ul ul li:first-child > a {
		box-shadow: none;
	}
	#mainContent #cssmenu ul ul ul li:first-child > a {
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
	}
	#mainContent #cssmenu ul ul ul li a {
		padding-left: 30px;
	}
	#mainContent #cssmenu > ul > li > ul > li:last-child > a,
	#mainContent #cssmenu > ul > li > ul > li.last > a {
		border-bottom: 0;
	}
	#mainContent #cssmenu > ul > li > ul > li.open:last-child > a,
	#mainContent #cssmenu > ul > li > ul > li.last.open > a {
	  border-bottom: 1px solid #32373e;
	}
	#mainContent #cssmenu > ul > li > ul > li.open:last-child > ul > li:last-child > a {
	  border-bottom: 0;
	}
	#mainContent #cssmenu ul ul ul li  > a {
	  background: #31353d;
	  border-bottom: 1px solid #000;
	}
	#mainContent #cssmenu ul ul li.has-sub > a::after {
	  display: block;
	  position: absolute;
	  content: "";
	  width: 5px;
	  height: 5px;
	  right: 20px;
	  z-index: 10;
	  top: 11.5px;
	  border-top: 2px solid #eeeeee;
	  border-left: 2px solid #eeeeee;
	  -webkit-transform: rotate(-135deg);
	  -moz-transform: rotate(-135deg);
	  -ms-transform: rotate(-135deg);
	  -o-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	#mainContent #cssmenu ul ul li.active > a::after,
	#mainContent #cssmenu ul ul li.open > a::after,
	#mainContent #cssmenu ul ul li > a:hover::after {
	  border-color: #ffffff;
	}
	/* end left nav */


	#mainContent #leftNav {
		letter-spacing: 1px;
		margin: 20px 20px 0 0;
		background: #dff2fd url(../images/bkg-gradient.png) repeat-x left bottom;
		padding: 5px 0;
	}
	
	#mainContent #leftNavWrapper {
		min-height: 500px;
		display: block;
		float: left;
		margin-top: 10px;
	}
	
	#mainContent #leftNav ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	#mainContent #leftNav ul li { 
		display: block; 
		float: left;
		padding: 0 0 5px 0;
		width: 100%;
	}
		
	#mainContent #leftNav .sub { 
		display: block; 
		float: left;
		padding: 0 0 5px 15px;
	}
		
	#mainContent #leftNav .leftSpacer { 
		display: block; 
		float: left;
		margin: 10px 0 0 0;
	}

	#mainContent #leftNav ul li a
	{
		text-decoration: none;
		padding: .5em 1em;
		color: #000;
		font-size: 16px;
		border: none;
		outline: none;
	}
		
	#mainContent #leftNav ul li a:hover
	{
		color: #6f297e;
	}
		
	#mainContent #leftNav .active a{
		color: #6f297e;
		font-weight: bold;
	}
	
	#mainContent #leftNav .header {
		color: #fff;
		background-color: #6f297e;
		padding-top: 10px;
		padding-bottom: 10px;
		margin: 10px 0;
		font-size: 16px;
	}
	
	#mainContent #leftNav .header span{
		padding: .2em 1em;
	}
	
	.label p
	{
		text-align:center; 
	}
	
	.label
	{
		margin-top:-10px;
	}
	
	.dialogTable
	{
		height: 400px;
		overflow-y: scroll;
	}
	
	.dialogTable ul
	{
		list-style-type: none;
	}
		
	/*Sitemap*/
	.sitemap-column
	{
		float: left;
		height: auto;
		margin-bottom: 40px;
		/*margin-left: -100px;*/
		width: 550px;
	}

	.sitemap-box
	{
		border: thin solid #cccccc;
	    border-radius: 5px;
	    float: left;
	    height: auto;
	    margin-bottom: 40px;
	    padding-bottom: 15px;
	    padding-top: 15px;
	    width: 550px;
	}
	
	.sitemap-box ul
	{
		margin-left: 25px; 
		font-weight: normal;
		list-style-type: none;
	}
	
	/*File Upload*/
    .fileUpload {
		position: relative;
		overflow: hidden;
		margin: 10px;
	    background: green;
		border-radius:5px;
		width: 10%;
		font-size:16px;
		color:white;
		padding: 9px 18px;
	}
	.fileUpload input.upload 
	{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	
	/* TODO: style empty, to check if it is used
	.fileUpload focus
	{
		/* TODO: style empty, to check if it is used 
	}
	*/
	
	.alert {
		display: block;
		float: left;
		padding: 1%;
		margin: 0 0 10px 0;
		color: #035687;
		border: 3px solid #80ab79;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		background-color: #c8ecc2;
		width: 97%;
	}
			
	#wrap {
		min-height: 100%;
		width: 100%;
	}
	
	#homeContainer {
		padding-bottom: 90px;
		/* 5/22/23, increase container size from 1200 to 1250 */
		width: 1250px;
		margin: 0 auto;
		padding: 10px 0;
		float: none;
		display: block;
	}
	
	#homeContainer h2{
		margin: 0 0 5px 0;
	}
	
	#contentContainer {
		padding-bottom: 80px;
		/* 5/22/23, increase container size from 1250 to 1600 */
		width: 1600px;
		/**!!! Left Aligned: old settings
		margin: 0 auto;
		*/
		margin: 0 auto auto 75px;
		/**!!! Left Aligned:old settings
		float: none;
		*/
		float: left;
		display: block;
	}
	
	#mainContent {
		margin: 10px auto 10px auto;
		/* margin: 20px auto 10px auto; */
		padding: 0;
		/* 5/22/23, Do we need width here?? increase container size from 1250 to 1300 */
		/* width: 1300px; */
		display: block;
		float: left;
		position: relative;
	}
	
	#mainContent ul, ol{
		margin: 10px  0 10px 30px;
		padding: 0;
	}
		
	#mainContent #signIn ul {
		list-style-type: disc;
	}
	
	#mainContent #tabs {
		margin-bottom: 20px;
	}
	
	#mainContent #tabs ul {
		margin: 0;
	}
	
	#mainContent .threecol {
		margin-right: 2%;
	}
	
	#mainContent li{
		margin: 0;
		padding: 0;
	}
	
	#mainContent p {
		margin: 20px 0;
		padding: 0;
	}
	
	#mainContent h1{
		color: #006cab;
		font-size: 24px;
	}
	
	#mainContent h2{
		color: #000000; 
		font-size: 20px;
		margin: 5px 0;
	    font-weight: bold;
	}
	
	#mainContent h2.selected {
	  	background-color: #006cab;
	}
	
	#mainContent h3 
	{
		text-align: left;
	}
	
	#mainContent h6{
		color: #333;
		font-size: 16px;
		border-bottom: 1px solid #000;
		margin: 20px 0 10px 0;
		padding-bottom: 5px;
		width: 98%;
	}
	
	#mainContent h6.siteMapH6{              
		/*Used only in sitemap */
		border-bottom: none;
	}
	
	#mainContent h4{
		color: #006cab;
		font-size: 16px;
		margin: 10px 0 5px 0;
		border-bottom: 0px none;
	}
	
	#mainContent h4.sitemapHeader{
		color: #333;
	}

	#errorContainer h4{
		color: #006cab;
		font-size: 17px;
		margin: 10px 0 5px 0;
		border-bottom: 0px none;
	}
	#errorContainer h4:hover,
	#errorContainer h4:focus {
		background-color: #fdf8b3;
	}
	
	#mainContent h5{
		color: #006cab;
		font-size: 18px;
		margin: 10px 0 0 0;
		padding-top: 10px;
		width: 98%;
		border-top:none; 
		text-align: center; 
	}

    #mainContent h5.formHeader 
	{
	
		text-align: left;
		color: #000000;
		border-bottom:1px solid black;
		margin-bottom:10px;
	}
	
	#mainContent h5.reportHeader
	{
		color: #0069ab;
		font-weight: bold;
		font-size: 16px;
		text-align:left;
		margin-top: -20px;
	}

	#mainContent h10{
		color: #000000;
		font-size: 18px;
		text-align:left;
	}
	
	#mainContent label.gray {
		color: #707070;
		font-size: 16px;
		margin: 10px 0 10px 0;
		padding-top: 10px;
	}

	#mainContent wizardHeaderlabel
	{
		color: white;
	}; 
	
	/* CSS for specific carousel container called #mybgcarousel. */
	.feature {
		padding: 0;
		/* 5/22/23, used for welcome page only, increase container size from 1200 to 1300 */
		width: 1300px;
		height: 400px;
		margin: 0 auto;
	}
	
	.feature2 img {
		margin: 0;
	}
	
	#getAccount { 
		display: block;
		float: left;
		text-align: center;
		margin: 0 0px 20px 0px;
		padding: 10px 0;
		border-top: 1px solid #363636;
		border-bottom: 1px solid #363636;
		width: 100%;
	}
	
	/* TODO: not used, to delete
	#mybgcarousel{ 
		width:856px;
		height:400px;
		display: block;
		float: left;
		margin-bottom: 20px;
	}
	*/
	
	/* ######### Shared CSS for various parts of carousel (in the event of multiple carousels) ######### */
	
	div.bgcarousel{ 
		background: black url(ajaxload.gif) center center no-repeat;
	}
	/* CSS for the nav buttons, TODO: in use?
	div.bgcarousel img.navbutton{ 
	}
	*/
	
	div.bgcarousel div.slide{ /* CSS for each image's DIV container within main container */
		background-color: rgba(27, 27, 27, 0.8);
		background-position: center center; /* center image within carousel */
		background-repeat: no-repeat;
		background-size: cover; /* CSS3 property to scale image within container? "cover" or "contain" */
		color: black;
	}
	/* CSS for currently selected slide, TODO: in use?
	div.bgcarousel div.selectedslide{ 
	}
	*/
	
	div.bgcarousel div.slide div.desc{ /* DIV that contains the textual description inside .slide */
		background-color: rgba(27, 27, 27, 0.6);
	    color: #fff;
	    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	    font-size: 13px;
	    /*left: 12px;*/
	    padding: 3% 3% 3.5%;
	    position: absolute;
	    text-align: left;
	    text-shadow: 1px 1px 2px #000;
	    width: 23%;
		margin-top:100px;
	}
	
	div.bgcarousel div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */
		float:right;
	}
	
	#mainContent div.bgcarousel div.slide div.desc h2{
		font:1.5em 'OpenSansLight';
		font-weight: bold;
		clear: left;
		border: none; 
		margin-bottom: 0;
		margin-top:10px;
		color: #ffbe1a; /*Yellow;*/
	}
	
	div.bgcarousel div.slide div.desc a{
		color:#00e673; /* yellow*/
		text-decoration:none;
	}
	
	/* jquery widgets */
	
	#accordion {
		margin: 20px 0;
		height: auto;
		font-size: 17px;
	}
	
	#accordion a.top:link,
	#accordion a.top:visited,
	#accordion a.top:active {
		background: transparent url(../images/icon-top.png) no-repeat left top;
		padding-left: 25px;
	}
		
	/*accordion*/
	.tabpanel {
	  /* to ensure all <h2> has same length of underline? */
	  margin: 20px;
	  padding: 0;
	  margin-left:0px;
	}
	.tablist {
	  margin: 0 0px;
	  padding: 0;
	  list-style: none;
	}

	.tab {
	  padding: 10px;
	  /* height: 1em; */
	  font-weight: bold;
	  background-color: #006cab;
	  float: left;
	}

	.panel {
	  clear: both;
	  margin: 0 0 0 0;
	  padding: 9px;
	  width: 600px;
	  border: 1px solid black;

	}

	ul.controlList {
	  list-style-type: none;
	}
		
	.focus {
	  color: black;
	  background-color: #006cab;
	  margin-top: 0;
	  border:2px solid black;
	  box-shadow: 2px 2px 2px 1px white;
	}
	
	.accordian {
	  float: none;
	  border-radius: 0;
	  text-align:left;
	  /* width: 900px; */
	  width: 1200px;
	}

	.hidden {
	  position: absolute;
	  left: -300em;
	  top: -30em;
	}
	
	/*accordion*/
	#featureLinks {
		display: block;
		float: right;
		background: transparent url(../images/bkg-gradient.png) repeat-x left bottom;
		margin: 0 0 0 30px;
		/* 5/22/23, increase container size from 344 to 400 */
		width: 400px;
		height: 400px;
	}
	
	#featureLinks li{
		color: #015688;
		background-image: url(../images/icon-arrowRight.png);
		background-repeat: no-repeat;
		background-position: 12.5em 1.7em;
		border-bottom: 1px dotted #999;
		padding: 0 0 0 20px;
		margin-bottom: 0;
		font-size: 22px;
		font-weight: bold;
		text-align: left;
		/* height: 113px; */
	}
	
	#featureLinks ul {
		list-style: none;
		margin: 0;
		padding: 0 0 0 5px;
	}
	
	#featureLinks li a{
		color: #015688;
		text-decoration: none;
		padding: 50px 0px;
		width: 100%;
		display: inline-block;
	}
	
	#featureLinks li a:hover{
		color: #6f297e;
		text-decoration: none;
	}
	
	.feature2 {
		padding: 0;
		width: 1300px;
		margin: 0 auto;
		font-size: 17px;
	}
	
	.feature2 img {
		margin: 0;
	}
		
	#footer {
		background-color: #013756;
		color:#fff;
		position: relative;
		margin-top: -80px; /* negative value of footer height */
		height: 80px;
		clear:both;
	}
	
	/* TODO: !!! 04/20/2023 No need of fix width 2/7/22 - to add contract #, change width from 1200px to 1300px */	
	.footerContainer {
		display: block;
		/**
		float: none;
		*/
		/**Left aligned*/
		float: left;
		padding: 10px 0 20px 0;
		margin: 0 0 0 60px;
		/**
		width: 1300px;
		*/
		position: relative;
		background-color: #013756;
		height: 50px;
	}
		
	.footerContainer:focus
	{
		background: #f4eea7;
	}
	.sftpList
	{
		margin-left:-22px; 
	}
	
	/* 2/7/22 - to add contract #, change width from 1190px to 1290px */	
	#footerWidth {
		width: 1490px;
	}
	
	/* 2/7/22 - to add contract #, change margin-right from 80px to 40px */	
	#footer a:link,
	#footer a:active,
	#footer a:visited, 
	#footer:focus {
		color: #fff;
		text-decoration: none;
		letter-spacing: 1px;
		margin-right: 40px;
		border: none;
		outline: none;
		width: 170px;
	}
	
	#footer a.auto:link,
	#footer a.auto:active,
	#footer a.auto:visited
	{
		color: #fff;
		text-decoration: none;
		letter-spacing: 1px;
		margin-right: 20px;
		border: none;
		outline: none;
		width: auto;
	}
	
	#footer a:hover,
	#footer a.auto:hover
	{
		text-decoration: none;
		color: #85c4e9;
	}
	
	#footer a.AHRQ-link:link,
	#footer a.AHRQ-link:active,
	#footer a.AHRQ-link:visited 
	{
	    display: inline-block;
		height: 30px;
		width: 72px;
		border: none;
		outline: none;
	}
	
	#footer a.AHRQ-link:hover
	{
		background-image: url(../images/AHRQlogoHover.png);
		background-repeat: no-repeat;
	}
	
	#footer p{
		margin: 5px 0 0 0;
	}
	
	a.close:link,
	a.close:active,
	a.close:visited {
	    display: block;
	    float: right;
	    background-image: url(../images/icon-close.png);
		background-repeat: no-repeat;
		height: 20px;
		width: 20px;
		border: none;
		outline: none;
	}
	
	.rowBorder {
		display: block;
		float: left;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	td  .reportParameter
	{
		color: #006cab;
	}
	

	/* ============================== */
	/* chevron process  */
	/* ============================== */		
	#tabs {
		margin-top: 20px; 
	}

	
	/* ============================== */
	/* chevron process  */
	/* ============================== */		
	#designForm  ul {
		list-style-type:none;
		padding:0;
		margin:0;
	}		
	#crumbs {
		height:2.3em;
		border:1px solid #dedede;
		width: 99%;
		font-size: 18px;
		margin-bottom: 10px;
	}
	#crumbs li {
		float:left;
		line-height:2.3em;
		color:#777;
		padding-left:.75em;
	}		
	#crumbs li a {
		background:url(../images/crumbs.gif) no-repeat right center;
		display:block;
		padding:0 15px 0 0;
	}	
							
	#crumbs li a:link,
	#crumbs li a:visited {
		color:#777;
		text-decoration:none;
	}	
		
	#crumbs li a.active:link,
	#crumbs li a.active:visited {
		color:#000;
		text-decoration:none;
	}	
				
	/* ============================== */
	/* chevron process  */
	/* ============================== */		
	#breadcrumbs {
		width: 100%;
		font-size: 14px; /* 0.93em; */
	}

	/* ============================== */
	/* Grid   						  */
	/* ============================== */			
	#upload {
		background: transparent url(../images/btn_greenLarge.png) repeat-x left top;
		color: #fff;
		display: inline-block;
		border: 1px solid #124909;
		font: bold 12px Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
		padding: 9px 8px 7px 8px;
		margin: 0 0 0 10px;
		text-align: center;
		text-decoration: none;
		-moz-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    border-radius: 5px;
	}
	
	#upload:active {
	  background-color:Green;
	}
	
	#actual-upload {
	  display: none;
	}
	
	.container {
	    padding-left: 0;
	    padding-right: 0;
		width: 100%;
	}
	
	.row {
	    margin: 0 auto;
	    width: 100%;
	    overflow: hidden;
	}
	
	.fourcol {
		padding: 0;
		width: 300px;
		float: left;
		display: block;
	}
	
	.featureCol {
		padding: 0 10px;
		width: 410px; /* 375px; */
		float: left;
		display: block;
		border-right: 1px dotted #999;
		min-height: 200px;
		margin-bottom: 20px;
	}
	
	.fivecol {
		padding: 0;
		width: 420px;
		float: left;
		display: block;
		margin-right: 30px;
	}
	
	/* TODO: 
	.500col {
		padding: 0;
		width: 500px;
		float: left;
		display: block;
		margin-right: 30px;
	}
	*/
	
	.sixcol {
		padding: 0;
		width: 550px;
		float: left;
		display: block;
	}

	.twocol {
		padding: 0;
		width: 280px; /* 250px; */
		float: left;
		display: block;
	}
	
	/* duplicate with .w800, TODO: to delete
		was used in forgetpassword_mfatoken.jsp, mfatoken.jsp, line 36
	.800col {
		padding: 0;
		width: 800px;
		float: left;
		display: block;
	}
	*/
	
	.ninecol {
		padding: 0;
		/* 5/22/23, increase width from 915 to 1200 */
		width: 1200px;
		float: left;
		display: block;
	}
		
	.tencol {
		padding: 0;
		/* 5/22/23, increase width from 1000 to 1300 */
		width: 1300px;
		float: left;
		display: block;
	}
		
	.w100 {
		padding: 0;
		width: 100px;
		float: left;
		display: block;
	}
		
	.w200 {
		padding: -5px;
		width: 170px;
		float: left;
		display: block;
		margin-right: 10px;
		margin-bottom: none;
	}
	.w230 {
		padding: 0;
		width: 230px;
		float: left;
		display: block;
		margin-right: 10px;
	}
	.w260{
		padding: 0;
		width: 260px;
		float: left;
		display: block;
	}
	.w300 {
		padding: 0;
		width: 300px;
		float: left;
		display: block;
	}
	.w350 {
		padding: 0;
		width: 350px;
		float: left;
		display: block;
	}

	.w400 {
		padding: 0;
		width: 400px;
		float: left;
		display: block;
	}
	.w500 {
		padding: 0;
		width: 500px;
		float: left;
		display: block;
	}
	.w600 {
		padding: 0;
		width: 600px;
		float: left;
		display: block;
	}
	.w800 {
		padding: 0;
		width: 800px;
		float: left;
		display: block;
	}
	
	/**********************************/
	.roleColumn
	{
		padding: 0;
		width: 200px;
		float: left;
		display: block;
	
	} 
	.roleColumn2
	{
		padding: 0;
		width: 280px;
		float: left;
		display: block;
	}
	.indent-right-10
	{
		margin-left: 10px;
	}
	
	/*********************************/
	.reportHeader
	{
		background-image: url('../images/ui-bg_flat_75_ffffff_40x100.png'); 
		background-repeat: repeat-x; 
		border: 1px;
	}
	/********************************/
	.reportLabel
	{
		font-size: 14px;
		color: #5E5E5E;	/* grey; */
	}
	/*********************************/
	#p .bottomReportLabel 
	{
		color: #335; 
		text-align: center; 
		margin-top: 8px; 
	}
	
	/**********************************/
	.searchText
	{
		background-image : url('../images/searchSmall.png') ;
		background-repeat: no-repeat;
	}
	
	/**********************************/
	.contentbox
	{
		background-color: #ededed;
		border: 1px solid #e1dfdf;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		padding: 5px 10px;
		margin: 0px 0 0px 0;
		display: inline-block;
		border-image: initial;
		position: relative; 
		left: 90px;
	}
	
	.reportParametersTable {
		margin: 10px 15px 10px -5px; 
		font-weight:normal;
	}

	/* START - for  document detail info table */
	.viewDetailTable
	{
		margin: 10px 15px 10px 0px; 
		font-weight:normal;
		border-collapse: collapse;
		border:1px solid #7E7E7E; /*#006cab */
		border-spacing:0;
		clear:both;
		margin:0 auto;
		width:98%;
		margin: 10px 0 0
	}
	.viewDetailTable td
	{
		padding-left: 5px;
		padding-right: 50px;
		vertical-align: middle;
		height: 28px;
	}
	.viewDetailTable th
	{
		font-weight: bold;
		color: #006cab;
		font-size: 16px;
		text-align: left;
		padding-left: 5px;
		padding-right: 50px;
		vertical-align: middle;
		height: 28px;
		width: 220px;
	}
	.viewDetailTable tr:nth-child(even) {background: #FFF}
	.viewDetailTable tr:nth-child(odd) {background: #DDDDDD}
	/* END - for  document detail info table */

	.textLabel {
	  color:#006CAB;
	  display:inline;
	  font-size:16px;
	  font-weight:bold;
	  margin:0 0 2px;
	}
	
	input.file {
		position: relative;
		text-align: right;
		-moz-opacity:0;
		opacity: 0;
		/* filter:alpha(opacity: 0);  	TODO: is this used? */
		z-index: 2;
	}

	.errorMessage
	{
		display: none;
	}
	
	#mainContent h1.pageTitle 
	{
	    color: #333;
	    font-style: normal;
	    font-variant: normal;
	    position: relative;
		border-bottom: 1px solid #ccc;
	    box-shadow: 0 1px 0 #fff;
	    line-height: 32px;
	    margin-bottom: 20px;
		font-size: 20px;
	}

	.button-dashboardMed:hover
	{
		color: white;
	}
	 
	.scrollToTop
	{	
		display:none;
		text-align: right;
	}
	.scrollToTop:hover{
		display:none;
		text-decoration:none;
	}

	.ahrqlogo
	{
	    float: left;
		height: 20%;
	    /* width: 15%; */
	    padding: 6px;
	}
	
	.dateLabel
	{
		color: blue; 
		font-size: 17px;
	}
	
	.reportList
	{
		list-style-type: none;
		margin:0px;
	}
	
	.smallReportLabel
	{
		font-size: 14px; 
		color: #5E5E5E;	/* grey; */
		font-weight: bold;
		/* margin: -15px 0px 20px 0px; */
	}

	.dashboardTableStyle
	{
		background: none repeat scroll 0 0 White;
	    border: none solid #C7C7C7;  
		/*border-radius: 20px 20px 20px 20px;*/
	    box-shadow: .8px .8px .8px .8px #404040;
	    /* font-weight: bold;*/
	    height: auto;
		width: auto;
		margin: 10px 0px 30px 0px;
		padding: 20px 45px 20px 45px;
	}
	
	.dashboardTableLabel
	{
	   text-transform: none; 
	   text-align: center;
	   display: block;
	   margin: 0 0 2px 0;
	   font-weight: bold;
	   color: #006cab;
	   font-size: 16px;
	}
	
	.dashboardContent
	{
		margin-top: 12px;
	}
	 
	.paragraphLabel
	{
		margin-top: 8px;
		text-align: center;
		color: #335;
	} 

	/*********Styling for Provider Questions***************************************************/
	.Questions
	{
		margin:10px 0px 10px -30px;
	}
	
	ul.QuestionsList
	{
		list-style-type: none;
	}
	
	#mainContent .Questions label
	{
		color: black; 
		font-weight: bold;
	}
	
	.divBorder
	{
		border: 2px solid black;
		margin: 6px 6px 0px 0px;
		margin-top: 25px; 
	}
	
	/**Styling for technical specifications page*/
	.tslist
	{
		margin-bottom: 10px;
	}

	.clear
	{	
		clear:both;
		overflow: hidden;
	    width: 100%;
	    height: 0px;
	}

	/* FileUpload Progress Bar */
	#progressBar { 
		padding-top: 5px; 
	}
	
	#progressBarBox { 
		width: 350px; 
		height: 15px; 
		border: 1px inset; 
		background: #eee;
	}
	#progressBarBoxContent { 
		width: 0; 
		height: 13px; 
		border-right: 1px solid #444; 
		background: #9ACB34; 
	}
	
	.fileInfo {
		font-size: 0.8em;
		font-family: Arial;
		font-style: italic;
		color: #666;
	}

	/*********************************/
	/** Updated on : 12/06/2021
	
	508 color contrast fail for burden statement. Updated to use default color (black) 
	**/
	.BurdenLabels {
		font-size: 1.0em; 
		font-weight: bold;
		/* color:#7E7E7E; */
	}
	
	.BurdenStatement {
		font-size: 0.8em; 
		/* color:#7E7E7E; */
		margin:1px 0px;
	}
	#documentList .tableLeftText{
		/* padding-left: 5px; */
		text-align: left;
		height: 20px;	
	}
	
	#maintcontent button.extend{
	  -webkit-border-radius: 14;
	  -moz-border-radius: 14;
	  border-radius: 14px;
	  font-family: Arial;
	  color: White;
	  font-size: 17px;
	  background: #006cab;
	  padding: 10px 20px 10px 20px;
	  text-decoration: none;
	}

	#maintcontent button.extend:hover {
	  background: #3cb0fd;
	  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	  text-decoration: none;
	}

	#disclaimer-alert fieldset
	{
		border: solid 1px; 
		width: 70%; 
		height: 120px;
		margin-top: 10px;
	}
	
	#disclaimer-alert legend
	{
		font-size: 17px; 
		color: Blue;	
	}

	/**************Skip Navigation*******************************/
	#topMenu a.skip-main {
	    right:90px;
	    position:absolute;
	    top:10px;
	    width:1px;
	    height:1px;
	    overflow:hidden;
	    z-index:-999;
		/*color:black;  -- 5/3/2023 changed to white to fix two top 508 color contrast issues */
		color: White;
		background:black;
	}
	#topMenu a.skip-main:focus, a.skip-main:active {
	    color: White;
	    background-color:#000;
	    left: auto;
	    top: auto;
	    width: 20%;
	    height: auto;
	    overflow:auto;
	    margin: 10px 35%;
	    padding:10px;
	    border-radius: 15px;
	    text-align:center;
	    font-size:1.2em;
	    z-index:999;
	}
	/************ for errorContainer <A> ********/
	#errorContainer a.formErr:focus, a.formErr:active, a.formErr:link, a.formErr:visited {
		color: red;
	}	
	
	#errorContainer a.formErr:focus, a.formErr:hover {
		background-color: #fdf8b3;
		display: block;
	}	
		
	/********Login Class****************************/
	.login
	{
		margin: 0px 0px 0px 7px;	
	}

	.tableCaption{
		color: #006cab;
		font-size: 18px;
	    font-weight: bold;
	}

	/********** hidden jquery data table caption **********/
	table caption {
		position:absolute;
		left:-9999px;
		overflow:hidden;
	}
	
	/* added for new sections on profile form */
	.profileSection{
		border:1px solid black;
		margin-top:10px;
	}

	.profileSectionHeader{
	    background-color:#CACFD2;
	    padding:7px; 
	    font-weight: bold;
		border-bottom:1px solid black;
	}
	
	.pleaseNote{
		background-color:#EAF4FB;
		padding-left:5px;
		padding-top:5px;
		border-bottom:1px solid black;
	}
	
	.noSectHeader{
		border-top:1px solid black;
	}

	.pleaseNote span {
		font-weight : bold;
	}
	
	.pleaseNote P {
		padding-left:5px;
	}
	
	.pleaseNote ul {
	    padding-left:5px;
	}
	
	.newIndicator{
	    color: #ed1c24;
	    font-style: helvetica;
	    font-weight: bold;
	}

	/* added for disabling submit/cancel on form (To avoid duplicate submission of form)*/
	#mainContent input[type="submit"]:disabled {
	  opacity: 0.65; 
	  cursor: not-allowed;
	}
	
	#mainContent input[type="button"].cancel:disabled {
	  opacity: 0.65; 
	  cursor: not-allowed;
	}
	
	/* added for 508 text (for screen reader to read). not visible on screen */
	.sr-only {
	    position: absolute;
	    width: 1px;
	    height: 1px;
	    padding: 0;
	    margin: -1px;
	    overflow: hidden;
	    clip: rect(0, 0, 0, 0);
	    border: 0;
	}
	
	/* disable jquery ui-widget-overlay */
	.hide-ui-widget-overlay {
	    opacity: 0.0;
	    filter: alpha(opacity=0);  /* IE8 and lower */
	}
	
	#scrollToTopArea{
		position: absolute;
		height: 100%;
		width: 0px;
		text-align: right;
		right: -100px;
		top: 93px;
		/*margin-right: 135px;*/
	}
	
	#scrollToTopContainer{
		display: inline-block;
		margin: 15px 0px 15px -75px;
		width: max-content;
		text-align: center;
		vertical-align: top;
		position: sticky;
		top: calc(100vh - 150px);
		z-index: 10;
	}

	@media only screen and (max-width: 1600px){
		body{
			width:160%!important;
			height:auto!important;
		}
	}
	
	@media only screen and (max-width: 860px){
		body{
			width:200%!important;
			height:auto!important;
		}
	}