﻿html>body {
	background: #eeeeee;
	margin: 10px;
	padding: 0px;
	font-family: 'Calibri', 'Trebuchet MS', 'Verdana', 'Lucida Sans Unicode', 'Lucida Sans', 'Tahoma', 'Arial Unicode MS', 'Arial', 'Helvetica', sans-serif;
}

h1, h2, h3, h4, h5, h6, header {
	font-weight: normal;
	color: #16649a;
	margin: 0em;
	padding: 0em;
}

.headerSpan {
	color: #0d7cca;
}

h1 {
	font-size: 1.4em;
}

h2 {
	font-size: 1.2em;
}

h3 {
	font-size: 1.0em;
}

h4, h5 {
	font-size: 0.8em;
}

h5, h6 {
	font-weight: normal;
}

h6 {
	font-size: 0.9em;
}

.headingControls {
	padding: 1%;
}

.flagNotice {
	margin: 2%;
	padding: 2%;
}

.flagNotice, .error {
	color: red;
	border: dotted thin;
}

.percent {
	text-align: right;
}

.time {
	text-align: right;
}

table.center, div.center {
	margin-left: auto;
	margin-right: auto;
}

table.streetLocation {
	display: inline-table;
	margin: 0em;
	padding: 0em;
	border-collapse: collapse;
	border-spacing: 0em;
}

table.streetLocation .labels {
	font-size: 0.75em;
	text-align: center;
}

table.streetLocation input {
	/*height: 1em;*/
	margin: 0em;
}

table.streetLocation select {
	margin: 0em;
}

#ReportPermissions table {
	text-align: center;
	margin: 0 auto;
	width: 612px;
}

#ReportPermissions td.userreport {
	width: 608px;
	text-align: left;
}

#ReportPermissions td.userreport div {
	margin-left: 9px;
	padding: 3px;
}

#ReportPermissions td.controls {
	vertical-align: middle;
	text-align: center;
}

#ReportPermissions td.controls div {
	margin: 0 0.5em;
}

#ReportPermissions .button {
	font-family: monospace;
}

header {
	font-weight: bold;
}

label, .label, .multilinelabel {
	display: inline-block;
	margin: 0em;
	padding: 0em;
	text-align: left;
}

.label {
	min-width: 4.5em;
}

.label, .multilinelabel, .PartialDate label .labelText {
	font-weight: bold;
	font-size: .9em;
}

.checkboxLabel {
	cursor: pointer;
}

.labelText {
	display: inline-block;
	min-width: 3.5em;
}

.shortlabel .labelText {
	min-width: 1em;
}

.PartialDate .UnknownCheckbox label {
	min-width: 8em;
}

.PartialDate label.label {
	font-weight: normal;
}

.search .group .shortlabel .labelText {
	min-width: 4em;
}

.search .group .mediumlabel .labelText {
	min-width: 6em;
}

.section .mediumlabel .labelText, .checkboxItem {
	min-width: 8em;
}

.longlabel .labelText {
	min-width: 11.5em;
}

.longerlabel .labelText {
	min-width: 16em;
}

.screening div {
	margin-left: 2em;
}

.screening header {
	margin-left: -1em;
}

.screening .longlabel .labelText {
	min-width: 15em;
}

.screening .medlonglabel .labelText {
	min-width: 9.5em;
}

.section .checkboxGroup {
	width: 65em;
	margin: 0 auto;
}

.checkboxGroup .checkboxItem {
	min-width: 16em;
	display: inline-block;
}

.checkboxGroup .controls {
	text-align: center;
}

.multilinelabel {
	vertical-align: top;
}

.verticalLabel .labelText {
	display: block;
}

.field {
	font-weight: normal;
}

input, .field, select, label, .label, .name {
	vertical-align: middle;
}

input[type="text"], select, .name {
	line-height: 1.25em;
}

/*.name {
	height: 1.5em;
}*/

input[type="text"] {
	height: 1.65em;
}

select {
	height: 1.85em;
}

textarea {
	white-space: pre-wrap;
}

div.location {
	display: inline-block;
	height: auto;
	min-width: 20em;
	max-width: 48%;
}

.locationOtherSelected {
	background-color: greenyellow;
}

/*.locationControl, .locationCity, .locationCounty {
}*/

.divMenu, .copyMenu button {
	border: solid 1px black;
	background: #e0e9f2;
}

.divMenu {
	position: absolute;
	padding: 5px;
	width: 13.4em;
}

.linkMenu {
	color: #0046d5;
	cursor: pointer;
	text-decoration: underline;
}

.copyMenu {
	text-align: right;
}

.section .locationOther, .locationOther {
	margin-left: 5.5em;
}

legend {
	/*width: 10em;*/
	text-align: center;
	font-weight: normal;
	background-color: #e0e9f2;
	color: #0046d5;
}

.fieldsetgroup, .reportgroup, .searchExternal {
	text-align: center;
}

.reportgroup h1 {
	margin-bottom: 1em;
}

.fieldsetgroup .section, .searchExternal .section {
	text-align: left;
}

fieldset, .fieldsetgroup, .reportgroup, .searchExternal {
	margin: 0em;
}

.fieldsetgroup fieldset {
	margin: 0.25em 0.25em;
	padding: 0.25em;
}

.ownership {
	width: 65%;
}

.triblock, .dualleft, .dualright, .birth .mother, .birth .father {
	display: block;
	float: left;
	min-height: 1em;
}

.dualleft, .birth .mother {
	width: 47%;
}

.dualright, .birth .father {
	width: 48%;
}

#NewRecord .triblock {
	min-width: 250px;
	width: 28%;
	max-width: 400px;
}

#NewRecord .dualleft {
	min-width: 310px;
	width: 30%;
	max-width: 500px;
}

#NewRecord .dualright {
	min-width: 580px;
	width: 64%;
	max-width: 850px;
}

.dual {
	clear: both;
}

.section {
	margin: 0.2em 0.1em;
}

.float .section, #Facility .section {
	float: left;
}

.float .section {
	min-width: 21em;
	max-width: 49%;
}

#ImportExport #Search .section {
	min-width: auto;
	text-align: center;
	width: 47%;
}

#ImportExport #Search > .group {
	margin: 0 auto;
}

.float .wide, .wide {
	width: 100%;
}

.float .wide, #Facility .wide {
	max-width: 100%;
	min-width: 40%;
}

#FacilityPage #Facility {
	width: 625px;
	margin: 0 auto;
}

.title {
	min-width: 8em;
}

.section *, .search .group *, .search .controls *, #Signatures .group * {
	margin: 0.05em 0em;
}

.section .label {
	margin-right: 0.2em;
}

.section label, .section .nowrap, .wrapit {
	white-space: nowrap;
}

.section .wrapit label {
	margin-left: 1em;
	text-indent: -1em;
	white-space: normal;
}

.section .wrapit input {
	vertical-align: top;
}

.sectionGroup {
	clear: both;
}

#FieldVerification .verification {
	padding: 0.5em;
}

#FieldVerification .sectionGroup {
	width: 100%;
	padding: 0.1em;
	margin: 0.5em;
}

#FieldVerification .isField {
	width: 100%;
	border-right: thin dotted;
}

#FieldVerification .isVerified {
	padding-left: 2em;
}

.section .subsection {
	padding-left: 0.8em;
}

.field .subsection {
	padding-left: 4em;
}

.search {
	text-align: left;
}

.search .controls {
	text-align: center;
}

.search .group {
	display: inline-block;
	text-align: left;
}

.search .group label {
	min-width: 10em;
}

.search .group .longlabel, .search .group .longlabel .labelText, .tricolumn .mediumlabel {
	min-width: 8em;
}

.searchExternal fieldset {
	width: 85%;
	margin: 0.25em auto;
	padding: 0.25em;
}

.searchExternal #Criteria table {
	text-align: left;
	margin: auto;
}

.searchExternal #Criteria table tr {
	vertical-align: top;
}

.searchExternal #Criteria table tr th {
	font-weight: bold;
	font-size: 0.9em;
}

.locked input {
	border-width: 2px;
	border-style: groove;
}

.numeric input {
	text-align: right;
}

.tricolumn {
	text-align: left;
	width: 98%;
}

.tricolumn * {
	vertical-align: middle;
	text-align: left;
}

.tricolumn .column1, .tricolumn .column2, .tricolumn .column3 {
	display: inline-block;
	width: 32%;
	min-height: 1.5em;
}

.reject {
	padding: 0.5em;
	background-color: #ffffcc;
	color: #0b324d;
	border: solid 1px #86bde4;
	text-align: left;
}

.reject * {
	padding: 0.25em;
}

.reject .multiline {
	vertical-align: top;
}

.rejectNotes {
	text-align: left;
}

.tab {
	cursor: pointer;
}

.validation, .validationSummaryError {
	text-align: left;
	color: red;
}

.PartialDate .validation, .gestation {
	position: absolute;
	font-size: 0.75em;
	padding: 0.2em;
	border: thin dotted;
}

.PartialDate .validation {
	margin-top: 2em;
}

.PartialDate .info {
	font-size: small;
	font-style: italic;
	font-family: 'Consolas', monospace;
}

.gestation {
	color: #0d7cca;
	border-color: #0d7cca;
	font-style: italic;
}

.hide {
	display: none;
}

.reportViewer {
	margin: 0.5em auto;
	min-width: 800px;
	width: 1000px;
	overflow: auto;
	/* TODO: go through and adjust all reportViewers so they use the Standard.css rather than inline styles.
		Compare to SuicideReport.aspx in Death and MidwifeReport.aspx in Birth.
	*/
}

h2.warning {
	font-size: 0.9em;
	margin-top: -1.5em;
	margin-bottom: 1em;
	color: red;
}

.reportListing, .printListing {
	margin: 0em 1em;
}

.reportListing li, .printListing li {
	text-align: left;
	padding: 0.1em 0em;
}

.reportListing ul#ReportList, .printListing #Print ul {
	list-style-position: inside;
	list-style-type: square;
}

.printOptions {
	margin-top: 1em;
}

.extendedMenu {
	margin-top: 2.5em;
}

.duplicatedRecord {
	background: transparent;
}

.subheader {
	clear: both;
	margin: 2.2em -1% -2% -1%;
	padding: 0em;
}

.recordInfo {
	clear: both;
	margin: 2.4em auto 0.4em auto;
}

.recordInfo br {
	height: 1.4em;
}

.recordInfo table {
	width: 95%;
	margin: auto;
}

.ssnovs, .ssnovsdetails {
	background: #ffdcdc;
}

.ssnovs {
	opacity: 0.85;
}

.includeovsdetails {
	cursor: pointer;
	text-decoration: underline;
}

.ssnovsdetails {
	width: 55%;
	margin: 0 auto;
	text-align: left;
}

.ssnovsdetails h3 {
	text-align: center;
}

#States {
	margin-top: 0.5em;
	padding-top: 0.5em;
}

#States div.controls {
	text-align: left;
	width: 30%;
	margin: 0 auto;
}

#States div.statelist {
	margin-top: -0.75em;
}

.AdminRole {
	font-weight: bold;
	opacity: 1;
}

.ManageRole {
	font-weight: bold;
	opacity: 0.75;
}

.UseRole, .OrderRole, .SysRole {
	font-style: italic;
}

.EditRole, .NoteRole, .GobackRole, .QaRole, .ReportRole, .ReceiptRole {
	color: rgba(64, 64, 64, 0.75);
}

.AdoptRole {
	color: rgb(64, 192, 192);
}

.BirthRole {
	color: rgb(64, 192, 64);
}

.DeathRole {
	color: rgb(64, 0, 0);
}

.DivRole {
	color: rgb(128, 64, 192);
}

.FetalRole {
	color: rgb(128, 32, 32);
}

.MarryRole {
	color: rgb(192, 64, 128);
}

.flagAlert {
	width: 145px;
	text-align: center;
	font-weight: bold;
	color: white;
	background: #ff0000;
}

.flagType {
	background: #aa0000;
}

.flagDeceased {
	background: #cc0000;
}

.flagBlockPrint {
	background: #FFA000;
}

#Signatures {
	text-align: left;
	margin-left: 1em;
	margin-right: 1em;
}

#Signatures .signature {
	border-bottom: solid 1px;
	margin-top: 2em;
	margin-bottom: 1em;
}

#Signatures .group {
	padding: 0.5em 0.2em 0.2em 2.5em;
}

#Signatures .controls, .modalPopup .controls {
	text-align: right;
}


#CauseOfDeath {
	border-collapse: collapse;
}

#CauseOfDeath td, #CauseOfDeath th {
	text-align: left;
}

#CauseOfDeath th {
	font-size: 0.9em;
}

.notHere {
	position: absolute;
	width: 10%;
	height: 60px;
	visibility: hidden;
}

.viewsResponse {
	position: absolute;
	z-index: 10;
	left: 28.5em;
	margin-top: -1.65em;
	padding: 0em;
	background-color: #d0d0d0;
	color: #444444;
}

.viewsResponse * {
	margin: 0em;
}

.viewsError {
	background-color: #eeeeee;
	padding: 0.2em;
}

.spellingError .term {
	color: red;
	padding-right: 1em;
}

.viewsError .singleRow {
	height: 1em;
	overflow-x: hidden;
	overflow-y: auto;
}

.viewsLevel {
	display: none;
}

.modalPopupPrint {
	background-color: #eeeeee;
	padding: 0.4em;
	width: 930px;
	height: 80%;
}

.modalPopupPrint .header {
	background: #e0e9f2;
	color: #0046d5;
	text-align: center;
}

.modalPopupPrint div {
	margin: 0.2em;
	padding: 0.2em;
}

.modalBackground, .ui-widget-overlay {
	background-color: gray;
	filter: alpha(opacity=40);
	opacity: 0.4;
}

.modalPopup, .ui-dialog {
	background-color: #eeeeee;
	padding: 0.4em;
	width: 640px;
}

.modalPopup div, .ui-dialog .ui-dialog.content {
	margin: 0.2em;
	padding: 0.2em;
}

.modalPopup .header, .ui-dialog .ui-dialog-titlebar {
	background: #e0e9f2;
	color: #0046d5;
	text-align: center;
}

.modalPopup .search, .modalPopup .controls, .ui-dialog .ui-dialog-buttonpane {
	text-align: center;
}

.modalPopup .search .group {
	width: 80%;
}


.printView {
	font-size: 1em;
	text-align: left;
}

.printView .label {
	font-size: 1.2em;
}


@media print {
	body {
		background: #ffffff;
		color: #000000;
		font-family: 'Arial', 'Helvetica', sans-serif;
	}

	.printView .controls {
		display: none;
	}

	.hide {
		display: none;
	}
}

/*Google Places Autocomplete*/
.pac-container, .pac-item {
	width: inherit !important;
}
