html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-color: #f0f0f0;
}

h5 {
	margin: 0;
	padding: 0;
	color: White;
	font-size: 16px;
	font-weight: bold;
}

h6 {
	margin: 0;
	padding: 0;
	color: White;
	font-size: 12px;
	font-weight: normal;
}

h7 {
	margin: 0;
	padding: 0;
	color: White;
	font-size: 11px;
	font-weight: normal;
}

fieldset {
	border-radius: 3px;
}

table{
	border-radius: 3px;
}

* html #outer {
	overflow: auto; /* this is basically the root element now*/
	height: 100%;
	/* we need to make ie5 jump the next style block ( contain-all) so we use the voice hack*/
	voice-family: "\"}\"";
	voice-family: inherit;
}

* html #contain-all { /* must contain all content except for top and bottom bars - ie5 doesnt want this so jumps it as mentioned above*/
	position: absolute; /* due to a bug in ie6 where children of elements that have overflow defined behave as those they are fixed*/
	overflow-y: scroll;
	width: 100%;
	height: 100%;
	z-index: 1;
}

/* ##### Header ##### */

/*Quick-Search*/
#divQuickFilter {
	display: none;
	position: absolute;
	border: 2px solid Gray;
	background-color: #9d9d9d;
	padding: 10px;
	z-index: 20001;
}

.QuickSearchFooter {
	background: #404040;
	color: White;
	font-size: 10px;
}

.QuickSearchFooter a {
	color: White;
	text-decoration: none;
	font-style: italic;
	font-size: 10px;
}

.QuickSearchFooter a:hover {
	text-decoration: underline;
}

#header {
	color: inherit;
	background: #404040; /*rgb(184,38,25)*/
}

#headerTbl {
	border-bottom: 2px solid #8EC740;
}

#headerTbl td {
	white-space: nowrap;
}

.headerTitle {
	margin: 0;
	padding: 0.25em 4mm 0.25em 4mm;
}

.headerTitle a {
	color: black;
	background-color: transparent;
	text-decoration: none;
	font-size: 110%; /* For MSIE */
	font-weight: bold;
	font-style: italic;
}

.headerTitle > a {
	font-size: 138%; /* For fully standards-compliant user agents */
}

.headerTitle span {
	color: White;
	background-color: transparent;
	font-weight: normal;
}

.subHeader {
	background-color: #707070;
	font-size: 109%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0.5ex 0;
	width: 100%;
	cursor: default;
	height: 28px; /*21px;*/
	box-sizing: border-box;
}

.subHeader a {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0 2ex 0 4px;
}

.subHeader a:hover {
	color: #303030;
	text-decoration: none;
}

.subHeader input {
	font: normal 70% Tahoma, Sans Serif, Arial;
}

.subHeader select {
	font: normal 65% Tahoma, Sans Serif, Arial;
}

#divWorkList {
	float: right;
	display: flex;
	align-items: center;
	height: 24px;
	margin-top: -.2ex;
	padding-right: 10px;
}

#divWorkList a {
	padding: 0;
	font-size: 15px;
}

#divWorkList #aWorklistManager, #divWorkList input[type="image"] {
	margin-left: 8px;
	-webkit-transition: filter .25s;
	-moz-transition: filter .25s;
	-ms-transition: filter .25s;
	-o-transition: filter .25s;
	transition: filter .25s;
}

#divWorkList #aWorklistManager {
	filter: brightness(90%);
}

#divWorkList #aWorklistManager:hover {
	filter: brightness(100%);
}

#divWorkList input[type="image"]:hover {
	filter: brightness(110%);
}

.dropMenuHeader {
	color: #F0F0F0;
	text-decoration: none;
	font-weight: bold;
	margin: 0;
	padding: 0 1ex;
}

.dropMenuContainer {
	background-color: Silver;
	border: solid 1px;
	border-radius: 3px;
}

.dropMenuContainer div {
	color: black;
	font-weight: bold;
	padding: 2px 8px;
}

.dropMenuContainer div:hover {
	color: Black;
	background-color: Gray;
	cursor: pointer;
}
/*For IE6 and Prev*/
.dropMenuContainer a {
	color: black;
	text-decoration: none;
	font-weight: bold;
	padding: 2px 8px;
}

.dropMenuContainer a:hover {
	/*color: White;*/
	background-color: Gray;
	cursor: pointer;
}

#welcomeMessage {
	float: right;
	margin: 3px 5px 0px 0px;
	font-size: 14px;
	color: White;
}

#welcomeMessage a {
	font-size: 12px;
	border-bottom: none;
	color: Navy;
}

#container {
	/* make absolutely positioned children calculate their co-ordinates from this */
	position: relative;
	/* centre the site */
	width: 100%;
	height: 100%;
	margin: auto;
}

/* ##### Footer ##### */

.footer {
	background: #404040;
	color: #fff;
	text-align: center;
	height: 20px;
	padding-top: 5px;
	clear: both;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-top: solid 2px #8EC740;
	outline-style: solid;
	outline-color: #707070;
	outline-width: thin;
}
/* IE5 and IE6 should ignore this */
html > body .footer {
	position: fixed;
}

.versionLink {
	text-decoration: none;
	color: white;
}

.versionLink:hover {
	text-decoration: none;
	color: #8ec74e;
}

/* ##### Logging Div (AJAX) ##### */
.centered {
	font-size: 14px;
	color: #404040;
	border: 1px solid;
	background: White;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 126px;
	height: 90px;
	margin-left: -63px;
	margin-top: -45px;
	z-index: 1000;
}

/* ##### Login.aspx ##### */
.loginHeader {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 15px;
}

/* ##### Default.aspx ##### */
.homeHeader {
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* ##### Settings.aspx ##### */
.settingsHeader {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
}

/* ##### BEGIN: Temp Old Simplicity ##### */
.lblMain {
	font-size: 12px;
	white-space: nowrap;
}

.txtMain {
	width: 65px;
	font-size: 11px;
	white-space: nowrap;
}

.dropMain {
	width: 97px;
	font-size: 11px;
	white-space: nowrap;
}

.subHead {
	Font-Size: 18px;
	color: #000099;
}

.errorHighlight {
	border: 2px solid red !important;
}

/* ##### END: Temp Old Simplicity ##### */

/* ##### BEGIN: Just messing around ##### */
input[type="text"], input[type="password"], textarea, select {
	color: #000000;
	border: 1px solid #707070;
	background: #FFFFFF;
	padding: 1px 2px 1px 2px;
	border-radius: 3px;
}

input[type="submit"], input[type="button"] {
	color: #000000;
	border: 1px solid #707070;
	border-radius: 3px;
	background-color: #CDCDCD;
	cursor: pointer;
}

input[type="submit"][disabled="disabled"],
input[type="button"][disabled="disabled"],
input[type="submit"][disabled="disabled"]:hover,
input[type="button"][disabled="disabled"]:hover {
	background-color: #CDCDCD;
	border: 1px solid #757575;
	color: #757575;
}

input[type="submit"][disabled="disabled"],
input[type="button"][disabled="disabled"],
input[type="image"][disabled="disabled"] {
	cursor: default;
}

input[type="submit"]:hover, input[type="button"]:hover {
	color: White;
	background: #404040;
}

.btnHead {
	/*width: 50px;*/
	height: 22px;
	padding-bottom: 2px;
}

img:hover {
	cursor: pointer;
}

img.imgFlip,
input[type="image"].imgFlip { /* This flips the image horizontally */
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

/* This rotates content upsidedown */
.rotateUpsideDown {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

/* ##### END: Just messing around ##### */

/*Modal Dialog*/
.modalPopup {
	background-color: Gainsboro;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 350px;
}

.addAdjustmentPopUP {
	max-height: 25vh;
	overflow-y: auto;
	width: 100%;
	display: block;
}

.viewPaymentsModalPopup {
	background-color: Gainsboro;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 585px;
}

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#checksDiv input, #checksDiv select, #checksDiv table {
	font-size: 11px;
}
/*End of: Modal Dialog*/

/* CustomDialog */

.custom-dialog-message-section {
	margin-bottom: 20px;
}

.custom-dialog-controls-container {
	margin-top: 10px;
	text-align: center;
}

.custom-dialog-controls-container input[type="button"] {
	margin: 0 5px;
}

.custom-dialog-message-section + .custom-dialog-controls-container {
	padding-top: 10px;
}

/*End of: CustomDialog*/

/* datepicker */
.ui-datepicker-calendar .datepicker-highlight-current-day a {
	border: 1px solid #aabfff;
	background: #cce5ff;
	color: #0028a2;
}
/* End of: datepicker */

/* Settings */

div#settingsNav {
	float: left;
	width: 12%;
	font-size: 12px;
	background-color: white;
	border: 1px solid black;
	margin-top: 15px;
}

div#settingsNav a {
	display: block;
	padding: 4px 8px;
	margin: 0;
	text-decoration: none;
	text-align: center;
	border-top: 1px solid gray;
	/*color: Navy;*/
}

div#settingsNav a:hover {
	background-color: Silver;
	color: White;
}

div#settingsNav h4 {
	background: Black; /*rgb(33%,33%,33%);*/
	color: white;
	text-align: center;
	margin: 0;
	padding: 0.25em 0 0.125em 0;
}

.selectedNav {
	background: #404040;
	color: white;
	font-weight: bold;
}

.nonSelectedNav {
	color: Navy;
}

div#settingsContent {
	padding: 0px 20px 30px 20px;
}

/* Report Style */
.reportGridView {
	margin: 0 1% 30px 1%;
	border: solid 1px black;
}
/* IE5 and IE6 should ignore this */
html > body .reportGridView {
	margin: 1px 2% 30px 2%;
}

.caseSearchGrid {
	font-size: 12px;
	margin: 10px auto;
	width: 95%;
	border-radius: 3px;
}

.customBackColor {
	background: #404040;
}

.gridViewHeader {
	background: #404040;
	font-weight: bold;
	color: White;
	text-align: left;
}

.gridViewHeader a {
	text-decoration: none;
}

.gridViewHeader a:hover {
	text-decoration: underline;
}

.gridViewFooter {
	background: #404040;
	font-weight: bold;
	color: White;
	text-align: left;
}

.gridViewPager {
	background: #404040;
	color: White;
	text-align: center;
}

.gridViewPager span,
.gridViewPager .selected {
	text-decoration: underline;
}

.gridViewPager a {
	text-decoration: none;
}

.gridViewPager a:hover {
	text-decoration: underline;
}

.gridViewPager .prevNext {
	display: inline-block;
	margin-right: 10px;
}

.gridViewEmpty {
	background-color: #5d7b9d;
	font-weight: bold;
	color: #ffffff;
	height: 15px;
}

.TextIndicator1 {
	color: Red;
	background-color: Silver;
	font-size: small;
	padding: 2px 3px 2px 3px;
}

.TextIndicator2 {
	color: Orange;
	background-color: Silver;
	font-size: small;
	padding: 2px 3px 2px 3px;
}

.TextIndicator3 {
	color: Yellow;
	background-color: Silver;
	font-size: small;
	padding: 2px 3px 2px 3px;
}

.TextIndicator4 {
	color: Green;
	background-color: Silver;
	font-size: small;
	padding: 2px 3px 2px 3px;
}

.TextIndicator5 {
	color: Green;
	background-color: Silver;
	font-size: small;
	padding: 2px 3px 2px 3px;
}

.waterMark {
	font-style: italic;
}

.trialLink {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 15px;
}

.trialLink a {
	text-decoration: none;
	color: Blue;
}

.trialLink a:hover {
	color: Gray;
}

.linkButton {
	font-size: 11px;
	text-decoration: none;
	color: #404040;
}

.linkButton:hover {
	color: Navy;
}

.financialSearchCtrls {
	padding: 10px;
	text-align: center;
	background: #404040;
	margin: 0 4px;
	border: solid 2px black;
}

iframe:not(.reportIFrame) {
	border: 3px solid #404040;
	border-top-width: 6px;
	border-radius: 3px;
}

iframe.reportIFrame {
	border: none;
	width: 100%
}

.personFrame {
	border: solid 2px #404040;
	min-height: 40px;
	clear: both;
	overflow: auto;
	border-radius: 3px;
}

.notesFrame {
	border: solid 2px #404040;
	clear: both;
	overflow: auto;
	border-radius: 3px;
}

a.tab {
	color: #404040;
	font-weight: bold;
	padding: 0 10px;
	float: left;
	text-align: center;
	margin-right: 4px;
	text-decoration: none;
	border-bottom: solid 1px #f5f5f5;
	white-space: nowrap;
}

a.tab:hover {
	color: Silver;
	background: #404040;
}

a.selected {
	color: White;
	background: #404040;
	border-bottom-color: #404040;
	border-bottom-width: 2px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	margin-left: 4px;
}

#ctl00_CP1_accountingTabContainer_header, #CP1_accountingTabContainer_header {
	/*text-align: right;*/
	background: #404040;
}

#ctl00_CP1_financialTabContainer_header, #CP1_financialTabContainer_header {
	/*text-align: right;*/
	background: #404040;
}

.accordionHeader {
	background-color: Gray;
	font-weight: normal;
	color: White;
	text-align: left;
	padding-left: 6px;
	margin-bottom: 3px;
	border: solid 1px black;
}

.accordionHeader:hover {
	cursor: pointer;
	background: #404040;
}

.accordionHeaderSelected {
	background: #404040;
	font-weight: bold;
	color: White;
	text-align: left;
	padding-left: 6px;
	margin: 0;
}

.accordionContent {
	border: solid 1px #404040;
	margin-bottom: 3px;
	padding: 10px;
}

.debtorHeader {
	background: #404040;
	color: White;
}

.debtorTable {
	border: solid 1px #404040;
}

.clientPortalTabs {
	border-bottom: solid 5px #404040;
	padding-bottom: 0px;
}

input[type="image"].grayscale {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.error-message {
	padding: 10px;
	border: 1px solid #9f3a38;
	background-color: #fff6f6;
	color: #9f3a38;
	border-radius: 3px;
}

.error-text {
	font-size: 1em;
	color: #FF0000;
	padding: 3px;
}

/* If the input is disabled, disable the datepicker too */
input.hasDatepicker[disabled="disabled"] + .ui-datepicker-trigger,
[disabled="disabled"] input.hasDatepicker + .ui-datepicker-trigger,
.sliding-steps-control.sliding-steps-disabled .ui-datepicker-trigger  {
	pointer-events: none;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

input.hasDatepicker + .ui-datepicker-trigger {
	margin-left: 3px;
	vertical-align: text-bottom;
}

/* Blink Animation */
@-webkit-keyframes blink {
	from {
		opacity: 1.0;
	}

	to {
		opacity: 0.0;
	}
}

blink {
	-webkit-animation-name: blink;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: cubic-bezier(1.0, 0, 0, 1.0);
	-webkit-animation-duration: 1s;
}

/* Make Today button not look grayed out. */
.ui-datepicker-current[data-handler="today"] {
	font-weight: bold !important;
	opacity: 1 !important;
}

.gridViewPager {
	padding: 5px;
	text-align: left;
	margin: 0 auto;
	box-sizing: border-box;
}

.gridViewPager a,
.gridViewPager a:hover,
.gridViewPager a:visited {
	color: #ffffff;
}

ul.release-notes li + li {
	margin-top: 1em;
}

div.large-list-selector-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-auto-rows: minmax(auto, 124px);
	grid-gap: 10px;
}

div.large-list-selector-container .large-list-selector-option-outer-container {
	grid-row: auto / span 1;
}

div.large-list-selector-container .large-list-selector-toolbar {
	display: grid;
	grid-gap: 5px;
	grid-template-columns: repeat(2, minmax(0, auto));
	margin-bottom: 5px;
}

div.large-list-selector-container .large-list-selector-option-container {
	height: 100px;
	position: relative;
	width: 100%;
}

div.large-list-selector-container .large-list-selector-option {
	cursor: pointer;
}

div.large-list-selector-container .large-list-selector-option-outer-container-selected .large-list-selector-option {
	background-image: url(images/action_check.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
}

div.large-list-selector-container .large-list-selector-option:hover {
	background-color: rgba(0, 0, 0, .25)
}

div.large-list-selector-container .large-list-selector-option-container-empty-message {
	align-items: center;
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(112, 112, 112);
	box-sizing: border-box;
	border-radius: 3px;
	cursor: default;
	display: flex;
	height: 100px;
	justify-content: center;
}
.screenreader-only {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	border: 0;
	padding: 0;
	margin: 0;	
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 - a 0 height clip, off to the bottom right of the visible 1px box */
	clip: rect(1px, 1px, 1px, 1px); /*maybe deprecated but we need to support legacy browsers */
	clip-path: inset(50%); /*modern browsers, clip-path works inwards from each corner*/
	white-space: nowrap; /* added line to stop words getting smushed together (as they go onto seperate lines and some screen readers do not understand line feeds as a space */
}
.screenreader-only-dark-bg {
	color: #ffffff;/*when the background color is dark set the text color white*/
}
.screenreader-only-light-bg {
	color: #000; /*when the background color is light set the text color black*/
}