/* #region ' Text Colors ' */
/* #endregion */
/* #region ' Background Colors ' */
/* landing pages */
/* #endregion */
/* #region ' functions ' */
/* #endregion */
/* #region ' mixins ' */
/* #endregion */
/* #region ' sprites ' */
.spriteImages-sprite { background-image: url('../Content/spriteImages-sffe700d534.png'); background-repeat: no-repeat; }

/* #endregion */
/* responsive */
/* 320 */
/* 400 */
/* 448 */
/* 560 */
/* 636 */
/* 768 */
/* 848 */
/* 992 */
@media screen and (min-width: 62em) { body { font-size: 81.3%; } }
.oldie body { font-size: 81.3%; }

.content { padding: 0; }

/* ALL */
.spriteImages-headerRightLogo2, #hdrLogo, .spriteImages-headerLogoSmall { display: none !important; }

#loginPanelOuter a { color: darkblue; }

/* #region MEDIUM */
@media screen and (max-width: 62em) { /* HEADER */
  .hdr { height: 4.5625em; background-image: url("../Content/spriteImages/homeSmallLogo.png"); background-position: center; background-repeat: no-repeat; }
  #hdrDepartment, #hdrNatRes, .spriteImages-headerLogoSmall { display: none; }
  /* HOR NAV */
  .horizontalNav { display: none; }
  /* SLIDESHOW */
  #loginSlideshow { position: relative; height: 18.5em; overflow: hidden; }
  #loginSlideshow img { position: absolute; top: 0; left: 0; z-index: 8; max-width: none; }
  #loginSlideshow img.active { z-index: 10; }
  #loginSlideshow img.last-active { z-index: 9; }
  /* LOGIN panel */
  #login { position: absolute; width: 28.125em; left: 50%; margin-left: -14.0625em; top: 104px; z-index: 15; }
  /* target chrome & safari */ }
@media screen and (max-width: 62em) and (-webkit-min-device-pixel-ratio: 0) { #login { top: 106px; } }
@media screen and (max-width: 62em) { /*target IE9+ */ }
@media screen and (max-width: 62em) and (min-width: 0\0) { #login { top: 104px !important; } }
@media screen and (max-width: 62em) { .loginLabelCell { padding-right: 1em; text-align: right; }
  #loginPanelOuter { height: 15.5em; padding: 2.5em; padding: 32px 22px; background-image: url("../Content/backgrounds/homeActiveTab.png"); clear: left; position: relative; }
  #login ul:not(.chosen-results) { width: 100%; list-style-type: none; }
  #login ul:not(.chosen-results) li { float: left; border: 0px solid; border-bottom-width: 0; margin: 0 .3em 0 0; text-align: center; background-color: #7c7c7c; padding: .6em 3.11111111111111%; line-height: 1em; cursor: pointer; overflow: auto; min-width: 43%; margin-right: 0; font-size: .8em; }
  #login ul:not(.chosen-results) li:nth-of-type(2) { float: right; margin-right: 0; }
  #login ul:not(.chosen-results) li a { font-size: 1em; color: #ffffff; text-decoration: none; }
  #login ul:not(.chosen-results) li a b { font-weight: bold; }
  .loginLabelCell { color: #ffffff; font-size: .8em; }
  .homepageUserNamePrompt { left: .45em; }
  #tdForgotPassward { text-align: left; font-size: .8em; vertical-align: middle; }
  #loginRemember { text-align: right; padding-top: 0.05em; }
  #loginRemember label { margin-right: 1em; color: #ffffff; font-size: .8em; }
  .htmlHelperButtonTopOuter { display: inline-table; }
  #EmailLogonForm table, #AlternateLogonForm table { display: table; margin: 0 auto; }
  #loginPanelOuter { height: 12em; padding: 1em; }
  #homePageLoginEnroll { width: 31em; font-size: .9em; bottom: .7em; left: 0px; }
  #login .htmlHelperButtonTopOuter { background: none; background-color: #e2e6de; border: solid 1px #386603; border-radius: 5px; display: inline-block; }
  .htmlHelperButtonLeftRight, .htmlHelperButtonTopInner, .htmlHelperButtonTopInner { display: none; }
  .htmlHelperButtonBackground { background: none !important; border: none; }
  .htmlHelperButtonClickText { color: #386603; font-size: .9em; padding: .2em .4em; margin: 0; }
  #AlternateLogonForm #loginAltContinue { text-align: right; padding-top: 0em; }
  /* more information */
  #moreInformation { display: none; }
  /* Welcome to COMPASS */
  #welcomeToCompass { display: none; }
  /* PURCHASING */
  #purchasing { margin: 0 auto; width: 26.625em; padding: 1.5em; }
  #purchasing p { font-size: .8em; color: #000000; line-height: 1.25em; }
  #purchasing h2 { padding-top: 1em; padding-bottom: .25em; color: #402e00; }
  #purchasing ul { list-style-position: outside; line-height: 1em; margin-left: 1.3em; columns: 2; -webkit-columns: 2; -moz-columns: 2; margin-left: 2.75em; }
  #purchasing ul li { background-image: url("../Content/responsive/images/homeWelcomeBulletMobile.png"); background-repeat: no-repeat; background-position: 0px 4px; padding: 0.2em 0 0.2em 1.5em; overflow: hidden; }
  #purchasing ul li a { padding: .2em 0; font-size: .8em; bottom: 2px; text-decoration: none; }
  /* MOBILE APP */
  #mobileApp { margin: 0 auto; width: auto; padding: 1.5em; text-align: center; }
  #mobileApp .column, #mobileApp .columns { float: none; margin: 0 auto; width: auto; }
  #mobileApp img { max-width: 100%; }
  /* LOGIN TO COMPASS */
  #loginToCompass { display: none; } }
.hideMedium { display: none; }

.showMedium { display: block; }

/* #endregion */
/* Homepage alert panel */
.circle { height: 1.375em; width: 1.375em; text-align: center; vertical-align: middle; color: #ffffff; font-weight: bold; display: inline-block; border-radius: 0.6875em; line-height: 1.375em; margin-right: .5em; }
.circle.circle-invalid { background-color: #cd6a22; }
.circle.circle-valid { background-color: #164b04; }

.alert_container { line-height: normal; background-color: #ffffff; box-sizing: border-box; padding: 1em; margin: 2em; color: #402e00; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border: 1px solid #d1cbc6; }
.alert_container h2 { margin-bottom: 0.83em; text-align: center; }
.alert_container.warning h2 { color: #cd6a22; }
.alert_container.info h2 { color: #164b04; }
.alert_container p { margin-top: 10px; }

/* #endregion */
/* region 450 */
@media screen and (max-width: 28.125em) { #loginSlideshow { display: none; }
  html { background-image: none; overflow-x: hidden; }
  html, body, divMain, #header, #login, #whatIsCompass, #moreInformation, #purchasing, html, body, content { margin: 0; padding: 0; width: 100%; }
  #login { width: 100% !important; left: 0; position: static; top: 0px; }
  #purchasing { display: none; position: static; }
  #purchasing p, #purchasing h2, #purchasing ul { padding: 1em; }
  #purchasing ul { margin-left: 0; }
  #mobileApp { margin: 0 auto; width: auto; padding: 1em 3em; text-align: center; }
  #moreInformation { margin-top: 2em; }
  #loginToCompass { display: block; text-align: center; margin-bottom: 2em; }
  /* what is compass */
  #whatIsCompass { display: block; text-align: center; }
  /* more information */
  #moreInformation { display: block; text-align: center; }
  /* LOGIN panel */
  #login .inputTextbox, #login input[type="password"] { width: 204px !important; }
  a.centeredMobileNav { background-color: #386603; text-decoration: none; text-align: center; color: #ffffff; font-size: 0.8em !important; padding: .5em; border-radius: .2em; margin: .3em .5em; display: inline-block; line-height: 1em; width: 11em; } }
/* endregion */
/* #region SMALL */
@media screen and (max-width: 25em) { /* Homepage alert panel */
  .alert_container { margin: 1em; }
  /* #endregion */
  	/*.divMain:before { 		content: "LOGIN: (small)" + $smallest + "em, " + ($smallest * 16) + "px"; 		position:absolute; 		background-color:#ff0000; 		padding:.1em; 		color:#ffffff; 		opacity:$resInsertOpacity; 		z-index:999999; 		white-space:nowrap; 		top:2px; 		left:2px; 	} 	*/
  #EmailLogonForm table { border-spacing: 5px; border-collapse: separate; }
  #altContent .loginLabelCell { padding-right: 0; }
  #altContent .tblDivSpacer { border-spacing: 1px; border-collapse: separate; }
  .homepageUserNamePrompt { display: none; }
  #homePageLoginEnroll { text-align: right; width: 100%; }
  #homePageLoginEnroll a { padding-right: 20px; }
  #login #EmailLogonForm input[type="text"], #login #EmailLogonForm input[type="password"] { width: 180px !important; }
  .hideSmall { display: none; }
  .showSmall { display: block; } }
/* #endregion */
/* #region LARGE */
@media screen and (min-width: 62em) { /* Homepage alert panel */
  .alert_container { padding: 2em; margin: 3em; }
  /* #endregion */
  /*.divMain:before { 		content: "LOGIN > (PC)" + $large + "em, " + ($large * 16) + "px"; 		position:absolute; 		background-color:#0000ff; 		padding:.5em; 		color:#ffffff; 		opacity:$resInsertOpacity; 		z-index:999999; 		white-space:nowrap; 		top:2px; 		left:2px; 	} 	*/
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }
  html { overflow: auto; }
  body { overflow: visible; }
  .divMain { background-color: #d1cbc6; }
  .content { padding: 0; }
  /* HEADER */
  #hdrDepartment { font-size: 15px; position: absolute; left: 204px; top: 19px; }
  #hdrNatRes { font-size: 35px; position: absolute; left: 204px; bottom: 10px; }
  /* Horizontal Nav */
  .horizontalNav { display: none; }
  /* mobileNotificationsButton */
  /* whatIsCompass */
  #whatIsCompass, #moreInformation { display: none; }
  /* Login/Slideshow */
  #login { position: absolute; top: 104px; right: 40px; width: 380px; height: 235px; z-index: 11; color: #ffffff; font-size: .9em; }
  .loginLabelCell { padding-right: 1em; text-align: right; }
  #loginPanelOuter { height: 15.5em; padding: 2.5em; padding: 32px 20px 28px; background-image: url("../Content/backgrounds/homeActiveTab.png"); clear: left; position: relative; }
  #login ul:not(.chosen-results) { width: 100%; list-style-type: none; }
  #login ul:not(.chosen-results) li { float: left; border: 0px solid; border-bottom-width: 0; margin: 0 .3em 0 0; text-align: center; background-color: #7c7c7c; padding: .8em 3.11111111111111%; line-height: 1em; cursor: pointer; overflow: auto; min-width: 43%; margin-right: 0; }
  #login ul:not(.chosen-results) li:nth-of-type(2) { float: right; margin-right: 0; }
  #login ul:not(.chosen-results) li a { font-size: 1em; color: #ffffff; text-decoration: none; }
  #login ul:not(.chosen-results) li a b { font-weight: bold; }
  #login ul.chosen-results li { color: #5F5E5E; }
  #login ul.chosen-results li.active-result.highlighted { color: #ffffff; }
  #login ul.chosen-results li.result-selected { color: #ffffff; background-color: #386603; }
  #tdForgotPassward { padding-bottom: .0; vertical-align: middle; }
  #loginRemember, #loginAltContinue { text-align: right; }
  #loginRemember input, #loginRemember label { position: relative; top: 10px; margin-right: 10px; }
  .homepageUserNamePrompt { left: 5px; }
  #loginRemember .htmlHelperButtonTopOuter, #loginAltContinue .htmlHelperButtonTopOuter { display: inline-table; }
  #homePageLoginEnroll { bottom: -4px; left: -1px; position: absolute; }
  #emailContent, #altContent { display: table; margin: 0 auto; }
  #loginPanelOuter label, #loginPanelOuter a { font-size: 1em; }
  #loginPanelOuter a { color: darkblue; }
  .tblDivSpacer { border-spacing: 5px; border-collapse: separate; }
  #altContent table.tblDivSpacer tr td { padding: 0 0 4px; }
  #altContent .tblDivSpacer { position: relative; top: -5px; }
  .tblDoubleDivSpacer { border-spacing: 10px; border-collapse: separate; }
  #altContent .spanSetWidthAlignRightPadded { width: 26%; }
  #emailContent .spanSetWidthAlignRightPadded { width: 23%; }
  #welcomeToCompass { display: block; margin-left: 3em; margin-top: -8em; position: absolute; z-index: 10; }
  #loginSlideshow { display: block; /*height: 18.75em;*/ height: 297px; width: 994px; overflow: hidden; position: relative; }
  #loginSlideshow img { position: absolute; top: 0; left: 0; z-index: 8; }
  #loginSlideshow img.active { z-index: 10; }
  #loginSlideshow img.last-active { z-index: 9; }
  #loginToCompass { display: none; }
  #liCompassAccount { min-width: 130px; }
  /* Purchasing */
  #purchasing { background-color: #eceae8; margin-top: 20px; /*padding:20px 75px;*/ }
  #purchasing p { width: 375px; padding-top: 20px; color: #164b04; font-size: 1.1em; margin-left: 75px; }
  #purchasing h2 { color: #402e00; padding: 0.8em 0; margin-left: 75px; }
  #purchasing ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; width: 500px; padding-bottom: 20px; margin-left: 102px; list-style: none; }
  #purchasing ul li { background-image: url("../Content/responsive/images/homeWelcomeBullet.png"); background-repeat: no-repeat; background-position: 0px 0px; padding: 0.2em 0 0.2em 2.25em; overflow: hidden; }
  #purchasing ul li a { text-decoration: none; color: #164b04; font-size: 1.1em; position: relative; bottom: 7px; cursor: default; }
  .spriteImages-headerLogo { left: 27px; }
  #mobileApp { position: absolute; top: 0; right: 5%; left: 64%; text-align: center; padding-top: 16px; }
  #mobileApp img { width: auto; }
  .hideLarge { display: none; }
  .showLarge { display: block; }
  /* target chrome & safari */ }
@media screen and (min-width: 62em) and (-webkit-min-device-pixel-ratio: 0) { #purchasing ul { margin-left: 47px; }
  #login { top: 143px; } }
@media screen and (min-width: 62em) { /*target IE9+ */ }
@media screen and (min-width: 62em) and (min-width: 62em) and (min-width: 0\0) { #login { top: 103px; } }
@media screen and (min-width: 62em) { /*iPad*/ }
@media only screen and (min-width: 62em) and (-webkit-min-device-pixel-ratio: 2) { #altContent .tblDivSpacer { width: 360px !important; position: relative; left: -20px; }
  #login ul.chosen-results li { color: #5F5E5E; } }
/* #endregion */
/* #region header test */
#testSmll { display: none; }

/* #endregion */
#loginPanelOuter form select { width: 220px !important; }
@media only screen and (min-width: 25px) { #loginPanelOuter form select { width: 272px !important; } }
@media only screen and (min-width: 62px) { #loginPanelOuter form select { width: 215px !important; } }

#loginPanelOuter form span select { width: 75px !important; }
@media only screen and (min-width: 25px) and (max-width: 62px) { #loginPanelOuter form span select { width: 90px !important; } }

/* HUNTING, fishing, boating, vehicle containers */
.hfUlContainer { background-color: #e1e1e1; }

#hunting, #fishing, #boating, #vehicle { margin: 0 auto; width: 100%; padding: 1.5em; box-sizing: border-box; }
@media only screen and (min-width: 35em) and (max-width: 62em) { #hunting, #fishing, #boating, #vehicle { width: 50%; float: left; padding: 1em 1em 0; height: 354px; }
  #hunting .hfUlContainer, #fishing .hfUlContainer, #boating .hfUlContainer, #vehicle .hfUlContainer { height: 75%; } }
@media only screen and (min-width: 39.75em) and (max-width: 62em) { #hunting, #fishing, #boating, #vehicle { height: 300px; } }
@media only screen and (min-width: 48em) { #hunting, #fishing, #boating, #vehicle { width: 25%; float: left; padding: 1em; height: 440px; } }
@media only screen and (min-width: 62em) { #hunting, #fishing, #boating, #vehicle { float: left; height: 320px; }
  #hunting .hfUlContainer, #fishing .hfUlContainer, #boating .hfUlContainer, #vehicle .hfUlContainer { background-color: #fff; height: 80%; } }
#hunting img, #fishing img, #boating img, #vehicle img { float: right; top: -.5em; position: relative; }
#hunting h3, #fishing h3, #boating h3, #vehicle h3 { background-color: #91b286; padding: 0.7em 0 0.7em 0.9em; color: #164b04; margin-bottom: 0; font-size: 1em; }
#hunting ul, #fishing ul, #boating ul, #vehicle ul { list-style: none; list-style-position: inside; padding: 1em; width: 100%; box-sizing: border-box; }
#hunting ul li a, #fishing ul li a, #boating ul li a, #vehicle ul li a { padding: .3em 0; color: #164b04; text-decoration: none; font-size: .8em; white-space: normal; line-height: 1.25; }
#hunting ul li a:hover, #fishing ul li a:hover, #boating ul li a:hover, #vehicle ul li a:hover { color: black; }
@media only screen and (min-width: 62em) { #hunting ul li a, #fishing ul li a, #boating ul li a, #vehicle ul li a { font-size: 1em; } }

    /* #hunting{
			margin-top:2em;
		}
		#fishing{
			margin-top:2em;
		}
 #fishing ul, #hunting ul {
		width:90%;
	}
 #hunting ul, #fishing ul{
		list-style-position:outside;
	}
	#hunting ul li, #fishing ul li{
		line-height:.8em;
		padding:.5em;
	}
	#hunting ul li a, #fishing ul li a{
		word-wrap:break-word;
		white-space:pre-wrap;
	}

#hunting img, #fishing img { float: right; top: -.3em; position: relative;
}

#hunting h3, #fishing h3 { background-color: $homePageLightGreen; padding: 0.7em 0 0.7em 0.9em; color: $homepageLinkGreen; margin-bottom: 0; font-size: 1.3em;
}



#hunting ul, #fishing ul { list-style-position: inside; padding: 1em; list-style-type: none;
}

#hunting ul li, #hunting ul li a, #fishing ul li, #fishing ul li a { padding: .5em 0; color: $homepageLinkGreen; text-decoration: none; font-size: 1.1em;
}

#hunting { //margin-top:-350px; //margin-top: -485px; margin-top: -455px;
}

#hunting, #fishing { float: right; width: 425px; margin-right: 20px; top: auto;
}

#hunting img, #fishing img {
}

#fishing { clear: right; //margin-top: -105px; //margin-top: -255px; margin-top: -235px;
}

#hunting ul, #fishing ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; font-size: .8em; width: 450px; line-height: 1.2; margin-left: 10px;
}
*/

/*# sourceMappingURL=login.css.map */