body {
	background-color:#ffffff;
}

a, a:active, a:link, a:visited {
	color:#a02735;
}

/* most up to date CSS test.. */


p img {
	vertical-align:middle;
}
ol, ol li {
	clear:both;
}
li ul, li ol { margin: 0.25em 0.5em 0.25em 2em }
acronym, abbr { border-bottom:1px dotted #cccccc; }

.sidenote {
	color:#999999;
	font-style:italic;
	font-size:0.9em;
}
	.sidenote.backnav { margin-top:-1.5em; }
	.sidenote.jumpnav { margin-top:-1.25em;text-indent:0.5em;margin-bottom:0.5em;font-style:normal;font-size:0.8em; }
	a.sidenote { color:#999999 !important; }
	a.sidenote:hover, a.sidenote:focus { color:#a02735 !important; }
	.sidenote em { font-style:normal; }
#workhistrange p.sidenote {
	margin-bottom:0;
	margin-top:0.25em;
}
#workhistrange p.sidenote strong,
.health #main-col p.sidenote em,
.pension #main-col p.sidenote em {
	color:#0099cc;
	font-style:normal;
	font-weight:normal;
}

.page-block {
    margin: 0 0 1.25rem;
    display: flow-root;
    clear: both;
}
.page-block > :first-child {
    margin-top: 0;
}
.page-block > :last-child {
    margin-bottom: 0;
}

.page-block h2 {
    margin: 0 0 0.5rem;
}

/***
 * Cross-Browser Wide Scroll (jQ)
 * v 1.0.0, see repo interface/common-solutions/xbrowser--wide-scroll
 * NOTE: Edited. Only basics; no JS.
 */

 .ui-wide-horiz-container {
    border-bottom: 1px solid transparent; /* avoid ios7 issue ? */
    overflow-x: auto; /* avoid ugly bars in most browsers, use js test for iOS */
    -webkit-overflow-scrolling: touch;
}

table {
	width:100%;
	font-size:0.925em;
	clear:both;
}
	.labelinput table:last-child { margin-bottom:0; }
	.statspage table { margin-bottom:2em; }
caption {
	padding: 0.5em 0;
	margin:1em 0 0 -1px;
	letter-spacing: 0.05em;
	background-color:#f6f6f6;
	border: 1px solid #dddddd;
	color:#49C24E;
	font-weight:bold;
}
	.statspage caption { margin-top:0; }
	caption a.alert, .sidenote .alert {
		font-weight:bold !important;
		text-decoration:none;
		font-size:1.25em;
		font-style:normal;
	}
th, td {
	padding:0.25em;
	border-color:#bfbfbf;
	text-align:center;
}
th {
	background-color:#666666;
	color:#ffffff;
	border-color:#666666 #888888 #888888;
	font-weight:normal;
}
	th acronym, th abbr { border-color:#ffffff; }
th.alt {
	background-color:#f5f5f5;
	color:#0099cc;
	border-color:#bfbfbf;
	font-weight:bold;
}
tr.sub th {
	padding: 0.25em;
	background-color:#f0f0f0;
	border-color:#bfbfbf;
	color:#555555;
}
th.super { padding:0.05em 0.1em 0.1em; }
tr.total th, tr.total td { border-width:3px 1px; border-style: double solid solid;padding-top:0.85em; }
tr.total th { text-align:right;padding-right:0.5em; }

td.spacer { border-width: 0 1px; background-color:#ffffff !important; }

tr.downloaded td { background-color:#e0e090;color:#555555;font-style:italic; }
tr.downloaded:hover td,
tr.downloaded.hover td { background-color:gold; }

tr.actionbar td { border:0; padding: 0.5em 0 0.25em; }
tr.actionbar td:hover, tr.actionbar:hover td { background-color:transparent; }

td.number, td.rate, td.hours, td.due { text-align:right;padding-right:0.5em; }
.breakdown td.rate, .breakdown td.hours { background-color:#fafafa;color:#666666; }
.breakdown td.hours, .breakdown td.due { background-color:#f6f6f6;font-weight:bold; }
.breakdown td.due {
	color:#0099CC;
	font-weight:normal;
	border-right-width:3px !important;
	border-right-style:double !important;
}
.breakdown td.total-due {
	background-color:#f0f0f0;
	font-weight:bold;
	border-right-width:1px !important;
	border-right-style:solid !important;
}
.breakdown tr.total th { width:25%; }

#content td.radios {
	background-color:#f5f5f5;
	width:3.5em;
	font-size:0.9em;
	border-color:#dadada;
	text-align:center;
}
	#content table.results td.radios { width:2em; }
	#content .actionbar td.radios { background-color:transparent;width:auto;text-align:left;padding: 0.5em 0 0 0.8em; }
#content td.radios label {
	margin: 0 0 0;
	float:none;
	display:block;
	padding-bottom:0.1em;
}
	#content .actionbar td.radios label { display:inline; padding: 0 0.5em; vertical-align:text-bottom; }
#content td.radios input[type="radio"],
#content td.radios input.radio,
#content td.radios input[type="checkbox"],
#content td.radios input.checkbox {
	display:inline;
	float:none;
	padding: 0 0;
	margin: 0 0;
}

.form-table { border: 1px solid #bfbfbf; }
.form-table tbody th, .form-table td {
	border-color:#bfbfbf;
	background-color:#ffffff;
	color:#333333;
}
.form-table tbody th {
	text-align:right;
	width:30%;
}
.form-table.implicit tbody th {
	width:auto;
}
.form-table tr:hover td, .form-table tr.hover td,
.form-table tbody tr:hover th, .form-table tbody tr.hover th { background-color:#f5f5f5; }
.form-table tbody tr:hover * { font-weight:bold; }
#content .form-table label { display:block;float:none; }

th.del {
	color:#bb0000;
	border-color: #dadada #f5f5f5;
	text-align:right;
}
th.del, td.del { background-color:#f5f5f5;width:3.5em;font-size:0.9em; border-right: 1px solid #f5f5f5;border-bottom-color:#dadada; }
td.del, .form-table tbody tr:hover td.del, .form-table tbody tr.hover td.del {
	text-align:center !important;
	background-color:#f5f5f5;
	border-left: 1px solid #bfbfbf;
}
#content td.del input { margin: 0 0 0 !important;display:inline !important;float:none; }


.error, .alert,
.error a, .alert a,
.intmenu .error a, .intmenu .alert a {
	color:#aa3333;
	font-weight:bold;
	text-decoration:none;
}
	label .alert { font-size:1.15em; }
.pendchange, .pendchange a, #tabwrap .pendchange a {
	color:#0099cc;
	text-decoration:none;
}
#tabwrap .pendchange  {
	background:#ffffff;
	color:#cccccc;
	margin: 0 -1px -1em -1px;
	font-style:italic;
	padding: 0;
	font-size:0.9em;
	overflow:hidden;
}
#tabwrap .pendchange a {
	background:#fafafa;
	float:left;
	display:block;
	border: 1px solid #dddddd;
	border-top-color:#eeeeee;
	padding:3px 6px;
	margin-left:0.25em;
}

.small {
	font-size:0.8em;
}
	.newmem h2 .small { color:#666666; }
.center, .centered {
	text-align:center !important;
}
.right {
	text-align:right !important;
}
.left {
	text-align:left !important;
}

ul.menu {
	margin: 0 0 1em;
	padding: 1px 1px 1px;
	overflow:hidden;
}
ul.menu li {
	list-style-type:none;
	float:left;
	display:block;
	margin-right:1em;
}

/* page-interior menu box: div.intmenu > h2 + ul.menu */
.intmenu {
	font-size:0.8em;
	margin: -0.75em 0 3em;
	padding-left:1em;
}
.intmenu h2 {
	font-size:1.1em;
	color:#999999 !important;
	margin: 0 0 0;
	padding-right:0.25em;
	display:inline;
}
.intmenu ul.menu, .intmenu ul.menu li {
	display:inline;
	float:none;
}
.intmenu li {
	margin: 0 0 !important;
	padding: 0 0.5em !important;
}
.intmenu a {
	color:#aaaaaa;
}

h1,h2,h3,h4,h5 {
	font-family: Arial, Helvetica, sans-serif;
}
#main-col h1 { padding-right:130px; }
#main-col h2 { color:#0099cc; }
#main-col h3 { color:#666666; }
.tabs h2 { margin: 2em 0 0.25em; }
	.tabs-alt h2 { margin: 1em 0 1em 0; }
.tabs h2 + table #content .tabs h2 + p { margin-top:1em; }
	.tabs-alt h2 + table { margin-top:0; }
.login-land h3 { margin: 1.5em 0 0.5em; }
h3.inline {
	float:left;
	font-size:1.05em;
	clear:none;
	margin: 0 0.25em 0;
	padding-top:0.25em;
}

#ubercontainer {
	overflow:hidden;
	background-image:url(../images/top-slice.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	min-width:960px;
}
#ubercontainer>div {
	position:relative;
	top:0;
	left:0;
	padding:1px;
	overflow:hidden;
	width:960px;
	margin: 0 auto;
}
#ubercontainer div.bghax {
	position:absolute;
	top:0;
	left:0;
	padding:0;
	width:50%;
	margin: 0 0;
	background-image: url(../images/title-slice.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	height:93px;
}
/* #ubercontainer #head-left { } */
#ubercontainer #head-right {
	left:50%;
	background-image: url(../images/nontitle-slice.png);
}

/* header */
#header {
	height:93px;
	margin-bottom:17px !important;
	padding: 0 0 !important;
	background-image: url(../images/nontitle-slice.png);
	background-repeat:repeat-x;
	background-position:0 0;
	overflow:visible !important;
}
#header>* {
	float:left;
	height:93px;
	margin: 0 0;
}
#site-title {
	position:relative;
	top:0;
	left:0;
	margin-right:0.25em;
	background-image: url(../images/title-slice.png);
	background-repeat:repeat-x;
	background-position:0 0;
}
#site-title a {
	display:block;
	min-height:67px; /* to equal 93 */
	padding: 0 5px;
	text-decoration:none;
	color:#ffffff;
}

#site-title a strong {
	clear: both;
	font-size: 60px;
	line-height: 50px;
	display: block;
    padding: 0.25rem 0 0;
}
#site-title a strong em {
	font-style:normal;
	color:#499835;
	font-size:0.55em;
	float:right;
	clear:none;
	text-transform:uppercase;
	text-shadow: 0 1px 0.1em #fff;
	text-shadow: 0 1px 0.1em rgba(255, 255, 255, 0.8);
}

#site-title .env-banner {
	position: absolute;
	top: 90%;
	left: 2.5%;
	width: 90%;
	font-size: 1rem;
	font-weight: bold;
	background-color: orange;
	padding: 0.25em 2.5%;
	border-radius: 0.5rem;
	line-height: 1;
	color: saddlebrown;
	text-align: center;
	text-transform: capitalize;
    box-shadow: 0 0 3px;
}

.not-prod-env #site-title .env-banner,
[data-env="draft"] #site-title .env-banner,
[data-env="dev"] #site-title .env-banner {
    background-color: white;
    color: #333;
}

.not-prod-env #site-title .env-banner::after,
[data-env="draft"] #site-title .env-banner::after,
[data-env="dev"] #site-title .env-banner::after {
    content: 'Draft';
    display: block;
    position: absolute;
    top: -0.25rem;
    right: -0.5rem;
    background: orange;
    color: saddlebrown;
    padding: 0.25rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    line-height: 1;
    box-shadow: 0 0 3px green;
    text-transform: uppercase;
}

[data-env="dev"] #site-title .env-banner::after {
    content: 'Dev';
}

#site-title .env-banner[data-env-name]::after {
    content: attr(data-env-name);
}


#session-spec {
	margin-top:40px;
	height:26px;
	overflow:hidden;
}
#session-spec div {
	float:left;
	clear:none;
	margin: 0 0.25em;
	line-height:26px;
	position:relative;
}
#session-spec p {
	float:left;
	clear:none;
	margin: 0 0 0 !important;
	padding: 0 8px;
	color:#DCF0D7;
	background-color:#4fa439;
	background-color: rgba(25,25,25,0.12);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-width:4.5em;
}
#session-spec em {
	font-style:normal;
	font-weight:normal;
	text-transform:lowercase;
	display:block;
	float:left;
	clear:none;
	padding: 0 0.35em 0 0.5em;
	margin: 0 6px 0 -8px;
	color:#a0e38f;
	background-color:#469632;
	background-color: rgba(64,140,45,0.6);
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
	#session-spec .local-spec p {
		font-weight:bold;
		padding-right:10px;
		text-transform:uppercase;
	}
	#session-spec .local-spec em {
		margin-right:8px;
	}
	.login #session-spec { margin-top:62px; }

#acct-menu {
	float:none;
	overflow:hidden;
	height:22px;
}
#acct-menu ul, #acct-menu li, #acct-menu a {
	float:right;
	display:block;
	list-style-type:none;
	padding: 0 0;
	margin: 0 0;
}
#acct-menu ul { padding-left:1px; }
#acct-menu li {
	font-size:12px;
	line-height:19px;
	margin-left:0	;
	height:20px;
	border-bottom: 1px solid #499835;
	background-image: url(../images/top-menu-fade-no-bg.png);
}
#acct-menu li img { margin-top: 3px; }
#acct-menu a {
	display:block;
	padding: 0 10px 1px;
	text-decoration:none;
	background-image: url(../images/top-menu-fade-no-bg.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	border: 1px solid #499835;
	border-width: 1px 0 1px 1px;
	margin-top:-1px;
	color:#666666;
	font-weight:bold;
}
#acct-menu li.home, #acct-menu a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;
	border-bottom-left-radius: 9px;
}
	#acct-menu li.logout, #acct-menu .logout a {
		-webkit-border-radius: 9px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 9px;
		-moz-border-radius-topleft: 0;
		border-radius: 9px;
		border-top-left-radius: 0;
	}
	#acct-menu li.logout {
		-webkit-border-bottom-left-radius: 0;
		-moz-border-radius-bottomleft: 0;
		border-bottom-left-radius: 0;
	}
	#acct-menu .logout a {
		color:#a02735;
		border-width: 1px 1px 1px 1px;
		background-image: url(../images/top-menu-logmid-no-bg.png);
	}
	#acct-menu li.home a {
		padding-right:6px;
		padding-left:8px;
		line-height:13px;
	}
	#acct-menu li.home, #acct-menu li.home a {
		-webkit-border-top-left-radius: 9px;
		-moz-border-radius-topleft: 9px;
		border-top-left-radius: 9px;

	}

#mssg-cntr {
	float:right;
	color:#ffffff;
	font-size:0.8em;
	background-image: url(../images/spot-fade.png);
	background-repeat:no-repeat;
	background-position: 5px -7px;
	padding: 0 100px;
	margin-right:-100px;
}
#mssg-cntr h2 {
	margin: 12px 0 0;
	padding: 20px 53px 0 0;
	text-transform:uppercase;
	font-size:1.1em;
	position:relative;
	top:0;
	left:0;
}
#mssg-cntr a {
	color:#ffffff;
}
#mssg-cntr h2 a {
	text-decoration:none;
}
#mssg-count {
	color:#a02735 !important;
	display:block;
	position:absolute;
	top:0;
	right:0;
	background-image: url(../images/mssgCenter.png);
	background-repeat:no-repeat;
	background-position: 0 0;
	height:33px;
	width:44px;
}
#mssg-count strong {
	display:block;
	width:20px;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	font-size:12px;
	line-height:12px;
	overflow:visible;
}
#mssg-cntr p {
	font-size:0.85em;
	line-height:1em;
}
#mssg-cntr p a {
	font-weight:bold;
}
.message h3 {
	color:#6a6a6a;
	font-size:1em;
	font-weight:normal;
}
.message h3 em {
	font-weight:bold;
	color:#0099cc;
	font-style:normal;
	font-size:1.2em;
}
.mssginfo {
	border-bottom: 3px double #dddddd;
	padding-left:1.5em;
	padding-bottom:0.2em;
	color:#888888;
	margin-top:-0.75em;
	font-size:0.95em;
}
.mssginfo strong {
	font-weight:normal;
	color:#49c24e;
}
.mssg-content {
	border-bottom: 1px dotted #dddddd;
	padding: 10px;
	margin-bottom:1em;
}

/* content */
#content {
	overflow:visible !important;
	min-height:25em;
	z-index:50;
}

#nav-col {
	width:250px;
	z-index:20;
}
#main-col {
	width:670px;
	margin: 0 0 0 33px;
	padding-left:0;
	background-color:#ffffff;
	z-index:10;
}

/* main menu */
#navbox {
	position:relative;
	top:0;
	left:0;
	width:250px;
	margin-bottom:4em;
}
#wlk-link {
	display:block;
	text-align:right;
	font-size:0.8em;
	font-style:italic;
	color:#aaaaaa;
}
/* undo when working */
#wlk-link { overflow:hidden; text-indent:-9999em; text-align:left; }

#main-menu {
	margin: 2px 0 2em;
	overflow:visible;
}
#main-menu li {
	margin: 0 0 0;
	padding: 0 0 0;
	display:block;
	float:none;
	clear:both;
	position:relative;
	top:0;
	left:0;
	font-size:1em;
	width:13rem;
}
	#main-menu li:hover, #main-menu li:focus,
	#main-menu li.hover {
		background: #f7f7f7;
	}
	#main-menu .submenu li:hover, #main-menu .submenu li:focus,
	#main-menu .submenu li.hover {
		background: #eeeeee;
	}
#main-menu a {
	display:block;
	padding: 10px;
	letter-spacing:0.03em;
	text-decoration:none;
	color:#666666;
	border-bottom: 1px solid #ebefde;
}
#main-menu strong {
	display:block;
	font-size:1.2em;
	line-height:0.8em;
	letter-spacing:0;
}
	#main-menu li:hover strong, #main-menu li:focus strong,
	#main-menu li.hover strong {
		color:#49c24e;
	}
	#main-menu li:hover .submenu strong, #main-menu li:focus .submenu strong,
	#main-menu li.hover .submenu strong {
		color:#666666;
	}
	#main-menu .submenu li:hover strong, #main-menu .submenu li:focus strong,
	#main-menu .submenu li.hover strong {
		color:#777777;
	}
	/* here states */
	.contracts #main-menu li.contracts,
	.reciprocity #main-menu li.reciprocity-reports,
	.employers #main-menu li.employers,
	.employees #main-menu li.employees,
	.payees #main-menu li.payees,
	.remittances #main-menu li.remittances,
	.announcements #main-menu li.announcements,
	.export #main-menu li.export,
	.reports #main-menu li.reports,
	.calendar #main-menu li.calendar,
	.pension-reports li.pension-reports {
		background: #f7f7f7;
	}
	.contracts #main-menu li.contracts > a strong,
	.reciprocity #main-menu li.reciprocity-reports > a strong,
	.employers #main-menu li.employers > a strong,
	.employees #main-menu li.employees > a strong,
	.payees #main-menu li.payees > a strong,
	.remittances #main-menu li.remittances > a strong,
	.announcements #main-menu li.announcements > a strong,
	.export #main-menu li.export > a strong,
	.reports #main-menu li.reports > a strong,
	.calendar #main-menu li.calendar > a strong,
	.pension-reports #main-menu li.pension-reports > a strong {
		color:#49c24e;
	}
	.contracts #main-menu:hover li.contracts > a strong,
	.reciprocity #main-menu:hover li.reciprocity-reports > a strong,
	.employers #main-menu:hover li.employers > a strong,
	.employees #main-menu:hover li.employees > a strong,
	.payees #main-menu:hover li.payees > a strong,
	.remittances #main-menu:hover li.remittances > a strong,
	.announcements #main-menu:hover li.announcements > a strong,
	.export #main-menu:hover li.export > a strong,
	.reports #main-menu:hover li.reports > a strong,
	.calendar #main-menu:hover li.calendar > a strong,
	.pension-reports #main-menu:hover li.pension-reports > a strong {
		color:#666666;
	}
	.contracts #main-menu:hover li.contracts:hover > a strong,
	.reciprocity #main-menu:hover li.reciprocity-reports:hover > a strong,
	.employers #main-menu:hover li.employers:hover > a strong,
	.employees #main-menu:hover li.employees:hover > a strong,
	.payees #main-menu:hover li.payees:hover > a strong,
	.remittances #main-menu:hover li.remittances:hover > a strong,
	.announcements #main-menu:hover li.announcements:hover > a strong,
	.export #main-menu:hover li.export:hover > a strong,
	.reports #main-menu:hover li.reports:hover > a strong,
	.calendar #main-menu:hover li.calendar:hover > a strong,
	.pension-reports #main-menu:hover li.pension-reports:hover > a strong {
		color:#49c24e;
	}

#minside-menu {
	margin-top:2em;
	padding: 5px 10px 10px;
	background: #f5f5ff;
	border-width: 1px 0;
}
#minside-menu a {
	color:#555555;
	font-size:0.9em;
}

.submenu {
	display:none;
	position:absolute;
	top:0;
	left:100%;
	background:#ffffff;
	border: 1px solid #dddddd;
	margin: 0 0;
	z-index:200;
}
	li:hover .submenu, .submenu:hover,
	li:focus .submenu, .submenu:focus,
	li.hover .submenu, .submenu.hover {
		display:block;
	}

/* I use clearfix to override overflow:hidden, my default float enclosing method */
#content .clearfix {
	zoom:1;
	overflow:visible !important;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.labelinput.clearfix {
	padding-bottom:1px;
}

.relcontainer {
	position:relative;
	top:0;
	left:0;
	overflow:visible !important;
}
.vroom {
	cursor:pointer;
	padding:5px;
	text-decoration:underline;
}
	a.vroom {
		padding:0;
	}
	.popopen .vroom {
		background-color:#f0f0f0;
	}
.vroomwrap {
	min-width:20em;
	border: 1px solid #cccccc;
	border-width: 1px 0;
	padding:1em;
	position:relative;
	top:0;
	left:0;
}
	.vroomwrap a.unvroom {
		position:absolute;
		bottom:0.5em;
		right:1.5em;
		font-size:0.8em;
	}


span.more-detail {
	display:none;
	position:absolute;
	top:85%;
	left:25%;
	width:15em;
	min-height:5em;
	padding:10px;
	background-color:#ffffff;
	border: 1px solid #dddddd;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	cursor:pointer;
}
.has-detail:hover span.more-detail, .has-detail:focus span.more-detail,
.has-detail.hover span.more-detail {
	display:block;
}
	.has-detail:hover span.more-detail:empty,
	.has-detail:focus span.more-detail:empty {
		display:none;
	}

/** things that contain .more-detail */
.has-detail {
	position:relative;
	top:0;
	left:0;
}


a.copy-me-link:link {
    color: #aaa;
    border: 1px solid #ccc;
    display: block;
    float: right;
    max-width: 3em;
    padding: 0.125rem 0.25rem;
    margin: 0 0 0.5rem 0.5rem;
    text-align: center;
    text-decoration: none;
    border-radius: 0.25rem;
    font-size: 0.85em;
    position: relative;
    z-index: 200;
}

a.copy-me-link:hover,
a.copy-me-link:focus {
    color: #444;
    border-color: #444;
}

a.copy-me-link:active {
    background-color: #555;
    color: #eee;
    border-color: #eee;
    box-shadow: inset 0 0 7px #000;
}

.copy-me {
    margin-bottom: 1rem;
    float: none;
}

/* in case no JS */
.copy-only {
    display: none;
}

.has-js .copy-only {
    display: block;
    position: absolute;
    top: -999rem;
    left: -999rem;
}


select.fullselect {
	width: 100% !important;
	display:block;
	margin: 0 auto 1em;
}
div.labelinput.has-fullselect,
div.labelinput.has-textarea { float:none; }
fieldset.discrete.has-full-select { overflow:visible; }

fieldset.thin-selectbox {
	float:right;
	clear:both;
	width:auto;
	margin-bottom:0.25em;
	font-size:0.8em;
}
#content .thin-selectbox input[type="submit"],
#content .thin-selectbox input.submit {
	padding: 0 3px;
}

/* fixing IE6 etc. select boxes */
.select-free {
	position:absolute;
	z-index:10;
	overflow:hidden;
}
.select-free iframe {
	display:none; /*sorry for IE5*/
	display/**/:block; /*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;/* any big value*/
	height:3000px/* any big value*/;
}

/* download docs box */
#dldocs {
	margin-top:-0.75em;
	margin-bottom:1em;
	border: 1px solid #cccccc;
	background-color:#fcfcfc;
	font-size:0.8em;
	padding:10px;
	line-height:1.5em;
}
	#dldocs + h2, #dldocs + form h2:first-child, #dldocs + #tab-body form h2:first-child {
		margin-top:1.25em;
	}
#dldocs h2 {
	font-size:1.1em;
	display:inline;
	margin: 0 0 0;
	color:#0099CC;
}
#dldocs ul, #dldocs li {
	list-style-type:none;
	display:inline;
	padding: 0 0 0;
	margin: 0 0 0;
}
#dldocs li {
	padding: 0 0.5em;
	border-right: 1px solid #dddddd;
}
#dldocs a {
	color:#666666;
}

.form-pre-btns {
    margin: 0 0 2rem;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 0 0 1rem;
}

/* body.detail-page {} */
#detail-spread { margin-bottom:0.5em;position:relative; }
#detail-spread h2 {
	font-size:1em;
	color:#555555;
	float:left;
	clear:none;
	margin:0 0.5em 0;
	line-height:1.2em;
}
#detail-spread > div { padding:1px; }
#detail-spread .col1 { margin-bottom:1em; width:47.5%;padding-right:2.5%;border-right: 1px solid #dddddd; }
	.remittances #detail-spread .col1 { width:42.5%; }
#detail-spread .col2 { width:45%;margin-left:0;padding-left:2.5%;  }
#detail-spread p { margin-bottom:0.5em;min-height:1.25em; }
#detail-spread .effective { margin-top:-1em;color:#888888; font-style:italic; }
#detail-spread .edit-me { margin-top:0.5em; }
.detail-page #content h1 { padding-right:0; }
.detail-page h1 .effective { margin: 0 0 0 0;float:right;clear:none;font-size:.65em;color:#888888;font-weight:normal; }
#detail-spread .description { overflow:hidden; }
	.process-me {
		background-color:#333333;
		border:5px solid #333333;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}
	#detail-spread .process-me h2 {
		color:#aaaaaa;
		float:left;
		clear:none;
		height:3.5em;
		line-height:3.5em;
		margin: 0 1em 0;
	}
	.process-me fieldset {
		background-color:#ffffff;
		float:none;
		clear:none;
		border:0;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
		width:auto;
		margin: 0 0 0;
		padding: 0 1em 1em;
	}

/* quick search and filtering */

.spring-filter { display:none; }
.has-js .spring-filter { display:inline; }

.q-multi-searchable form.quicksearch { display:none; }

.super-hide { display:none !important; }

#content .quicksearch {
	clear:both;
	overflow:hidden;
	padding: 5px 10px;
	border: 1px solid #555555;
	border-width: 1px 0;
	background-color:#f7f7f7;
}
	#content .tab-show .quicksearch { font-size:1.01em; }
#content .quicksearch label {
	background-color:#555555;
	color:#ffffff;
	margin: 0 0 0 !important;
	float:left;
	display:block;
	padding:0.3em 0.5em !important;
}
#content .quicksearch input { width:60% !important; margin: 0 1em 0 0 !important; }
.quicksearch .alert { float:none;clear:both;margin: 0.25em 0 0 0;font-weight:normal; }

#announcement-list li {
	padding: 0.3em;
}
#announcement-list .date {
	padding-right:1em;
}

.hidden-tags { display:none; }

#filter-options {
	clear:both;
	overflow:hidden;
	float:none;
	padding: 0.2em 0 0 1em;
	margin-bottom:-0.1em;
}
#filter-options .labelinput {
	margin: 0 0.1em 0 0;
	padding: 0.05em 0.1em;
	float:left;
	clear:none;
	border-right: 1px solid #aaaaaa;
}
	#filter-options .labelinput:last-child,
	#filter-options .labelinput.last {
		border-right:0;
	}
#content #filter-options input {
	width:auto !important;
	margin: 0.25em !important;
	float:left;
	position:relative;
	top:1px;
	left:0;
}
#content #filter-options label {
	background-color:transparent;
	color:#666666;
	padding: 0.25em 3px 0 !important;
	line-height:1em;
	font-size:0.9em;
}
	#content #filter-options label.sidenote { color:#999999; }



/* forms */
#edit-info {
	background-color:#f0f0f0;
	border: 1px solid #cccccc;
	-moz-border-radius:20px;
	-moz-border-radius-topright:0;
	-moz-border-radius-topleft:0;
	-webkit-border-radius:20px;
	-webkit-border-top-right-radius:0;
	-webkit-border-top-left-radius:0;
	border-radius:20px;
	border-top-right-radius:0;
	border-top-left-radius:0;
	padding: 1em 10% 0;
	margin: 1em 0;
}
#edit-info.has-flex-cols {
    padding: 1rem 1rem;
}
    #edit-info fieldset {
        background-color:#f3f3f3;
    }
    #edit-info fieldset.discrete {
        background-color:#f0f0f0;
    }

label:hover, label.hover {
	cursor:pointer;
}
#content label:hover, #content label:focus, #content label.hover {
	text-decoration:underline;
}
	#content label.nohigh:hover, #content label.nohigh:focus {
		text-decoration:none;
	}
#content legend {
	margin-left:-0.5em;
	color:#8c8c8c;
	font-weight:bold;
}
#content label,
#content input[type="text"], #content input.text,
#content input[type="password"], #content input.password,
#content input[type="file"], #content input.file,
#content input[type="radio"], #content input.radio,
#content input[type="checkbox"], #content input.checkbox,
#content input[type="submit"], #content input.submit,
#content input[type="reset"], #content input.reset,
#content button, #content .button,
#content select,
p .label, p .result {
	float:left;
	clear:none;
	margin: 0 0.5em;
}
	#content .new-one a.button {
		float:right;
		display:block;
		margin: 0 0;
		text-decoration:none;
		background-color:#f7f7f7;
	}
		#content .new-one a.button:hover,
		#content .new-one a.button:focus {
			color:#49c24e;
		}
		#content .new-one a em {
			background-color:#cccccc;
			color:#555555;
			float:left;
			clear:none;
			padding: 0.25em 0.3em 0.25em 0.25em;
			margin: -4px 6px -4px -7px;
			-moz-border-radius:6px;
			-moz-border-radius-topright:0;
			-moz-border-radius-bottomright:0;
			-webkit-border-radius:6px;
			-webkit-border-top-right-radius:0;
			-webkit-border-bottom-right-radius:0;
			border-radius:6px;
			border-top-right-radius:0;
			border-bottom-right-radius:0;
		}
		#content .new-one {
			float:right;
			clear:right;
			margin-top:-3em;
			width:130px;
			text-align:center;
		}
			#content .tab-show .new-one {
				float:none;
				text-align:right;
				clear:both;
				margin: -0.75em 0.5em 0.5em;
				width:auto;
				overflow:hidden;
			}
			#content .tab-show .new-one .alt-insert { float:left; }
			#content .tab-show .new-one .alt-insert .sidenote a { color:#999999; }
			#content .tab-show .new-one .alt-insert .sidenote a:hover,
			#content .tab-show .new-one .alt-insert .sidenote a:focus { font-style:normal;color:#a02735; }
	#content label.sidenote {
		margin: 0 0.6em 0 0;
	}
	#content label.sidenote-below {
		margin: 0 0.6em 0 0;
		clear: left; 
		float: right;
	}
	#content input[type="radio"], #content input.radio,
	#content input[type="checkbox"], #content input.checkbox {
		margin: 0.5em 0 0 0.5em;
	}
	#content p label,
	#content p input[type="text"], #content p input.text,
	#content p input[type="file"], #content p input.file,
	#content p input[type="radio"], #content p input.radio,
	#content p input[type="checkbox"], #content p input.checkbox {
		display:inline;
		float:none;
		margin: 0 0.5em 0 0.5em !important;
	}
		.newmem #content p label { margin: 0 0.1em 0 0.5em !important; }
#content input[type="submit"], #content input.submit,
#content input[type="reset"], #content input.reset {
	float:right;
}
#content label {
	padding-top:0.25em;
}
#content label, p .label {
	margin: 0 0.25em;
}
p .label {
	font-weight:bold;
	padding-top:1px;
}
	p.alt .label { font-weight:normal; }
p .result {
	margin-right:1em;
}
	p.alt .result { font-weight:bold; }
#content input[type="text"], #content input.text,
#content input[type="password"], #content input.password,
textarea {
	padding: 0.275em;
	border: 1px solid #aaaaaa;
	display: block;
}
#content input.text:focus,
#content input.text.focus,
#content input[type="text"]:focus,
#content input[type="password"]:focus,
#content input.password:focus,
#content input.password.focus,
#content textarea:focus {
	font-weight:bold;
	color:#555555;
	background-color:#ebfbfb;
}
	#content textarea.display:focus {
		font-weight:normal;
		color:#333333;
		background-color:#ffffff;
	}
textarea {
	display:block;
	overflow-x:auto;
	overflow-y:scroll;
	clear:both;
	width:100%;
	min-height:12em;
	margin: 0.5em auto 0;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
	textarea.display {
		min-height:10.5em;
	}
	textarea.shorter {
		min-height:4em;
	}
	textarea.medium {
		min-height:6.5em;
	}
fieldset {
	border: 1px solid #cccccc;
	background-color:#ffffff;
	padding: 0 1em 1.5em;
	clear:both;
	float:none;
	overflow:hidden;
	margin-top:2em;
}
	fieldset.discrete {
		border:0;
		padding: 0 0;
		margin-top:0;
	}
	fieldset.semi {
		border: 1px solid #dddddd;
		border-width: 1px 0;
		padding: 0 0 1em;
	}
	fieldset.submit-holder {
		margin-top:-1em;
	}
    .flex-cols + fieldset {
        margin: 1rem 0;
        padding: 1rem 1rem;
    }
    fieldset > .flex-cols:first-child,
    fieldset > legend:first-child + .flex-cols {
        margin-top: 0;
    }
    fieldset > .flex-cols:last-child {
        margin-bottom: 0;
    }
	
.super-group {
	overflow:hidden;
}
.labelinput {
	padding-bottom:1em;
	margin: 1em 0 -1em;
	float:left;
	clear:none;
}
	.labelinput.has-radio {
		padding-right:1em;
	}
	.labelinput.has-check {
		padding-left:1em;
	}
		.has-check label {
			padding-left:0.5em;
		}
	.labelinput.whole-width {
		float:none;
		clear:both;
		padding-top:1px;
	}
		fieldset .labelinput.whole-width:first-child {
			margin-top:0.5em;
		}

	.labelinput fieldset { margin-top:0; }

.grid-to-phone label { text-align:right;min-width:2.8em; }
.grid-to-addr label { text-align:right;min-width:4.5em; }
.grid-to-name label { text-align:right;min-width:4.8em; }
.grid-to-usepass label { text-align:right;min-width:8.75em; }

/* New form block styles */
.label-input-block {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    min-height: calc(1.2em + 0.55em + 2px);
}
.label-input-label {
    width: 9rem;
    max-width: 40%;
    text-align: right;
    padding: 0 0 !important;
}
.label-input-input {
    height: 1.2em;
    width: calc(60% - 0.5rem - 2px) !important; /* 2px is border */
    padding: 0.275em;
    border: 1px solid transparent;
}
.label-input-select {
    width: calc(60% - 0.5rem) !important;
}
.label-input-checkbox,
.label-input-radio {
    margin: 0 0 0.5rem 0;
}
.col.whole-row .label-input-label {
    max-width: 20%;
}
.col.whole-row .label-input-input {
    width: calc(80% - 0.5rem - 2px) !important;
}
.col.whole-row .label-input-select {
    width: calc(80% - 0.5rem) !important;
}
.col.auto-size .label-input-label,
.col.auto-size .label-input-input,
.col.auto-size .label-input-select {
    width: auto !important;
    max-width: none;
}

.form-submit-block {
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
    margin: 1.5rem 0.25rem 2rem;
}

.form-submit-block.no-bottom-margin,
.callout .form-submit-block {
    margin-bottom: 0;
}

.label-input-block label,
.label-input-block input,
.form-submit-block label,
.form-submit-block input {
    float: none !important;
    margin: 0 !important;
    display: block;
}


blockquote,
.callout {
    margin: 0 0 1rem 0;
    padding: 1rem;
    border-radius: 0.75rem;
}
.callout--bordered {
    border: 1px solid #ccc;
}
.callout--slim {
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
}
.callout--orange {
    background-color: #fff3d9;
    border: 1px solid #666;
}
.callout--blue {
    background-color: #cfe1fa;
    border: 1px solid #666;
}
blockquote > :last-child,
.callout > :last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}
blockquote > :first-child,
.callout > :first-child {
    margin-top: 0;
    padding-top: 0;
}

.indisplay p {
	margin: 0 0 0 !important;
	padding-top:0.25em;
	float:left;
}
.indisplay img.help {
	margin-left:-0.5em;
	margin-right:1em;
	margin-top:-0.25em;
}

.divider {
	margin: 1em 0 0;
	border: 1px dotted #dddddd;
	border-width: 1px 0;
	padding: 0.1em 0.1em 0.2em;
	color:#666666;
	clear:both;
}

.submit-box {
	padding-top:2em;
	text-align:right;
	float:none;
	clear:both;
	overflow:hidden;
	margin-bottom: 1em;
}
	.submit-holder .submit-box {
		padding-top:0.5em;
	}

#content input[type="submit"], #content input.submit,
#content input[type="reset"], #content input.reset,
#content input[type="button"], #content input.button, #content button, #content .button {
	border: 1px solid #cccccc;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:3px 6px;
	color:#555555;
	font-weight:bold;
	background-color:#ffffff;
	background-image: url(../images/button-fade.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	cursor:pointer;
	text-decoration:none;
}
#content input[type="submit"]:hover,
#content input.submit:hover,
#content input.submit.hover,
#content input[type="submit"]:focus,
#content input.submit:focus,
#content input[type="submit"].focus,
#content input.submit.focus {
	color:#bb0000;
}
#content input[name="abandon"], #content input[type="submit"].abandon, #content input[type="submit"].cancel,
#content input[type="button"].abandon, #content input[type="button"].cancel,
#content input.button.abandon, #content input.button.cancel, #content .button.abandon, #content .button.cancel,
#content input[type="reset"], #content input.reset {
	color:#888888;
}
#content input[name="abandon"]:hover, #content input[type="submit"].abandon:hover, #content input[type="submit"].cancel:hover,
#content input[type="button"].abandon:hover, #content input[type="button"].cancel:hover,
#content input[type="reset"]:hover, #content input.reset:hover,
#content input[name="abandon"]:focus, #content input[type="submit"].abandon:focus, #content input[type="submit"].cancel:focus,
#content input[type="button"].abandon:focus, #content input[type="button"].cancel:focus,
#content input[type="reset"]:focus, #content input.reset:focus,
#content input.button.abandon:hover, #content input.button.cancel:hover, #content .button.abandon:hover, #content .button.cancel:hover,
#content input.button.abandon:focus, #content input.button.cancel:focus, #content .button.abandon:focus, #content .button.cancel:focus {
	color:#aaaaaa;
	background-image:none;
}

#chg-con, #chg-pass, #chg-qs, #chg-uname {
	border-bottom: 1px solid #cccccc;
}
#chg-con .submit-box {
	clear:none;
	width:auto;
	float:left;
	padding: 0 0 0;
}
#chg-pass label, #chg-uname label {
	width:12.25em;
}
#chg-pass .labelinput, #chg-uname .labelinput {
	clear:both;
	width:26em;
}
#chg-pass .submit-box, #chg-uname .submit-box {
	width:25.5em;
	padding-right:0.5em;
}
#chg-qs label {
	width:25em;
}
#chg-qs .labelinput {
	width:38.5em;
}
#chg-qs .submit-box {
	width:38em;
	padding-right:0.5em;
}


/* Value Blocks - alternate/new input and non-input labelinput type boxes */

.value-blocks,
.value-blocks-inner,
.value-blocks-row {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.value-blocks {
    margin: 1rem 0;
}

.value-block {
    display: flex;
    gap: 0.75rem;
    height: auto;
    opacity: 1;
    transition: all 0.5s ease;
}

.value-block.stacked {
    flex-direction: column;
}

.value-block.minimized {
    height: 0;
    opacity: 0;
    margin-top: -0.325rem;
    transition: all 0.25s ease;
}

.value-label {
    color: #666;
    font-weight: bold;
}

/* Value Blocks with layout */

.value-block-layout .value-blocks,
.value-block-layout .value-blocks-inner,
.value-block-layout .value-blocks-row {
    gap: 0.75rem 0.825rem;
    width: 100%;
}

.value-block-layout .value-blocks {
    margin: 1.5rem 0;

    /* override fieldset styles */
    padding: 0;
    border: none;
    overflow: auto;
    background-color: transparent;
}

.value-block-layout .value-blocks-row,
.value-block-layout .value-blocks.with-inner {
    flex-wrap: nowrap;
}


.value-block-layout .value-block {
    width: calc(50% - 0.4125rem);
    align-items: center;
}

.value-blocks-row .value-block {
    width: auto;
}

.value-block-layout .value-block.full-width {
    width: 100%;
}

#content .value-blocks-legend,
#content .value-block-layout label {
    padding: 0 0;
    margin: 0 0;
    min-width: 5rem;
    max-width: 50%;
    text-align: right;
}

#content .value-block-layout .value-blocks-inner label {
    min-width: 4rem;
}

#content .value-block-layout .value-blocks-row label {
    min-width: 0;
    max-width: none;
    width: auto;
    float: none;
}

#content .value-block-layout input[type],
#content .value-block-layout textarea {
    width: 100%;
    height: auto;
    padding: 0.25rem 0.325rem;
    margin: 0 0;
    float: none;
}

#content .value-block-layout input[type="checkbox"],
#content .value-block-layout input[type="radio"] {
    width: auto;
    padding: 0;
}

#content .value-block-layout input[type]:focus
#content .value-block-layout textarea:focus {
    font-weight: normal;
    color: #111;
}

#content .value-block--checkbox-radio > input[type="checkbox"]:first-child,
#content .value-block--checkbox-radio > input[type="radio"]:first-child {
    margin-left: 4.25rem;
}

#content .value-block--checkbox-radio > input[type="checkbox"]:first-child + label,
#content .value-block--checkbox-radio > input[type="radio"]:first-child + label {
    width: auto;
    min-width: none;
    max-width: none;
}

.value-blocks.with-actions {
    margin: 1.5rem 0 0;
    justify-content: flex-end;
}

.value-block--actions {
    justify-content: flex-end;
    margin: 0 0 0;
    width: auto;
}

#content .value-block--actions input[type],
#content .value-block--actions .button {
    float: none;
    margin: 0 0 0;
    width: auto;
}


/* Spouse Info sets */
.spouse-info-row {
    display: flex;
    gap: 2rem;
}

.spouse-info-row h3 {
    margin: calc(0.75rem + 1px) 0 0.25rem;
}

.spouse-info-row h3.callout-title {
    margin: 0 0 0.25rem;
}

.spouse-info-col > h3 {
    margin-bottom: 0;
}

.spouse-info-col {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    width: calc( 50% - 1rem );
}

.spouse-info-col--standalone {
    width: 100%;
    flex-direction: row;
    gap: 2rem;
}

.spouse-info-col--standalone .spouse-info-set,
.spouse-info-col--standalone .spouse-none {
    width: calc( 50% - 1rem);
}


.callout.spouse-info,
.spouse-info {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0.325rem;
    margin: 0 0 0;
    padding: 0.75rem 0.825rem;
    border-color: #999;
}

.spouse-name {
    color: #000;
    margin: 0 0 0.25rem 0;
}

.spouse-info-actions {
    padding: 0.325rem 0.825rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    font-size: 0.9em;
    line-height: 1;
}

.add-spouse-box {
    padding: 1rem 0.125rem;
    display: flex;
    border: 1px solid #eee;
    border-width: 1px 0 0 0;
}

.spouse-info-col--standalone .add-spouse-box {
    padding: 0.5rem 0 0 1rem;
    display: block;
    border-width: 0 0 0 1px;
}

.add-spouse-box .button {
    float: none;
    margin: 0;
}

/** log in **/
.login #content form {
	clear:both;
	overflow:hidden;
}
.login .labelinput {
	clear:both;
	width:24em;
	margin: 0 auto;
}
.login .submit-box {
	float:left;
	text-align:right;
	padding-right:0.5em;
	width:19.95em;
	padding-top:0.2em;
}
.login label {
	width:6.55em;
}
.login #main-col h2 {
	font-size:1.1em;
	font-weight:normal;
	margin: 0 0 0.5em;
	color:#6a6a6a;
}
.login #main-col .col2 h2 {
	margin-top:1em;
}
.login #main-col h2 a {
	color:#6a6a6a;
	text-decoration:none;
	border-bottom: 1px solid #dddddd;
}
.login #main-col h2 a:hover,
.login #main-col h2 a:focus {
	border-bottom: 1px dashed #0099cc;
}
.login #main-col .has-cols {
	background-color:#fafafa;
}
.login #main-col .col2 p + h2 {
	margin-top:1.5em;
}
.login #main-col .col {
	width:25%;
}
.login #main-col .col1 {
	width:60%;
	padding-bottom:1em;
	padding-right:30px;
	background-color:#ffffff;
	border-right: 1px solid #cccccc;
}
.login #main-col .col2 {
	text-align:right;
	margin-left:0;
	padding-left:60px;
	font-size:0.95em;
}
.login #main-col .col2 .sidenote {
	color:#888888;
}
.login #nav-col, .outside #nav-col {
	display:none;
}
.simple-login #nav-col {
	display:block;
	height:400px;
}
.login #main-col, .outside #main-col {
	margin: 0 auto;
	float:none;
}
.simple-login #main-col {
	float:left;
	margin: 0 0 0 40px;
}

/* input fields widths */
#content input[type="text"], #content input.text,
#content input[type="password"], #content input.password {
	height:1.2em;
	width:8.5em;
}
#srch-mem {
	width:20em;
}
#content .whole-width input[type="text"].wide,
#content .whole-width input.text.wide {
	width: 60%;
}
.col.auto-size .label-input-input.max1,
input.max1 {
	width:1em !important;
}
.col.auto-size .label-input-input.max2,
input.max2, #suffix {
	width:2em !important;
}
.col.auto-size .label-input-input.max3,
input.max3, #zip {
	width:3em !important;
}
.col.auto-size .label-input-input.max5,
input.max5 {
	width:5em !important;
}
.col.auto-size .label-input-input.max80,
input.max80,
input.url,
#email {
	width:15em !important;
}
.col.auto-size .label-input-input.max150,
input.max150 {
	width:20.5em !important;
}
.addr-block label { margin-bottom: 0.25em; }
.addr-block { margin: 0.25em 0 -0.25em 0.5em !important; padding-bottom:0 !important; }
.addr-block ~ .labelinput:last-child { margin-bottom:0;padding-bottom:0; }
.addr-block input {
	clear:both !important;
	width:11em !important;
	margin: 0 1.5em 0.25em 0 !important;
}
.login input[type="text"], .login input.text,
#content input[type="password"], #content input.password,
#chg-uname input[type="text"], #chg-uname input.text {
	width:11.25em !important;
}
.search #main-col label {
	width:12em;
}
.search #main-col .labelinput {
	clear:both;
	width:23em !important;
}
.search #main-col .submit-box {
	width:22.5em !important;
	padding-right:0.5em !important;
}
.search select {
	width:9.2em;
}
.uploader #main-col label,
#upload-me label {
	width:15em;
}
	.uploader #main-col label.error,
	#upload-me label.error {
		width:auto;
	}
.uploader #main-col .labelinput,
#upload-me .labelinput {
	width:33em !important;
}
.uploader #main-col select,
#upload-me select {
	width:16em;
}
.uploader #main-col .submit-box,
#upload-me .submit-box {
	width:32.5em !important;
	padding-right:0.5em;
}

/* columns */
.has-cols {
	overflow:hidden;
}
.has-cols .col {
	float:left;
}
.has-cols .col1 {
	float:left;
	clear:none;
}

.has-cols .col2 {
	padding-left:10px;
	margin-left:10px;
}

.remittances .has-cols.rem-details,
.remit-report .has-cols.rem-details { margin-bottom:1em; }
.remittances .rem-details .col,
.remit-report .rem-details .col { padding: 0.5em 1em 0 0.5em; }
.remittances .rem-details .col1,
.remit-report .rem-details .col1 { background-color:#eeeeee; }
.remittances .rem-details p,
.remit-report .rem-details p { margin-bottom:0.5em; }

.flex-cols {
    display: flex;
    gap: 10px;
    margin: 1rem 0;
    align-items: center;
}
.flex-cols > .col {
    width: calc(50% - 5px);
    float: none;
}
.flex-cols > .col.whole-row {
    width: 100%;
}
.flex-cols > .col.auto-size {
    width: auto;
}

.flex-cols--wrap {
    gap: 1rem 10px;
    flex-wrap: wrap;
}

/***************** TABS ******/

#tabwrap {
	width:100%;
	margin: 0 0 1.5em;
	background-color:#f5f5f5;
	clear:both;
	position:relative;
	top:0;
	left:0;
	border:1px solid #cccccc;
	border-width: 1px 1px 0;
}
#tab-body form > h2:first-child, #tab-body > h2:first-child {
	margin-top:0;
}
#tab-body form > fieldset:first-child, #tab-body > fieldset:first-child {
	margin-top:-1em;
}

#tabs {
	position:relative;
	top:0;
	left:0;
	list-style-type:none;
	list-style-image:none;
	padding: 0 0;
	margin:0;
	height:3em;
	z-index:0;
	font-size:.98em;
}
.tabsRow {
	display:block;
	position:relative;
	bottom:.6em;
	left:0;
	padding:0;
	padding-left:5px;
	margin:0;
	z-index:0;
	height:2em;
	width:99%;
}
	body.row1 #tabsRow1,
	body.row2 #tabsRow2 {
		background:none;
		position:absolute;
		bottom:0;
		left:0;
		z-index:20;
		border-bottom:1px solid #cccccc;
	}
	
.tabsRow ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
.tabsRow ul li {
	display:block;
	float:left;
	clear:none;
	padding:0;
	margin: 0 2px 0 0;
	font-size:1em;
}
	.tabsRow ul li.sidenote {
		line-height:2em;
		margin-left:1em;
		margin-right:0.5em;
	}
#tabs li a {
	border: 1px solid #cccccc;
	border-width: 1px 1px 0;
	text-decoration:none;
	color:#666666;
	display:block;
	text-align:center;
	padding:3px;
	background-color:#fafafa;
	min-width:4.2em;

	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;	
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
	#tabs li a:hover, #tabs li a:focus {
		background-color:#ffffff;
		border-bottom: 1px dotted #cccccc;
		margin-bottom:0;
	}

/* here states */
body.employ-acts #tabs .employ-acts a,
body.employ-arch #tabs .employ-arch a,
body.contr-acts #tabs .contr-acts a,
body.contr-arch #tabs .contr-arch a,
body.contr-fund #tabs .contr-fund a,
body.rep-remit #tabs .rep-remit a,
body.rep-all-funds #tabs .rep-batches a,
body.rep-delinq #tabs .rep-delinq a,
body.rep-late #tabs .rep-late a,
body.rep-month #tabs .rep-month a,
body.rep-vacation #tabs .rep-vacation a,
body.cont-contract #tabs .cont-contract a,
body.cont-fundlist #tabs .cont-fundlist a,
body.rem-remit #tabs .rem-remit a,
body.rem-lums #tabs .rem-lums a,
body.rem-ras #tabs .rem-ras a,
body.rem-eft #tabs .rem-eft a,
body.js-tabs #tabs .active a {
	background-color:#ffffff;
	border-bottom: 2px solid #ffffff;
	margin-bottom:0;
	color:#A02735;
}

#content #tabwrap .new-one {
	clear:none;
	margin-top:0;
	padding: 0.6em 15px 0 0;
	height:2.4em;
	width:85px;
	border-left: 1px solid #cccccc;
	background-color:#ffffff;
	z-index:3000;
	position:relative;
	top:-1px;
	right:-1px;
}

.vroomable { border-bottom: 1px solid #cccccc; }

.prog-list {
	margin: 0 0 0;
	border: 1px solid #aaaaaa;
	border-width: 1px 0;
}
.prog-list .item {
	list-style-type:none;
}
.prog-list .item .open-state {
	color:#0099CC;
	font-weight:bold;
	font-size:24px;
	font-family: "Courier New", Courier, monospace;
	float:left;
	margin-right:10px;
	border: 1px solid #cccccc;
	height:20px;
	line-height:20px;
	width:20px;
	text-align:center;
	cursor:pointer;
}
.prog-list .item h3 {
	border-bottom: 1px solid #cccccc;
	padding: 0.75em 0;
	margin:0;
}
.prog-list .skills { margin-left:4em; line-height:1.5em; }

tr:hover td, tr.hover td { background-color:#ebf0fb; }
tbody tr:hover th.alt, tbody tr.hover th.alt { background-color:#ebeafb !important; }


/* Accordion boxes and derivative */
/* .accordion td, .accordion th {  } */
.accordion td.openme {
	background-color:#f7f7f7;
	cursor:pointer;
}
.accordion .labelinput, div.openme table .labelinput,
.accordion fieldset.discrete, div.openme table fieldset.discrete {
	float:none;
	width:100%;
	overflow:hidden;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.accordion tr.openme td, div.openme table td { padding:0 !important; }
#content .accordion .openme td label, #content div.openme td label {
	width:600px;
	padding:10px;
	display:block;
	text-align:left;
	margin: 0 0 0 20px;
	border: 1px solid #dddddd;
	border-width: 0 0 1px 1px;
}
	#content div.openme td label {
		width:565px;
	}
#content .accordion .openme td label:hover,
#content .accordion .openme td label:focus,
#content .accordion .openme td label.hover,
#content div.openme td label:hover,
#content div.openme td label:focus,
#content div.openme td label.hover {
	text-decoration:none;
	background-color:#dbebfb;
}
#content .accordion .openme td input[type="checkbox"],
#content .accordion .openme td input.checkbox,
#content div.openme td input[type="checkbox"],
#content div.openme td input.checkbox {
	margin-top:15px;
	margin-left:15px;
}

.trainhist a.openme { padding:5px; display:block; }
.trainhist a.openme.opened {
	background-color:#f5f5f5;
}
div.openme {
	border: 1px solid #dddddd;
	padding:1em 1em 0 ;
}
div.openme h3 {
	margin-top:0;
}
div.openme .submit-box {
	padding-top:1em;
	margin-bottom:0;
}


/* Side menu search */
/** brought over from BACWorks and edited **/
.side-search {
	border: 1px dashed #ccc;
	font-size: 0.9em;
	padding: 1rem 1rem;
	width: 11rem;
}

.side-search-title {
	margin: 0 0;
	padding: 0 0;
}

.side-search-prologue {
	margin: 0 0 -0.5rem;
}

.side-search fieldset.discrete {
	padding: 0 0;
	overflow: visible;
}

.side-search .labelinput {
	float: none;
}

.side-search form > :last-child,
.side-search form > .submit-box {
	margin: 0 !important;
	padding: 0.5rem 0 0.25rem;
}

#content .side-search .labelinput label,
#content .side-search input {
	display: block;
	float: none;
	clear: both;
	margin: 0 auto 0;
	width: 10.35rem;
	max-width: 11rem;
}

#content .side-search .labelinput label {
	padding: 0 0 0.1rem;
}

.side-search form .submit-box input.submit {
	width: auto;
}
.side-search form .submit-box input.submit.rightward {
	float: right;
}

/* password strength */
.pstrength-cont {
	border-left: 1px dotted #cccccc;
	clear: both;
	position: absolute;
	left: 100%;
	top: 0;
	width: 200px;
	padding-left: 10px;
}

/* Pending updates */
/* #pend-alert h2 a */
#pend-alert {
	float:none;
	position:absolute;
	left:248px;
	bottom:1px;
	height:60px;
	width:177px;
	background-image: url(../images/pendup.png);
	background-repeat:no-repeat;
	background-position: 0 0;
}
#pend-alert h2 {
	font-size:0.75em;
	line-height:1em;
	margin: 0 0;
	vertical-align:bottom;
	overflow:hidden;
	font-weight:normal;
	color:#cc6600;
	padding:32px 28px 0 80px;
}
#pend-alert h2 a {
	display:block;
	float:left;
	color:#ffffff;
	font-size:2em;
	text-decoration:none;
	position:absolute;
	left:49px;
	bottom:8px;
}

.cpanel { margin: 1em 0 1em; list-style-type:none; overflow:hidden; }
.cpanel li {
	float:left;
	clear:none;
	width:30%;
	list-style-type:none;
	border: 1px solid #dddddd;
	margin: 1.5%;
}


.scrolly-list {
	height:16em;
	overflow-y:scroll;
	border: 1px dashed #dddddd;
	border-width: 1px 0;
	border-left: 1px solid #dddddd;
}
#skillsets { margin: 1em 0; }
#skillsets li {
	clear:both;
	float:none;
	padding:0.25em 0 0.5em;
	list-style-type:none;
	border-bottom: 1px solid #dddddd;
}
#skillsets li input, #skillsets li label { float:none !important; display:inline !important; }
#skillsets li input[type="text"], #skillsets li input.text { margin: 0 0 0 !important; }
#skillsets li label { padding: 0 0; }
#skillsets li.highlight { background-color:#f7f7f7; font-weight:bold; color:#666666; }
#skillsets li:hover, #skillsets li:focus { cursor:pointer }
/*
.has-js #skillsets li input[type="text"], .has-js #skillsets li input.text { display:none !important; }
*/

#skillset-name input { width:80% !important; }
#skill-tops ol { margin: 0 0 0 0; padding: 0.5em 1em 0.5em 2em; }
#skill-tops li { margin-bottom:0.25em; }
#skill-tops li:hover, #skill-tops li:focus { background-color:#f0f0f0; }

.overlay {
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	padding:1em;
	background-image: url(../images/back-fade.png);
	z-index:20;
}
	/* #tb-overlay {} */
.overlay-inset {
	margin: 2em auto;
	width:80%;
	height:90%;
	overflow-y:scroll;
	background:white;
	padding: 0 20px ;
}
.overlay-inset .instruct { margin: 0 -10px 0 0; }
.overlay-inset .mssg { margin: 0 0 0; }


/* listing */
.listing {
	margin: 1em 0;
}
.listing li {
	list-style-type:none;
	border: 1px solid #cccccc;
	border-width: 0 0 1px;
	margin: 0 0 0;
	padding: 0.1em 0.1em;
}
	.listing.sublister li {
		padding-bottom:0;
		border-bottom: 3px double #cccccc;
	}
	.listing li.nofind { border:0; text-indent:1em;cursor:auto; }
.listing li:hover, .listing li.hover,s .listing li:focus {
	background-color:#f5f5f5;
}
.listing li:hover li,
.listing.sublister li:hover,
.listing li.nofind:hover,
.listing li:focus li,
.listing.sublister li:focus,
.listing li.nofind:focus,
.killMouse .listing li:hover {
	background-color:#ffffff;
}
	.listing.sublister li:hover,
	.listing.sublister li.hover,
	.listing.sublister li:focus {
		border-width: 1px 1px 3px;
		border-color: #dddddd #dddddd #cccccc;
		background-color: #f7f7f7;
	}
	.listing.sublister li:hover .sublist li,
	.listing.sublister li.hover .sublist li,
	.listing.sublister li:focus .sublist li {
		border-width: 0 0 0;
		background-color:#ffffff;
	}
	.killMouse .listing.sublister li:hover {
		border-width: 0 0 3px;
		background-color:#ffffff;
	}
	.killMouse .listing.sublister li.hover {
		border-width: 1px 1px 3px;
		background-color:#f7f7f7;
	}
	
.listing h2 {
	overflow:hidden;
	margin: 0.2em 0 0;
}
.listing h2 a {
	overflow:hidden;
	display:block;
	color:#0099cc;
	text-decoration:none;
}
.listing h2 .eff-date,
.listing h2 .infobit {
	float:right;
	clear:none;
	color:#666666;
	font-style:italic;
	font-size:0.8em;
	font-weight:normal;
}
.listing .bot,
.listing p .infobit {
	color:#666666;
	font-weight:bold;
	padding-left:1em;
}
	.listing p .infobit {font-weight:normal;}
.listing p {
	margin: 0.25em 0;
}
.listing p.actions {
	margin: 1px 0 0;
	padding:0.1em 0 0.6em;
	border-top:1px solid #cccccc;
	background-color:#f7f7f7;
	text-align:right;
	font-size:0.9em;
	cursor:auto;
}
	.listing.sublister li:hover p.actions,
	.listing.sublister li.hover p.actions,
	.listing.sublister li:focus p.actions {
		background-color:#e7e7e7;
	}
	.killMouse .listing.sublister li:hover p.actions {
		background-color:#f7f7f7;
	}
	.killMouse .listing.sublister li.hover p.actions{
		background-color:#e7e7e7;
	}
	.listing .actions .total {
		display:block;
		float:left;
		clear:none;
		margin-left:0.5em;
		margin-top:4px;
		color:#555555;
	}
	.listing .isOpen .actions .total {
		margin-left:5.5em;
	}
	
.listing .delete {
	display:block;
	float:right;
}
.listing .sublist {
	border: 1px solid #cccccc;
	border-bottom:0;
	background-color:#ffffff;
	position:relative;
	cursor:auto;
}
.listing .sublist h3 {
	margin: 0.5em 0 0;
	padding: 0.25em 0.5em;
	padding-bottom:0;
	font-size:1em;
	border: 1px solid #cccccc;
	border-bottom: 0.2em solid #ffffff;
	background-color:#ffffff;
	-moz-border-radius:6px;
	-moz-border-radius-topRight:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-radius:6px;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	border-radius:6px;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
	position:absolute;
	left:5px;
	top:-2em;
	cursor:pointer;
}
.listing .sublist ul {
	margin: 0 0 0 0;
	padding: 1em 1em 1em 2.5em;
}
.listing .sublist li, .det-list li {
	list-style-type:circle;
	border-bottom:0;
	border-bottom: 1px solid #dddddd !important;
	padding: 0.2em 0.2em 0.2em;
}
	.listing .sublist li.total, .det-list li.total {
			border-bottom-width: 0 !important;
			border-top: 1px solid #333333 !important;
			list-style-type: none !important;
			background-color: #f5f5f5 !important;
			padding: 10px 0 !important;
	}
.listing .sublist li em, .det-list li em {
	padding: 0 0.2em;
	color:#555555;
	font-style:normal;
	font-weight:bold;
	display:inline-block;
	margin-right:0.2em;
	width:30%;
}
	.listing .sublist li.total em, .det-list li.total em {
		text-indent:2em;
	}
.listing .sublist li:hover, .det-list li:hover,
.listing .sublist li:focus, .det-list li:focus {
	background-color:#fafafa;
}


/* dialog */
.modal-overlay {
    max-width: 670px;
}

#main-col h2.modal-overlay-title {
    color: #333;
}

/* footer */
#footer {
	background-color:#79c565;
	background-image: url(../images/foot-fade.png);
	background-repeat:repeat-x;
	background-position: 0 0;
	margin: 1em 0 0 !important;
	padding: 10px !important;
	width:auto !important;
	min-height:10em;
	color:#ffffff;
}
#footer div {
	width:960px;
	margin: 0 auto;
	overflow:hidden;
}
	#footer div div {
		width:auto;
		margin: 0 0;
	}
#footer h2 {
	color:#ffffff;
	font-weight:normal;
	font-size:2em;
	float:left;
	clear:none;
	width:200px;
	text-align:right;
	margin-top: 0;
	padding-top:5px;
	padding-right:40px;
	background-image: url(../images/foot-arr.png);
	background-repeat:no-repeat;
	background-position: center right;
}
#footer .stuff {
	float:left;
	clear:none;
	width: 630px;
	background:#53b439;
	border: 1px solid #ffffff;
	margin: 0 20px !important;
	padding:10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	font-size:0.9em;
}
#footer ul {
	min-height:2em;
	margin: 0 0 0;
	padding: 0 0 0;
}
#footer ul li {
	display:inline !important;
	clear:none !important;
	margin-right:0;
	padding: 0 0.5em;
	border-right: 1px solid #ffffff;
}
	#footer ul li:last-child {
		border-right:0;
	}
#footer a {
	color:#ffffff;
}
#footer .copyright { font-size:0.9em;text-align:right; }

.retirement-selection ol {
	list-style-type: upper-alpha;
}

.tag-cloud-section {
  background: #7b93a4;
  padding: 4rem;
  max-width: 800px;
  margin: 0 auto;
}

.tag-cloud-title {
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  color: #e6e6e6;
  border-bottom: 1px solid #cacaca;
  padding: 1rem 0;
  margin-bottom: 1rem;
}

.tag-cloud {
  margin: 1rem;
  text-align: center;
  list-style: none;
}

.tag-cloud .tag-cloud-individual-tag {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  border-radius: 5000px;
  color: #555555;
  border-color: #469632;
  border-width: 2px;
  border-style:  solid;
  display: inline-block;
  margin: 3px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}

.tag-cloud .tag-cloud-individual-tag .fa {
  margin-left: 7px;
  color: #469632;
}

.tag-cloud .tag-cloud-individual-tag:hover {
  background: #79c565;
  transition: background-color 0.2s ease-in;
}

.ui-menu-item{
	list-style-type: none;
}

#addEmployeeCode {
	float: none !important;
}

.dead {
	color: #0000B9;
}

.active {
	color: #3CB043;
} 
.retired {
	color: #663399;
}

.disabled {
	color: #FFA500;
} 

.qdro {
    color: #EE4B2B;
}

#tableContainer {
	width: 100%;
	overflow-x: scroll;
}
.re-results td.ssn-td {
    min-width: 100px;
}
.report-download-links {
    display: flex;
    align-items: center;
    justify-content: end;
}
.report-download-links span.download-label {
    font-weight: bold;
}
.hide, .hidden {
    display: none;
}
.input-description {
    width: 100%;
    float: left;
}
.archivestat{
    color:#a02735;
    font-weight:bold;
    padding:2px;
}
tr.warning{
    background-color: rgba(255, 0, 0, 0.08);
}