/* HTML tags */
a {
	color: #006;
}
a:hover {
	color: #00c;
}
body {
	background: #999;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000;
	margin: 0px;
	padding: 0;
}
caption {
	background: #f9f9f9;
	padding: 3px;
	color: #666;
	text-align: left;
	cursor: default;
}
form {
	padding: 0 5px 5px 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-top: 0;
}
img {
	border: none;
	vertical-align: middle;
}
input[type="text"],
textarea,
select {
	box-shadow: inset 0px 2px 3px #eee;
	-moz-box-shadow: inset 0px 2px 3px #eee;
	-webkit-box-shadow: inset 0px 2px 3px #eee;
	border: 1px solid #999;
	color: #666;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	padding: 2px;
}
input {
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
}
/* select {
	padding: 1px;
} */
input:focus,
textarea:focus,
select:focus {
	background: #fff;
	color: #000;
}
input.c {
	background: none;
	border: none;
	padding: 0;
}
label:first-letter {
	text-transform: capitalize;
}

/* ID's */
#ajax_iframe,
.ajax .ah,
.ajax .pageNav {
	display: none;
}
#ajax_frm {
	position: absolute;
	background: #fff;
	display: block;
	z-index: 100;
	border: 1px solid #666;
	padding: 10px;
	-moz-box-shadow: 0 0 1em #ccc;
	-webkit-box-shadow: 0 0 1em #ccc;
	box-shadow: 0 0 1em #ccc;
	border-radius: 5px;
	min-width: 300px;
	max-width: 80vw;
}
#breadCrumbs,
#breadcrumbs {
	text-transform: capitalize;
	font-size: 11px;
	margin-bottom: 15px;
	color: #999;
	width: 100%;
	position: static;
	clear: both;
}
#breadCrumbs a,
#breadcrumbs a {
	color: #66c;
	white-space: nowrap;
}
/*POP-UP CALENDAR STYLES*/
#calHolder {
	position: absolute;
	background-color: white;
	z-index: 101;
}
#calHolder * {
	font-size: 10pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}
#calHolder .cpBorder {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
#calHolder a {
	display: block;
    padding: 5pt;
	border: thin solid #ddd;
	border-radius: 3px;
}
#calHolder a:hover {
	background: #ffff99;
}
#calHolder td.cpDayColumnHeader {
	background: #eee;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#calHolder .cpOtherMonthDate {
	color: #999;
}
#calHolder td.cpCurrentDate a {
	background: #fee;
	border: thin solid #c00;
}
#calHolder td.cpTodayText,
#calHolder td.cpTodayTextDisabled {
	border-top: 1px solid #ccc;
	text-align: center;
}
/*END POP-UP CALENDAR STYLES*/
#contentBody {
	clear: both;
	/* min-height: 40rem; */
	/* line-height: 200%; */	/* works on /tools/, but not good on expense filter */
}
#contentBody #frmLogin {
    display: table;
    margin: 0 auto;
    font-size: medium;
}
#contentBody #frmLogin input {
    font-size: medium;
}
#footer,
#sitefooter {
	background: none repeat scroll 0 0 #ffffff;
	border-radius: 0 0 5px 5px;
	clear: both;
	font: 11px Tahoma, Verdana, Arial, Helvetica, sans;
	text-align: center;
}
#sitefooter {
	margin: 0 5px 2em;
	box-shadow: 0px 2px 7px #ffc;
	min-height: 30px;
	background: none repeat scroll 0 0 #eeeeee;
	border: 1px solid #999;
	border-top: 1px dotted #cccccc;
	color: #999999;
	padding: 20px 10px 10px;
}
#sitefooter a {
	color: #999;
}
#footer #nav2,
#footer #nav2 * {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font-weight: normal;
	height: auto;
	margin: 0;
	padding: 0;
}
#footer #nav2 li a {
	border-top: 1px solid #eeeeee;
	padding: 3px 0 0 15px;
	text-decoration: underline;
}
/* top most element - main heading */
#header {
	/*background: #333; #8FB0CD */
	/*background: #666 URL(/media/bg_header.jpg) repeat-x 0px 0px;*/
	background-color: #626f7f;
	border: 1px solid #999;
	border-bottom-width: 0;
	border-radius: 5px 5px 0 0;
	/* padding: 0 0 0 20px; */
	margin: 5px 5px 0;
	/*height: 70px;*/
	cursor: default;
	box-shadow: 0px -2px 7px #ffc, 0 28px 10px rgba(255, 255, 255, 0.25) inset;
}
#header h3 {
	font: 18pt Georgia, "Times New Roman", Times, serif;
	color: #fff;
	padding: 10px 0 0 10px;
	margin: 0;
	text-shadow: 0px 1px 2px #000;
}
#lnkBg {
	position: fixed;
	right: -1px;
	bottom: -1px;
	font-size: 9px;
	background: #eee;
	border: 1px solid #ccc;
	padding: 2px;
	opacity: 0.3;
	filter: Alpha(Opacity=30);
}
#lnkBg:hover {
	opacity: 0.9;
	filter: Alpha(Opacity=90);
}
#nav2 {
	border-bottom: 1px solid #999;
	height: 20px; /*firefox*/
	margin: 0 0 15px 0;
	padding: 0 0 0 5px;
	text-shadow: 1px 1px 0 #fff;
}
#nav2 li {
	float: left;
	list-style: none;
}
#nav2 a {
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #666;
	color: #669;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	padding: 3px 8px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	margin: 0;
	border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
}
#nav2 a:hover {
	background-position: 0 6px;
}
#nav2 a.selected {
	background: #fff;
	color: #070;
	height: 16px;
	margin-top: -1px;
}
#pageTitle {
	color: #363;
	font-size: 20px;
}
#pageTitle .revised {
	color: #dddddd;
	display: block;
	float: right;
	font: 10px Arial, Helvetica, sans-serif;
}
#userMessage {
    font-weight: bold;
    position: fixed;
    bottom: 0;
    opacity: 0.85;
    z-index: 10000;
    cursor: default;
    padding: 2em;
    box-sizing: border-box;
    max-width: 90vw;
    margin-bottom: 0 !important;
    right: 25px;
    border-radius: 10px 10px 0 0;
    min-width: 50vw;
    box-shadow: 0 0 10px #999;
}
#userMessage li {
	margin-left: 18px;
	text-transform: capitalize;
}
#welcome {
	color: #fff;
	position: absolute; /* keeps header in place when window is small*/
	padding: 5px;
	right: 10px;
	z-index: 1000;
	text-shadow: 1px 1px 1px #666;
}
#welcome a {
	color: #fff;
}
#welcome #frmLogin table {
	width: auto;
}
#welcome #frmLogin * {
	color: #333;
	font-size: 10px;
	margin: 0;
}
#welcome #frmLogin table,
#welcome #frmLogin td {
	border: medium none;
	padding: 1px;
	vertical-align: middle !important;
	white-space: nowrap;
}
#welcome #frmLogin label {
	display: none !important;
}
#welcome #frmLogin label,
#welcome #frmLogin a {
	background: none repeat scroll 0 0 transparent;
	color: #eeeeee;
}
#welcome #frmLogin label#lbl_remember_me {
	display: none;
}
#welcome #frmLogin .button {
	color: #333333;
	font-weight: normal;
	margin: 0 1px 0 0;
}
#welcome #frmLogin input {
	color: #333333;
}
#welcome #frmLogin #email {
	width: 80px;
}

/* CLASSES */
.act {
	width: 40px;
}
/*.alt1 */
table.report tbody tr:nth-child(even) {
	background: #f3f8fe;
}
input[type="button"],
input[type="submit"],
.button {
	background: #eee url(/media/bg_tab.jpg) repeat-x 0 -1px;
	border: 1px solid #666;
	color: #333;
	cursor: pointer;
	display: inline-block;
	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin: -3px 3px 0 0;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	border-radius: 1em;
}
input[type="button"]:hover,
input[type="submit"]:hover,
.button:hover {
	color: #369;
}
input.date {
	padding-right: 12px;
	background-image: URL('/media/icons/calendar.gif');
	background-repeat: no-repeat;
	background-position: right center;
	width: 105px;
}
.icon {
	font-size: 0pt !important;
	text-indent: 16px;
	overflow: hidden;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	display: inline-block; /* IE, Opera and Safari */
	background-repeat: no-repeat;
}
.accept {
	background-image: URL("/media/icons/accept.gif");
}
.bullet_green {
	background-image: URL("/media/icons/bullet_green.gif");
}
.bullet_white {
	background-image: URL("/media/icons/bullet_white.gif");
}
.add {
	background-image: URL("/media/icons/add.gif");
}
.delete {
	background-image: URL(/media/icons/delete.gif);
}
.update {
	background-image: URL(/media/icons/cog.gif);
}
.calendar {
	background-image: URL(/media/icons/calendar.gif);
}
.copy {
	background-image: URL(/media/icons/pencil_go.gif);
}
.close {
	background-image: URL(/media/icons/cross.gif);
	float: right;
}
.find,
.view,
.zoom {
	background-image: URL(/media/icons/zoom.gif);
}
.draft {
	color: #06c;
}
.expired {
	color: #c96;
}
.fck {
	width: 360px;
	height: 120px;
}
.filter {
	padding: 5px;
	margin: 0 0 5px 0;
	border: 1px solid #eee;
	clear: both;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow: hidden;
    display: flex;
    flex-flow: wrap;
    align-items: flex-end;
}
.filter div {
	/* width: auto; */
	/* float: left; */
	padding: 3px;
	/* vertical-align: bottom; */
	white-space: nowrap;
    box-sizing: border-box;
    /* min-height: 50px; */
}
.filter div label {
	display: block;
	text-transform: capitalize;
}
/* .filter div.actionButtons {
	padding: 0px;
	margin: 19px 0px 0px 3px;
	border: 0px;
} */
.filter div.actionButtons input {
	margin: 0px 3px 0px 0px;
}

.footer {
	line-height: 22px;
	color: #999;
	border-top: 1px solid #ddd;
	text-align: center;
	margin-top: 20px;
}
.gray {
	color: #999;
}
.group {
	background-color: #eee;
	font-weight: bold;
}
.hidden {
	display: none !important;
}
.inline {
	display: inline-block !important;
}
.inner {
	float: left;
	border: 1px inset #eee;
	margin: 2px 2px 0 0;
	padding: 5px;
	border-radius: 3px;
	max-height: 150px;
	overflow: auto;
}
.large {
	font-size: 12pt;
	font-weight: bold;
}
.loading {
	display: block;
	padding: 5px;
	background: #dbeaf5;
	border: 1px solid #ccc;
	color: #369;
	font-weight: bold;
	height: auto;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	position: absolute;
	opacity: 0.9;
	filter: Alpha(Opacity=90);
	z-index: 1000;
	overflow: hidden;
}
.loading img {
	border: 1px inset #ccc;
	width: 70px !important;
	height: 3px;
}
.main {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #999;
	border-width: 0 1px;
	display: block;
	line-height: 150%;
	padding: 20px;
	margin: 0 5px;
	box-shadow: 0px 0px 7px #ffc;
	-moz-box-shadow: 0px 0px 7px #ffc;
	-webkit-box-shadow: 0px 0px 7px #ffc;
}
.main::after {
	content: "";
	clear: both;
	display: block;
}
.monthHolder {
	text-align: center;
	margin: 10px 0 -10px 0;
}
.monthHolder a {
    text-decoration: none;
    font-weight: bold;
}
.monthHolder span {
	margin: 5px 25px 0 25px;
}
/*  top navigation bar  */
.nav {
	overflow: auto hidden;
	margin: 0;
	padding: 0;
	display: flex;
}
.nav ul {
	margin: 0;
}
.nav li {
	list-style-type: none;
	margin: 3px 1px 0 0;
	font: bold 9pt Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
.nav li a {
	/* border-radius: 5px 5px 0 0; */
	background: #fff url(/media/bg_tab.jpg) repeat-x 0 -1px;
	color: #669;
	display: block;
	padding: 5px 15px;
	text-decoration: none;
	text-transform: capitalize;
	text-shadow: 1px 1px 0px #fff;
	opacity: 0.7;
	position: relative;
	top: 2px;
	transition: 0.3s;
}
.nav li a:hover {
	color: #33c;
	text-decoration: underline;
	opacity: 0.9;
	filter: Alpha(Opacity=90);
}
.nav li a.selected,
.nav li a.selected:hover {
	background: #fff url(/media/bg_tab.jpg) repeat-x scroll 0 -17px;
	color: #393;
	cursor: default;
	text-decoration: none;
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.numeric {
	text-align: right;
}

a.paginater-current {
	background-color: #369 !important;
	color: #fff !important;
	border: 1px solid transparent !important;
}
.paginater-count {
	clear: both;
}
.paginater-show {
	font-size: 12px;
}
.paginater-nav {
	cursor: default;
	float: right;
}
.paginater-nav a {
	color: #369;
	padding: 2px 5px;
	margin: 1px;
	display: inline-block;
	border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #fff;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	min-width: 15px;
	text-align: center;
}
.paginater-nav a:hover {
	color: #5a9ccb;
	border: 1px solid #ccc;
}
.paginater-nav a.current {
	text-decoration: none;
	color: #666;
	cursor: default;
}

/*
	Used for page first, previous, next, last table
*/
.pageNav {
	border-collapse: collapse;
	cursor: default;
	padding: 0px;
	float: right;
	margin: 5px 0;
}
.pageNav td {
	color: #ccc;
	font-size: 12px;
	text-align: center;
	padding: 4px;
}
.pod {
	padding: 2rem;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 5px;
	display: table;
	margin: 0 auto;
	box-shadow: 0 0 10px #336;
	transition: 0.3s;
}
.pod:hover {
	background: rgba(255, 255, 255, 0.95);
}
.percentBar {
    background: url(/media/bg_tab.jpg) repeat scroll 0 22px #00cc00;
    border: 1px solid #666666;
    border-radius: 2px;
    display: inline-block;
    font-size: 0;
    height: 12px;
    box-sizing: border-box;
}
.percentBar:after {
    font-size: 9px;
    position: absolute;
    content: attr(title);
    margin: -5px 0 0 5px;
    text-shadow: 0 0px 3px #fff;
}
.previewPane {
	float: right;
}
.previewPane .notInPreview {
	display: none;
}
.quick-add {
	position: fixed;
    left: 0;
    width: 25%;
    box-sizing: border-box;
    padding: 0px 30px;
    line-height: 100%;
    transform: translateY(-30px);
	z-index: 1;
}
table.report {
	border: 1px solid #fff;
	border-collapse: collapse;
	background: #fff;
	margin: 0px auto 10px;
	width: 100%;
}
table.report td {
	border: 1px solid #fff;
	font-size: 12px;
	vertical-align: top;
	padding: 5px;
	word-break: break-word;
}
table.report th {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #eee;
	text-transform: capitalize;
	font-size: 12px;
	vertical-align: bottom;
	padding: 1px 4px;
	text-align: left;
	text-shadow: 1px 1px 0 #fff;
}
table.report th:last-child {
	border-right: 0;
}
table.report th a {
	display: block;
}
table.report tbody tr:focus-within,
table.report tbody tr:hover {
	background: #ffc;
	outline: 1px solid #fc3;
}
table.report tbody tr a.icon {
    opacity: 0.1;
    transition: all 0.3s;
}
table.report tbody tr:hover a.icon {
    opacity: 1;
}
.report p {
	margin-top: 0;
}
.required {
	font-weight: bold;
	color: #600;
	padding-right: 16px;
	background: URL("/media/icons/bullet_star.gif") top right no-repeat;
}
.right {
	float: right;
}
.survey li + li {
    margin-top: 2em;
}
.survey label.cb + label.cb {
    margin-left: 2em;
}
.texticon, .icon-text {
	padding-left: 20px;
	padding-bottom: 2px;
	/* height: 16px; */
	/* display: inline-block; */ /* IE, Opera and Safari */
	background-repeat: no-repeat;
}
.toplevel {
	background: #ffc;
	border: 1px solid #fec;
	padding: 2px 4px;
}
.userInput {
	border-collapse: collapse;
}
.userInput td {
	padding: 4px;
	vertical-align: top;
}
.userInput td label {
	text-align: right;
	display: block;
}
.userInput td label.inline {
	text-align: left;
}
.welcome-container {
	position: fixed;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff99;
	padding: 1em;
	border-radius: 10px;
	box-shadow: 0 0 5px #000;
	font: 24px Georgia, "Times New Roman", Times, serif;
	line-height: normal;
	white-space: nowrap;
	text-align: center;
    max-width: 95%;
    box-sizing: border-box;
}
.wide {
	min-width: 275px;
}
div.noMessage,
div.none {
	display: none;
	padding: 0;
}
div.error {
	color: #fff;
	padding: 5px;
	border: 1px solid #c99;
	margin-bottom: 10px;
	background-color: #c00;
}
div.success {
	color: #090;
	padding: 5px;
	border: 1px solid #9c9;
	margin-bottom: 10px;
	background-color: #efe;
}

@media print {
	#header,
	#sitefooter,
	#breadCrumbs {
		display: none;
	}
	.main {
		padding: 0;
		margin: 0;
		box-shadow: none;
		border-width: 0;
	}
}