/* this style sheet defines the basic style for all App_Online pages */
/* you can point to this by adding:

     <LINK rel="Stylesheet" href="/StyleSheets/App_Online.css">

   in the HEAD of your HTML document */

A: {color:#0000FF; text-decoration: underline;}  /*blue - web standard*/
A:hover {color:#953E6B; text-decoration: underline}  
A.menulink {color:#FFFFFF; text-decoration: none;}
A.menulink:hover {color: #FF9900; text-decoration: underline;}
A.8point {font-size: 8pt;}

hr {/*color: #000000;*/  /*black*/
	line-height: 1.2; font-size: 10pt ;
	}
h1 {font-family: arial, helvetica, sans-serif;
	font-size: 28pt;
	font-weight: bold;
	color: #000099 ; /*navy blue*/
	}
h2 {font-family: arial, helvetica, sans-serif;
	font-size: 22pt;
	font-weight: bold;
	color: #000099 ; /*navy blue*/
	}
h3 {font-family: arial, helvetica, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	color: #000099 ; /*navy blue*/
	}
h4 {font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000099 ; /*navy blue*/
	}
h5 {font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000099 ; /*navy blue*/
	}
h6 {font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000099 ; /*navy blue*/
	} 
body {font-family: arial, helvetica, sans-serif;
	  font-size: 10pt;
	  color: #000000 ; /*black*/
      background-color:#FFFFFF; 
      height:100%;
      margin:0;
	  padding:0;
	}
body.helpwindow {background-color:#FFFFCC; 
	}
TD, TH, P, B, BLOCKQUOTE, DIV, EM, FORM, LI, OL, UL, SMALL, SPAN, BIG, CENTER, PRE 
	{font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	}
/*html,*/

.container {
		min-height:100%;
		/*height:100%;*/
		position:relative;
	}
.header {
		margin:0;
}
.body {
		padding:10px;
		padding-bottom:50px;	/* Height of the footer */
	}
.footer {
	clear: left;
    margin: 0;
	border: 0;
	padding: 3px 20px 3px 20px;
	background-color: #000066;
	color: #999;
	font-size: .85em;
	text-align: center;
	font-weight: 700;
	position: fixed; /*absolute;*/
	bottom: 0px;    
    height:35px;
    width:100%;
 
  
}

.footer a:link {
	color: #ccc;
}

.footer a:hover {
	color: #fff;
	background-color: transparent;
}

.footer a:visited {
	color: #ccc;
}

.footer a:visited:hover {
	color: #fff;
	background-color: transparent;
}

.menu {
	clear: left;
	border: 0;
	margin: 0;
	padding: 3px 15px 3px 15px;
	background-color: #006;
	color: #999;
	text-align: right;
	font-size: .85em;
	font-weight: 700;
}

.menu form {
	display: inline;
}

.menu a {
	margin-right: 20px;
}

.menu a:link {
	color: #ccc;
}

.menu a:hover {
	color: #fff;
	background-color: transparent;
}

.menu a:visited {
	color: #ccc;
}

.menu a:visited:hover {
	color: #fff;
	background-color: transparent;
}

#dl-dump-form {
	margin-top: 0;
	margin-bottom: 1rem;
	position: relative;
}

#dl-dump-form dt {
	font-weight: 700;
	display: block;
	text-align: right;
}

#dl-dump-form dd {
	margin-bottom: .25rem;
	margin-left: 0;
	display: block;
}

/**, ::after, ::before {
	box-sizing: border-box;
}*/

#dl-dump-form > *, #dl-dump-form > ::after, #dl-dump-form > ::before {
	box-sizing: border-box;
}

.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1 * var(--bs-gutter-y));
	margin-right: calc(-.5 * var(--bs-gutter-x));
	margin-left: calc(-.5 * var(--bs-gutter-x));
}

.row > * {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
	margin-top: var(--bs-gutter-y);
}

.col {
	flex: 1 0 0;
}

.col-auto {
	flex: 0 0 auto;
	width: auto
}

.col-1 {
	flex: 0 0 auto;
	width: 8.33333333%
}

.col-2 {
	flex: 0 0 auto;
	width: 16.66666667%
}

.col-3 {
	flex: 0 0 auto;
	width: 25%
}

.col-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-5 {
	flex: 0 0 auto;
	width: 41.66666667%
}

.col-6 {
	flex: 0 0 auto;
	width: 50%
}

.col-7 {
	flex: 0 0 auto;
	width: 58.33333333%
}

.col-8 {
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-9 {
	flex: 0 0 auto;
	width: 75%
}

.col-10 {
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-11 {
	flex: 0 0 auto;
	width: 91.66666667%
}

.col-12 {
	flex: 0 0 auto;
	width: 100%
}

.col-sm {
	flex: 1 0 0
}

.col-sm-auto {
	flex: 0 0 auto;
	width: auto
}

.col-sm-1 {
	flex: 0 0 auto;
	width: 8.33333333%
}

.col-sm-2 {
	flex: 0 0 auto;
	width: 16.66666667%
}

.col-sm-3 {
	flex: 0 0 auto;
	width: 25%
}

.col-sm-4 {
	flex: 0 0 auto;
	width: 33.33333333%
}

.col-sm-5 {
	flex: 0 0 auto;
	width: 41.66666667%
}

.col-sm-6 {
	flex: 0 0 auto;
	width: 50%
}

.col-sm-7 {
	flex: 0 0 auto;
	width: 58.33333333%
}

.col-sm-8 {
	flex: 0 0 auto;
	width: 66.66666667%
}

.col-sm-9 {
	flex: 0 0 auto;
	width: 75%
}

.col-sm-10 {
	flex: 0 0 auto;
	width: 83.33333333%
}

.col-sm-11 {
	flex: 0 0 auto;
	width: 91.66666667%
}

.col-sm-12 {
	flex: 0 0 auto;
	width: 100%
}

.align-left {
	text-align: left !important;
}

.align-center {
	text-align: center !important;
}

.align-right {
	text-align: right !important;
}

.text-bold {
	font-weight: bold !important;
}

.error-label {
	padding-left: 0.5em;
	display: block;
}

#pt-form input {
	margin: 4px;
	padding: 4px;
}