:root {
	--main-bg-color:#128cb5;
	--title-color:#369;
	--error-color:#ff9;
}
html, body {
    margin:0;
    padding:0;
    height: 100%;
}
body {
	padding: 1em;
	background: var(--main-bg-color);
	min-width: 600px;
	color: #000;
}
body, div, p, textarea, input, a, li, select, label, button {
	font-size: 9pt;
}
body, div, p, td, th, li, ul, ol, select, textarea, input, a, h1, h2, h3, h4, pre { 
	font-family: verdana,arial,helvetica,sans-serif;
}
table {
	padding: 0;
	border-width: 0;
	font-size: 9pt;
}
.table-responsive{
    width:100%;
    height:70%;
    overflow:auto;
}
input, select { margin-top: 2px; }
img { border: 0; } 
a {
	color: #30f;
	display: inline-block;
	padding: 1px 1px 1px 1px;
}
a:hover { color: #c0f; }
a:active { color: #000; }
a.inactive, a.inactive:hover { color: #696969; text-decoration: none; }
a.nounderline { color: #30f; text-decoration: none; }
a.txtLink { color: #30f; text-decoration: none; }
a.button, a.button:visited, .button, button {
	display: inline-block;
	margin: 0 .5em; 
	padding: .35em;
	background-color: #eee;
	color: black;
	border: 1px solid #999;
	border-radius:3px;
	text-decoration: none;
/*	line-height: 18px;
	height: 18px;*/
	vertical-align: middle;
    text-align: center;
}
a.button:hover,.button:hover {
	background-color: #99FFFF;
	color: black;
	border: 1px solid #3399FF;
 	text-decoration: none;
}
a.buttonDark, a.buttonDark:visited, .buttonDark {
	display: inline-block;
	margin: 0 .5em; 
	padding: .35em;
	color: #fff;
	background-color: #369;
	border: 1px solid #999;
	border-radius:3px;
	text-decoration: none;
/*	line-height: 18px;
	height: 18px;*/
	vertical-align: middle;
    text-align: center;
}
a.buttonDark:hover,.buttonDark:hover {
	background-color: #99FFFF;
	color: black;
	border: 1px solid #3399FF;
 	text-decoration: none;
}
#skip a { 
	position:absolute; 
	left:-10000px; 
	top:auto; 
	width:1px; 
	height:1px; 
	overflow:hidden;
} 
#skip a:focus { 
	position:static; 
	width:auto; 
	height:auto; 
	font-size: 9pt;
	background-color:white;
	padding: 6px;
	border: 1px solid;
	border-radius: 10px;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100;
}
fieldset { border-style: none; margin:0; padding:0;}
fieldset.border { border-style: solid; }
fieldset legend {font-weight:bold; color: #000; font-size: 1em;}
fieldset legend.coloredbold { font-size: 10pt; font-weight: bold; color: #369; }
fieldset legend.plain { font-weight: normal; }
fieldset.blueborder { padding: .5em;}
fieldset.yesno {margin:0 0 0 -1em;}
.block {display:block}
.inline {display:inline-block}
label {
	font-size: 9pt;
	color: #000;
	font-weight: bold;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}
label.labelplain {font-weight:normal}
.label { display: block;
	font-weight: bold; 
	width: 20em; 
	float: left;
	text-align: right;
	margin-right: 15px;
}
.labelShort { display: block; 
	width: 10em; 
	float: left;
	text-align: right;
	margin-right: 8px;
	padding-bottom: 2px;
	font-weight: bold;
}
.labell { display: block; 
	width: 16em; 
	float: left;
	text-align: left;
	margin-right: 5px;
	margin-left: 15px;
	font-weight: bold;
}
.afterLbl { line-height: 1.5em;}
.chkbox {
	padding:0;
	vertical-align: middle;
	margin-right: 5px;
}
.instructions { font-size: 9pt; color: #000; background-color: #ffc; font-weight: bold; margin-bottom:0; padding:0.65em; border: 1pt solid #6cf; border-radius: 10px; }
.hdrlink { font-size: 9pt; color: white; }
.hdrlink:hover { font-size: 9pt; background-color: white; padding:6px; border-style: solid; border-radius: 10px; border-width:1px; }
.headerlinks { font-size: 9pt; color: #fff; }
.headerlinks:hover {color:#ff6;}
.floatr { float: right; }
.floatl { float: left; }
.nofloat { float: none; }
.bodylinkssmall { font-size: 7pt; color: #30f; text-decoration: underline; }
.italic {font-style:italic;}
.scientificName {font-style:italic;}
.mainbold { font-size: 9pt; color: #000; font-weight: bold; margin-bottom:0; }
.mainboldplain { font-size: 9pt; color: #000 ; font-weight: bold; text-decoration: none; }
.plusminus { font-size: 9pt; color: #000 ; font-weight: bold; text-decoration: none; padding-left: .5em; padding-right: .5em; }
.maintitlesmall { font-size: 12pt; color: #369; font-weight: bold; margin-bottom:0; }
.mainsectiontitle { font-size: 11pt; color: #000; font-weight: bold; margin-bottom: 0; }
.heading { font-size: 12pt; color: #369; text-decoration: none; font-weight:bold; margin-bottom: 0; margin-top: 0; }
.previewheading { font-size: 12pt; color: #369; text-decoration: none; font-weight:bold; margin-bottom:0; margin-top:0;  float: left; }
.hdrtxtlarge { font-size: 16pt; font-weight: normal; color: #fff; }
.hdrtxtboldnounderline { font-size: 9pt; font-weight: bold; color: #fff; text-decoration: none; }
.hdrtxt { font-size: 9pt; font-weight: normal; color: #fff; }
.hdrtxtital { font-size: 9pt; font-weight: normal; color: #fff; font-style:italic; }
.coloredboldtxt { font-size: 9pt; font-weight: bold; color: #369; }
.requiredfield { font-size: 9pt; color: #0000FF; font-weight: bold; }
label.required:before { content: "* "; margin-left: -1em; font-size: 9pt; color: #00f; font-weight: bold;}
legend.required:before { content: "* "; margin-left: -1em; font-size: 9pt; color: #00f; font-weight: bold;}
.headerlinksnounderline { font-size: 9pt; color: #fff; text-decoration: none; }
.note { color: #000; font-style: italic; }
.notebold { color: #000; font-style: italic; font-weight: bold; }
.navlist { list-style:square; list-style-position:outside; color:#128cb5; position:relative; left:-10pt; text-align: left; vertical-align:middle; }
.normal {font-weight:normal}
.mainsmall { font-size: 7pt; color: #000; }
.mainboldsmall { font-size: 7pt; color: #000 ; font-weight: bold; }
.tblheader { background-color: #369; vertical-align:middle; }
.tblheader th { font-size: 9pt; font-weight: bold; color: #ddd; }
span.tablename {font-weight: bolder; font-variant: small-caps; }
span.groupname {font-weight: bolder; margin: 5pt; }
.tblOptions {border: solid #369 thin; font-weight: bold; }
.blueborder { border: 1pt solid #6cf; }
table.blueborder { border-collapse: collapse; background-color: #fff; color:#000; }
table.blueborder th, table.blueborder td, table.blueborder caption { border: 1pt solid #6cf; padding: 5pt; white-space: normal;}
table.blueborder caption { border: 1pt solid #6cf; padding: 3pt; white-space:normal; background-color: #dceefd;}

table.blueborder:not(.subform) tbody tr:nth-child(even) { background: #cfc; }
/*table.blueborder { border: 1pt solid #6cf; border-collapse: collapse; background-color: #fff; white-space: normal; }
.blueborder, table.blueborder th, table.blueborder td { border: 1pt solid #6cf; padding: 5pt; white-space: normal;}
*/
table.darkblueborder { border: 1pt solid #009; border-collapse: collapse; background-color: #fff; }
.darkblueborder { border: 1pt solid #009; padding: 5pt;}
table.blackborder { border: thin solid black; border-collapse: collapse; background-color: #fff; }
.blackborder { border: thin solid black; padding: 5pt; }
table.fmtonly { border-spacing: 10px; border-collapse: separate; }
table.fmtonly tr { vertical-align:top; }
table.fmtonly2 { border-spacing: 0; border-collapse: collapse; padding: 0; margin: 0; margin-left: auto; margin-right: auto; }
/* zebra stripe, but only do every two.  Also, put border on bottom */
table.fmtonly3 { border-spacing: 0; border-collapse: collapse; padding: 0; margin: 0; margin-left: auto; margin-right: auto; }
table.fmtonly3 tbody tr:nth-child(4n-1), table.fmtonly3 tbody tr:nth-child(4n) { background-color: #cfc; }
table.fmtonly3 tbody tr:nth-child(2n) { border-bottom: 1pt solid #6cf; }
table.fmtonly3 td { font-size: 9pt; color: #000; vertical-align: top; padding: 3pt; }
/* style for handling tables on preview pages to account for problem introduced by scrolling tables.  */
table.preview { border-collapse: collapse; margin:1pt auto 1pt auto; clear:left; width:100%; }
table.preview tr {vertical-align: text-top; padding:0; }
table.preview td {white-space: normal; padding:2pt; }
table.bottomOnly {border-collapse:collapse; border:1pt solid #6cf;}
.bottomOnly tr {border-bottom:1px solid #6cf;}
.bottomOnly td {border:0;padding:3pt;}
.wrap { white-space:pre-wrap;}
pre { 
 white-space: pre-line;       /* css-3 */
 white-space: -moz-pre-line;  /* Mozilla */
 word-wrap: break-word;       /* IE 5.5+ */
 white-space: -pre-line;      /* Opera 4-6 */
 white-space: -o-pre-line;    /* Opera 7 */
 margin-top: 1pt;
 margin-bottom: 1pt;
 width:auto;
}
#nameAndAcct {margin:-3em 0 0 0;}
.w99 { width:99.75%}
.w100 { width:100%}
.mid75 { width:75%; margin-left: auto; margin-right: auto;}
.grayrow { background-color: #999; vertical-align:top; display: table-row; }
.shaded { font-size: 9pt; color: #000; background-color: #cfc; width: 100%; }
.shadedrow { font-size: 9pt; color: #000; background-color: #cfc; vertical-align:top; display: table-row; }
.shadedrowND { font-size: 9pt; color: #000; background-color: #cfc; vertical-align: top; display: none; }
.shadedcellBB { font-size: 9pt; color: #000; background-color: #cfc; vertical-align: top; border-bottom: 1pt solid #6cf; padding: 3pt; }
.lightrow { font-size: 9pt; color: #000; background-color: #fff; vertical-align: top; display: table-row; }
.lightrowND { font-size: 9pt; color: #000; background-color: #fff; vertical-align: top; display: none; }
.lightcellBB { font-size: 9pt; color: #000; background-color: #fff; vertical-align: top; border-bottom: 1pt solid #6cf; padding: 3pt; }
div.light { background-color: #fff; font-size: 9pt; color: #000; }
div.inactive { background-color: #ccc; vertical-align:top;}
hr {clear:both; width:100%}
hr.contrast {color: #369; }
hr.coloredline {color: #036; }
hr.ltblue { border-top: 1px solid #6cf; } 
.bglight { background-color: #fff; color: #000; font-size: 9pt; }
.indented { margin-left: 5%; margin-right: 5%; }
.indented2 { margin-left: 2%; margin-right: 2%; }
.indented3 { margin-left: 3%; margin-right: 3%; }
.lighttext { color: #fff }
.noshow { position: absolute; left: 0pt; top: -500pt; width: 1pt; height: 1pt; overflow: hidden; }
.nextback { float: right; margin:.60em 1em 0 4em; overflow:visible; position:relative;}
.editdelete { float: right; margin-right: 4pt; font-size: 9pt; font-weight:normal;}	
.delete:hover {background-color: #e4b9b9; font-weight:bold; color:#000;}
.center { text-align: center; margin-left: auto; margin-right: auto;}
.halfmargin { margin-bottom: .5em; }
.normalWS { white-space: normal; }
#PageWrapper { background-color: #128cb5; margin-right: 1%; margin-left: 1%; min-width: 6px; }
#MainContent {
	background-color: #fff;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	float: left;
	width: 80%;
	overflow: auto;
}
#MainContentCenter {
	background-color: #fff;
	display: block;
	border: 0;
	flex: 1;
	width: 94vw;
	min-width: 250px;
	resize: both;
	overflow: auto;
}
#MainContent.take { width:100%;}
#MainContentTake {
	background-color: #fff;
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	float: left;
	width: 100%;
	overflow: auto;
}
#Footer { vertical-align:bottom; width: 100%; clear: both; margin: 1em 0 0 0; }
#CenteredContent { background-color: #fff; padding:0; margin:0; border:0; display: block; width: 727px; margin-left: 106px; }
#leftnav { background-color: #dceefd; border: outset #369; display: block; width: 100%}
#leftnavheader { background-color: #369; color: white; font-weight: bold; font-size: 10pt; text-align: center; }
h1#pageheader { font-size: 14pt; font-weight: normal; color: #fff; text-align: center; }
#PageTitle { font-size: 12pt; font-weight: bold; color: #369; float: left; margin: 3px 5% 5px 5%; }
h2#pagetitle { font-size: 12pt; font-weight: bold; color: #369; float: left; margin: 3px 5% 5px 5%; }
/* The following is deprecated and can be eventually removed. */
div#pagetitle { font-size: 12pt; font-weight: bold; color: #369; float: left; margin: 3px 5% 5px 5%; }
#CenterTitle { font-size: 12pt; font-weight: bold; color: #369; text-align:center; margin: 5px 5% 5px 5%; }
#MenuWrapper {
	width: 150px;
	float: left;
	padding-top: 0;
	margin-right: 2em;
	text-align: center;
}
#topNav { background-color: #369; color: #fff; height:auto; padding-top: .25%; padding-left: 5pt; padding-bottom: .25%;
    border: 0; margin-top:0; position:relative;  }
#topNav a {text-decoration: none; color:#fff; font-size: 9pt; font-weight: bold; }
#topNav a:hover {color:#ff6;}
#topnav { background-color: #369; color: #fff; height:auto; padding-top: .25%; padding-left: 5pt; padding-bottom: .25%;
    border: 0; margin:0; position:relative; }
#topnav a {text-decoration: none; color:#fff; font-size: 9pt; font-weight: bold; }
#topnav a:hover {color:#ff6;}
/* The following is deprecated and should be replace by the previous */
#TopNav { background-color: #369; color: #fff; height:auto; padding-top: .25%; padding-left: 5pt; padding-bottom: .25%;
    border: 0; margin-top:0; position:relative;  }
#TopNav a {text-decoration: none; color:#fff; font-size: 9pt; font-weight: bold; }
#TopNav a:hover {color:#ff6;}
.headerlinkright { font-size: 9pt; color: #fff; float: right; }
.headerlinkright:hover {color:#ff6;}
#subnav { background-color:#dceefd; color:#30f; text-decoration:none; padding-left:1pt; }
#subnav ul {display:flex; flex-wrap:wrap; padding-left:5pt; margin:0; text-align:center; list-style:none;}
#subnav li {padding-right:5pt;}
#subnav li:nth-child(n+2):before {content:"\00BB"; position:0; font-weight:bold;}
#topoptions { background-color: #369; font-size: inherit; color: #fff; height: auto; padding-top: .25%; padding-bottom: .25%; }
#bottomart { clear: both; background-image:url(../images/bottom_art.gif); background-color: #036; background-repeat: repeat-x; width: 100%; padding: 0; margin: 0; height: 2em;}
#bottomnav { background-color: #036; color: #fff; text-align: center; width: 100%; line-height: 1em; padding-bottom:.25em; }
#bottomnav a {text-decoration: none; color:#fff; font-size: 9pt; }
#bottomnav a:hover {color:#ff6;}
#bottomnav img.logo {margin-right:50px; height:20px; vertical-align:middle; display: inline-block;}
#consulthelp {color: #000; background-color: #cfc; font-style: italic; clear: both;  text-align:center; margin: 0 auto 1em auto; width:85%; border-style: solid; border-radius: 10px; border-width:1px; padding:.5em;}
/*#consulthelp {color: #000; font-style: italic; clear: both; text-align:center; margin: 0 auto 1em auto; width:85%; padding:.5em;}*/
#consulthelp.alignl {text-align: left; padding:0 0 0 1em; margin: 0 auto 1em 1em; width:60%;}
#consulthelp.short {width:60%;}
#hp { position: absolute; right: 110%; overflow: hidden;}
#branding {display: block; 
	margin-bottom: 1em; 
	justify-content:center; 
	width:100%;
	font-family: "Nunito Sans","Open Sans","Helvetica Neue",sans-serif; 
	color: #fff;}
#block-noaa-branding {display:block; float:left; height:74px; margin:0 10px 5px 10px;}
#block-noaa-branding img {height:69px;}
#block-noaa-branding a {display:block; text-decoration:none;}
#block-noaa-branding a.site-logo {float:left; height:74px;}
#block-odfw-branding {display:block; float:right; height:74px; margin:0 10px;}
#block-odfw-branding img {height:64px;}
#block-apps-branding {display:flex; justify-content:center; font-size: 16pt; font-weight: normal;}
#sysMessage {font-style: italic;
	justify-content:center; 
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #000; 
	background-color: #ff9;
	margin: auto;
	width: 80%;
	border-style: solid; 
	border-radius: 10px; 
	border-width:1px; 
	padding:.4em;}
.clearone { clear: both; height: 1pt; }
.clearonly { clear: both; }
.maintitle { font-size: 16pt; color: #369; }
.sectiontitle { font-weight: bold; font-size: 10pt; }
.alert {
	font-style: italic;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	color: #000; 
	background-color: #ff9;
	margin-bottom: .3em;
/*	margin: 0 auto .5em auto; */
	border-style: solid; 
	border-radius: 10px; 
	border-width:1px; 
	padding:.4em;	
}
.alertTest {
	color: #ff6;
	font-style: italic;
	font-size: 10pt;
	font-weight: bold;
	float: left;
	clear: right;
	margin: 3px;
}
.alertblack { background-color:var(--error-color); color: #000; font-style: italic; }
.alerterrmsg { background-color:var(--error-color); font-weight: bold; display: block; 
	padding: 3px 5px 5px 5px; margin: 2px 5% 5px 5%; clear: left; text-align: center; }
.alerterrmsg:after { clear:both; }
/*.alertlarger { font-size: medium; color: #ffff00; }*/
.norecords { margin-top: 2em; margin-bottom: 10em; text-align: center; font-size: 1.5em; }
.hidden { display: none; }
.padr { padding-right: 1em; }
.alignl { text-align: left; }
.alignr { text-align: right; } 
label.error {
	font-size: 0.9em;
	color:#006;
	font-weight:bold;
	padding-left: 5px;
	display: block;
}
textarea {
	width: 99%;
}
textarea.short {width:auto;}
div.error { background: var(--error-color); }
input.error, select.error, textarea.error, fieldset.error {
	background:var(--error-color); 
	border: 1px solid black;
}
label.rberror {
	background-color: yellow;
}
fieldset.fsText {
	margin: 10px;
	border: 1px solid #009;
}
fieldset.fsText legend {
	margin: 2px;
	padding: 2px;
	font-weight: bold;
}
fieldset.fsText label {
	display: block;
	padding: 5px;
	margin-left: 20px;
}
fieldset.fsText label span {
	text-align: right;
	padding: 5px;
	float: left;
	width: 100px;
}
fieldset.fsText label input.textbox {
	width: 200px;
	border: 1px solid #666;
}
fieldset.fsText label select {
	color: #FFF;
	width: 200px;
	border: 1px solid #FFF;
}
fieldset.fsText label textarea {
	height: 100px;
	width: 300px;
	border: 1px solid #FFF;
}
fieldset.fsCheckbox {
	margin: 10px;
	border: 1px solid #009;
}
fieldset.fsCheckbox label {
	float: left;
	width: 150px;
}
fieldset.fsCheckbox input[type="checkbox"] {
	width: 10px;
	vertical-align: middle;
}

div.fsRadio { 
	margin: 10px;
	border: 1px solid #009;
	width: 200px;
}
div.fsRadio span {
	margin: 2px;
	padding: 2px;
	font-weight: bold;
	float: left;
}
div.fsRadio label {
	padding: 5px;
	margin-left: 20px;
	width: 150px;
	float: left;
}
div.weak { font-size: 0.9em;
	color: red;
	font-weight:bold;
	padding-left: 5px;
	display: inline;
}
div.good { font-size: 0.9em;
	color: #63F;
	font-weight:bold;
	padding-left: 5px;
	display: inline; }
	
div.strong { font-size: 0.9em;
	color: green;
	font-weight:bold;
	padding-left: 5px;
	display: inline; }

ul.mcList { float: left; width: 250px; }
ul.mcList li {
     margin: .5em 0 0 0;
     padding:0 10px 0 0;
     line-height:1em;
     position:relative;
	 list-style-position: inside;
}

clearL { clear: left }
div.wrapper { margin-bottom: 1em; }
ul.mcList2 {
	column-count: 2;
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari and Chrome */
	width: 30em;
}
ul.mcList2 li {
     margin: .5em 0 0 0;
     padding:0 10px 0 0;
     line-height:1em;
     position:relative;
	 list-style-position: inside;
}
ul.mcList3 {
	column-count: 3;
	-moz-column-count: 3; /* Firefox */
	-webkit-column-count: 3; /* Safari and Chrome */
	list-style-position: inside;
	padding-left: 0;	
}
ul.mcList3 li {
     line-height:1em;
	 list-style: none;
}
li.col2First {
	margin-top: -1em;
}
li.col1 {
	margin-left: 0em;
}
li.col2 {
	margin-left: 15em;
}
.PAGForm { font-size: 1em; color: #000;}
.PAGSet { padding: 5px 10px 5px; }
.PAGSet label, span.PAGAnswer input[type="radio"] {
	display: inline-block;
	font-size: 9pt;
  	vertical-align: middle;
	margin: 0;
}	
/*div.PAGSet p, div.PAGSet ul.gspecies {
	margin-left: 125px;
}
/*div.PAGSet fieldset legend{
	width: 90%}
*/
.PAGQuestion {
	display: inline-block; 
	width: 500px; 
	text-align: left; 
	margin-left: 20px;
	vertical-align: top;
}
.PAGAnswer { 
	width: 100px; 
}
span.PAGAnswer label{
  padding-right: 5px;
}
label.longlabel{
	display: inline-block;
	width: 90%;
}	
input.longlabel {
	vertical-align: top;
}
#frmPAG input[type="checkbox"]{
	vertical-align: middle;
	font-size: 10px;
}
#frmPAG .error { background-color: #ff6; }

#ErrorMsg { background-color:#ff6;
	font-size: 1.25em; 
	font-weight: bold; 
	display: block; 
	padding: 3px 5px 5px 5px; 
	margin: 2px 5% 5px 5%; 
	clear: left; text-align: center; }
#Container { 
	width: 100%; 
	clear: both;
	text-align: center; 
} 
.colLeft { 
	float: left; 
	width: 30%; 
	margin: 2em 1em 2em 0; 
} 
.colRight { 
	float: right; 
	width: 33%; 
	margin: 0 5px -5px 0; 
} 
/* Handle 3 column set up */
#colWrapper {
	display:table;
	width:100%;
}
#row {
	display:table-row;
}
.leftbox {
	width:33%;
	display:table-cell;
	padding-left: 2%;
}
.middlebox{
	width:33%;
	display:table-cell;
	padding-left: 2%;
}
.rightbox{
	width:33%;
	display:table-cell;
	padding-left: 2%;
}
ul.PAGResults li {
	padding-bottom: 10px;
	padding-top: 2px;
}
div.PAGResults span.label {
	display:block;
	width: 10em; 
	float: left;
	text-align: right;
	margin-right: 10px;
}
div.PAGResults div.contact {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 1em;
}
div.sectionnote {
	clear: both;
	font-weight: bold;
	font-style: italic;
	margin-left: 2%; margin-right: 2%;
}
.tallspacer {
	margin-top: 175px;
}
.datefmt:after {
	content: " (mm/dd/yyyy)"; font-size: 9pt; color: #000; font-style:italic;
}
/* Make a button look like a link */
.linkbutton {
	border: 0; margin: 0; padding: 0; background-color: #fff; color: #00f; text-decoration: underline;
}
.linkbutton:hover { color:#c0f; }
.cbList input {
  width: 13px;
  height: 15px;
  padding: 1em 0 0 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  *overflow: hidden;
}
ul.cbList {list-style-type:none;padding:0;width:400px;}
ul.cbList > li:nth-of-type(odd) {
	background-color:#e9e9f9
}
/*ul.cbList li input[type="radio"] {
  margin-top: -1px;
  vertical-align: middle;
}*/
ul.cbList li input {vertical-align:middle}
.cbList label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
ul.cbList li input[type="radio"] {
	display: table-cell;
    vertical-align: middle;
    height: 2em;
    padding:1em;
}
.cbList label {
  display: block;
  padding-left: 15px;
  /*padding-top: 4px;*/
}
label.cbLabel input[type=checkbox]{
	display: block;
}
input.cb {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    *overflow: hidden;
}
.valignm {vertical-align:middle; }
.valignt {vertical-align:top; }
div.tooltip {width: 30%; padding: 5px; background-color: #cfc; border: 3px solid #009; border-radius: 5px; clear:both;}
.trigger {border-bottom: 1px dashed blue; cursor: help;}
.trigger:hover {color: #c0f;}
a.trigger {text-decoration: none;}
.ttTrigger {border-bottom: 1px dashed blue; cursor: help;}
.ttTrigger:hover {color: #c0f;}
a.ttTrigger {text-decoration: none;}

.check {background-color:#ff6; color: #000; font-style: italic; border: 1px solid blue; border-radius: 4px;  font-size: 1.1em;
	font-weight: bold; margin: 1em;}
a.pdf {
    background: transparent url(../images/Adobe_PDF_file_icon_24x24.png) right no-repeat; padding-right: 30px;
/*a.pdf { height: 2.1em; vertical-align: baseline;}*/
/*a.newWin {background: transparent url(../images/newWin.gif) center right no-repeat; padding-left: 18px;}*/
a.external {background: url(../images/disclaimer.png) center right no-repeat; background-size:1.5em; padding: 0 25px; margin-right: 10px; }
div.pra { margin-left: 1%; margin-right: 1%; }
div.pra ul {column-count:2; list-style-type: none;}
ul.noStyle {list-style-type: none;}
.thinBorder {border:solid thin; margin:1pt;}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.charCount {
	float:right;
	padding:2px 4px;
	/*border:1px solid;
	border-radius:10px; 
	background-color:#ffc; */
}
.opts {margin-top:2em; margin-bottom:2em;}
#changeWarning {
	margin:1em;
	font-style:italic;
	text-align:center;
	font-size:10pt;
	font-weight:bold;
	color:#000; 
	background-color:#ff9;
	border-style:solid; 
	border-radius:10px; 
	border-width:1px; 
	padding:.4em;}
.portfolioList {list-style:none;}
input:disabled {background-color:#cccccc; pointer-events:none;}
.setApart {background-color:darkcyan; color: #000; 
	border: 1px solid blue; border-radius:4px; padding:4px 1px; float:right;}
.setApart a:link {font-weight:bold; font-size:1.1em; }
#timeOutWarning {
	display:block;
	position:fixed;
	top:0px;	
	z-index:998;
	height:100%;
	width:50%;		
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:black;
	text-align:center;
	padding:12px;
}
.timeOutContents {
	font-size:large;
	border:5px solid black;
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
}

.text-warning {
    color: #8a6d3b;
}

a.text-warning:hover, a.text-warning:focus {
    color: #66512c;
}

.text-danger {
    color: #a94442;
}

a.text-danger:hover, a.text-danger:focus {
    color: #843534;
}
.bg-warning {
    background-color: #fcf8e3;
}

a.bg-warning:hover, a.bg-warning:focus {
    background-color: #f7ecb5;
}

.bg-danger {
    background-color: #f2dede;
}

a.bg-danger:hover, a.bg-danger:focus {
    background-color: #e4b9b9;
}
.modifyLink {
	padding:0 0 0 25%;
}
input[type=file]::file-selector-button {
	border: 2px solid rgb(22, 51, 80);
	padding: .2em .4em;
	border-radius: .2em;
	background-color: #369;
	color: white;
	transition: 1s;
  }
  
  input[type=file]::file-selector-button:hover {
	background-color: #369;
	color: white;
	border: 2px solid #3399FF;
	 text-decoration: none;
  }