@font-face {
	font-family:'Montserrat';
	src:url(/css/fonts/montserrat.eot);
	src:url(/css/fonts/montserrat.eot?#iefix) format(embedded-opentype),
		url(/css/fonts/montserrat.woff2) format(woff2),
		url(/css/fonts/montserrat.ttf) format(truetype);
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'DejaVu';
	src:url(/css/fonts/dejavu.eot);
	src:url(/css/fonts/dejavu.eot?#iefix) format(embedded-opentype),
		url(/css/fonts/dejavu.woff2) format(woff2),
		url(/css/fonts/dejavu.ttf) format(truetype);
	font-weight:normal;
	font-style:normal;
}

body {
	margin:0px;
	padding:0px;
	font-family:Montserrat, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:9pt;
	background-color:#f6f7f0;
	min-width:500px;
}

form {
	margin:0px;
	padding:0px;
}

a {
	text-decoration:none;
	color:#369;
}
a:hover {
	text-decoration:underline;
}

button,
.button {
	color:#fff;
	background-color:#369;
	padding:5px;
	font-size:9pt;
	border:1px #000 solid;
	border-radius:3px;
	cursor:pointer;
}

.SaveButton {
	background-color:#999;
}

.FormChanged {
	background-color:#273f80;
}

a img {
	border:0px;
}

img {
	vertical-align:middle;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}

h4 {
	font-weight:normal;
}

.center {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.okay {
	color:#090;
}

.bad {
	color:#900;
}

.blue {
	color:#273f80;
}

header {
	margin:0px 0px 10px 0px;
	width:100%;
	background-color:#ff5e14;
	padding:15px 0px 0px 0px;
	border-bottom:1px #273f80 solid;
	white-space:nowrap;
}

header h1 {
	background-color:#fff;
	margin:0px;
	font-weight:normal;
	padding:10px 20px;
	color:#273f80;
	height:32px;
	line-height:32px;
	font-family:Arial;
    letter-spacing:2px;
}

header h1 a {
	color:#273f80;
}

header h1 a:hover {
	text-decoration:none;
}
header h1 .green {
	color:#62b942;
}

header > nav ul {
	list-style:none;
	margin:0px;
	padding:0px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:flex-end;
}

header > nav ul li {
	padding:3px 10px;
	margin:0px;
	display:block;
	height:16px;
	line-height:16px;
	border-right:2px solid transparent;
	border-image-source:url(/images/buttonborder.png);
	border-image-slice:2;
}

header > nav ul li a {
	color:#fff;
}

header > nav ul li.admin a {
	color:#273f80;
}

header > nav ul li.logout a {
	color:#900;
}

section {
	display:block;
	margin:10px;
	padding:10px;
	min-width:400px;
	text-align:center;
	border:1px #273f80 solid;
	border-radius:10px;
	background-color:#f6f7f0;
}

section div.content {
	margin-top:10px;
}

label {
	cursor:pointer;
}

.error {
	clear:both;
	margin:0px auto;
	text-align:center;
	border:1px #900 solid;
	background-color:#a00;
	color:#fff;
	margin:5px;
}

.message {
	clear:both;
	margin:0px auto;
	text-align:center;
	border:1px #009 solid;
	background-color:#00a;
	color:#fff;
	margin:5px;
}

.error a,
.message a {
	color:#fff;
}

pre {
	display:block;
	background:#fff;
	margin:10px;
	padding:10px;
	border:1px #273f80 solid;
	border-radius:5px;
	text-align:left !important;
}

/* Table Styles */
table.data {
	margin:0px auto 20px auto;
	text-align:left;
}
table.data tbody th {
	padding:3px;
	min-width:200px;
	font-size:1.2em;
	font-weight:normal;
}
table.data tbody tr:nth-child(even) {
	background-color:#fff;
}
table.data tbody tr.gap td,
table.data tbody tr.gap th {
	height:2em;
	vertical-align:top;
}
table.data tbody th,
table.data tbody td {
	vertical-align:top;
}
table.data tbody td {
	padding:0px 3px;
	font-family:monospace;
}
table.data tbody a.button {
	padding:2px 5px;
	margin:0px 10px;
}
table.data tbody td.icons {
	min-width:16px;
	padding:0px 6px;
	white-space:nowrap;
}
.nowrap {
	white-space:nowrap;
}

/* Flex Grids */
.grid {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:center;
}
.grid > section {
	max-width:700px;
}

/* Search Results */
ul.SearchResults {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.SearchResults li {
	margin-bottom:3px;
	cursor:pointer;
	background-color:#fff;
	padding:3px;
	border:1px #273f80 solid;
	border-radius:3px;
}

ul.SearchResults li .hl {
	background-color:#ff0;
}

ul.SearchResults li .Name {
	font-size:1.5em;
	font-weight:bold;
}

ul.SearchResults li .GoesBy {
	color:#007;
	font-size:0.8em;
}

ul.SearchResults li .Spouse {
	font-size:0.8em;
}

/* Customer Documents */
.CustomerDocuments ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

.CustomerDocuments li {
	margin:3px auto;
	background-color:#fff;
	border:1px #273f80 solid;
	border-radius:3px;
	width:90%;
	white-space:nowrap;
	text-align:left;
}
.CustomerDocuments a {
	display:inline-block;
	max-width:280px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-right:-3px;
}
.CustomerDocuments li:not(.noclick):not(.DocumentMissing) {
	cursor:pointer;
}

.CustomerDocuments li.DocumentMissing {
	background-color:#900;
	color:#fff;
}

.CustomerDocuments li .Filesize {
	float:right;
	line-height:24px;
	font-size:0.8em;
	margin-right:3px;
}

.CustomerDocuments li .FileTasks {
	float:right;
	margin-right:3px;
	line-height:24px;
}

/******************* YES/NO *******************/
.yesno {
	list-style:none;
	margin:0px;
	padding:0px;
	display:flex;
	-webkit-flex-flow:row wrap;
	justify-content:center;
}
.yesno li {
	margin:10px 20px;
	text-align:center;
	border:1px #666 solid;
	border-radius:5px;
	cursor:pointer;
}
.yesno li a,
.yesno li button {
	border:0px;
	font-weight:normal;
	padding:10px;
	display:block;
	font-weight:bold;
}
.yesno li.yes,
.yesno li.yes a,
.yesno li.yes button {
	background-color:#900;
	color:#fff;
}
.yesno li.yes:hover,
.yesno li.yes a:hover,
.yesno li.yes button:hover {
	background-color:#a00;
}
.yesno li.no,
.yesno li.no a {
	background-color:#009;
	color:#fff;
}
.yesno li.no:hover,
.yesno li.no a:hover {
	background-color:#00a;
}

/* Reports */
.ResultCount {
	font-size:0.8em;
}
tr.inactive {
	color:#900;
}
tr.inactive .CustomerName {
	text-decoration:line-through;
}