html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-family: sans-serif, serif; 
	color: #000;
	background-color: #fff; 
}
label {
	margin: 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 110%;
}
a:link {
	color: #036;
       	text-decoration: none;
}

a:visited {
	color: #066;
       	text-decoration: none;
}

a:hover ,a:active {
	color: #fff;
	background-color: #036;
       	text-decoration: none;
}

img
	{
	border: 0px;
}

@media print {
    div.dontprint {display: none;}
}

table#fachead {
	font-size: 10pt;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0;
	text-align: center;
	background-color: #fff; 
	empty-cells: show;
}

#fachead tr {
	border-spacing: 2px;
	border-top: 0px;
	border-color: #000;
}

#fachead td {
	text-align: center;
}
#fachead td#facility {
	font-size: 12pt;
}

#fachead a {
	display: block;
	color: #000000;
	text-decoration: none;
}

#fachead a:hover,
#fachead a:active {
	color: #fff;
	background-color: #036;
}

#facility a {
	color: #ff5555;
}
table#tcard {
	font-size: 70%;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0;
	text-align: center;
	background-color: #fff; 
	empty-cells: show;
}

#tcard tr {
	border-spacing: 5px;
	border-top: 5px;
	border-color: #000;
}

#tcard td {
	width: 120px;
	text-align: center;
}
#tcard a {
	display: block;
	text-decoration: none;
	color: #000;
}	

#tcard a:hover {
	color: #fff;
	background-color: #000;
}

table#tcards {
	padding: 0px 0px 0px 0px;
	margin: 0;
	text-align: center;
	background-color: #fff; 
	empty-cells: show;
}

#tcards th {
	width: 120px;
	text-align: center;
}
#tcards a {
	display: block;
	text-decoration: none;
	color: #000;
}	
#tcards a:hover {
	color: #fff;
	background-color: #000;
}


div.ord_dets, div.wide_dets {
	left:	10px;
	width:	450px;
	border:	2px;
	border-color: #000066;
	border-style: solid;
	margin: 5px;
	margin-left: 15px;
	padding: 0px;
	overflow: auto;
/*	max-height: 75%;*/
}

div.wide_dets {
	width:	926px;
}
.ord_dets a,.wide_dets a {
	text-decoration: none;
}
.ord_dets h1,.wide_dets h1 {
	margin:0;
	padding:0;
	text-align: center;
        font-size: 90%;
	display: block;
	color: #fff;
	background-color: #000; 
}
.ord_dets th,.wide_dets th {
	text-align: left;
}

.ord_dets h1,.ord_dets h1:link, .wide_dets h1,.wide_dets h1:link {
	color: #fff;
}

.ord_dets h1,.ord_dets h1:visited, .wide_dets h1,.wide_dets h1:visited {
	color: #fff;
}

.ord_dets h1:hover,.wide_dets h1:active {
	color: #000;
	background-color: #fff;
}

table.detstable {
	font-size: 90%;
	border: none;
	margin:0;
	padding:0;
	empty-cells: show;
}
table#logstable {
	font-size: 70%;
	border: none;
	margin:0;
	padding:0;
}
textarea#logtext {
	font-size: 90%;
}
textarea.fillContainer {
        width:100%; 
        height:100px; 
        resize: none; box-sizing: border-box; 
        -moz-box-sizing: border-box; 
        -webkit-box-sizing: border-box;
}

table#dman_head {
	font-size: 10pt;
	font-family: arial, "sans serif", "new century schoolbook";
	border: 0px;
	padding: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 0px;
	background-color: #fff; 
	empty-cells: show;
}

table#dman {
	font-size: 10pt;
	font-family: arial, "sans serif", "new century schoolbook";
	border-collapse: collapse;
	border: 0px solid #000000;
	padding: 0px;
	margin: 0px;
	empty-cells: show;
}

#dman td, #dman th {
	text-align: center;
	border: 1px solid #000000;
	padding: 0px;
	margin: 0px;
}

#dman tr#nobo {
	border: 0px;
}

#nobo td, #nobo th {
	text-align: center;
	border: 0px solid #000000;
	padding: 0px;
	margin: 0px;
}

#dman a {
	display: block;
	text-decoration: none;
	color: #000;
}
#dman a:hover {
	color: #fff;
	background-color: #000;
}
#dman td#red {
	background-color: #f00;
	color: white;
}
#red a {
	display: block;
	text-decoration: none;
	color: #fff;
}

table#sarep {
	font-size: 10pt;
	font-family: arial, "sans serif", "new century schoolbook";
	border-collapse: collapse;
	border: 2px solid #000000;
	padding: 0px;
	margin: 0px;
	empty-cells: show;
}

#sarep th {
	border: 1px solid #aaaaaa;
	border-bottom: 2px solid #000000;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
}

#sarep td {
	border: 1px solid #aaaaaa;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
}

#sarep a {
	display: block;
	text-decoration: none;
	color: #33f;
}
#sarep a:hover {
	color: #fff;
	background-color: #000;
}


input #auth {
	font-size: 9pt;
	font-family: arial;
	/* font-color: Black; */
}
table #authhead {
	font-size: 9pt;
	font-family: arial;
	/* font-color: Black; */
	border-collapse: collapse;
	border: 2px solid #000000;
	padding: 0px;
	margin: 0px;
	empty-cells: show;
}
#authhead th, #authhead td {
	border: 1px solid #aaaaaa;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
}
#authhead a {
	display: block;
	text-decoration: none;
	color: #000;
}	
#authhead a:hover {
	color: #fff;
	background-color: #000;
}
table #auth {
	font-size: 9pt;
	font-family: arial;
	/* font-color: Black; */
	border-collapse: collapse;
	border: 2px solid #000000;
	padding: 0px;
	margin: 0px;
	empty-cells: show;
}
#auth th, #auth td {
	border: 1px solid #aaaaaa;
	border-bottom: 1px solid #000000;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0px;
}
#auth h1 {
	margin-top: 0em;
	margin-bottom: 0em;
}
#auth p {
	clear:left;
}

table.used_list {
	font-size: 9pt;
	font-family: arial, "sans serif", "new century schoolbook";
	border-collapse: collapse;
	border: 0px solid #000000;
	padding: 0px;
	margin: 0px;
	empty-cells: show;
}

.used_list td, .used_list th {
	text-align: center;
	border: 1px solid #000000;
	padding: 0px;
	padding-left: 1px;
	padding-right: 1px;
	margin: 0px;
}

.used_list a {
	display: block;
	text-decoration: none;
	color: #000;
}
.used_list a:hover {
	color: #fff;
	background-color: #000;
}

div.rootmenuDiv
	{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 2px;
	border: 1px solid black;
	background-color: #ddd;
	color: #000;
}

TR.odd	{ 
	background-color: #fffaaa; 
}
TR.even	{ 
	background-color: #fffddd; 
}
TR.error	{ 
	background-color: #ffaaaa; 
}
TR.highlight	{ 
	background-color: #aaffaa; 
}
TR.header	{ 
	background-color: #fffaaa; 
}

.deselected       {
        background-color: #dddddd;
}
.selected       {
        background-color: #aaffaa;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
  border-radius: 10px;
  max-height: calc(100% - 100px);
  position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
  transform: translate(-50%, -50%);
}

/* The modalClose Button */
.modalClose {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modalClose:hover,
.modalClose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.Copyable {
  color: blue;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}

#emailsTable tr:hover td, #emailsTable tr:hover th {
  background: #ffaaaa !important;
}

/* Revision History

2007-01-30  syntax errors corrected as reported by Javascript console
2007-01-31  some selectors corrected. Styles for sa-reports added.
2007-02-06  added #auth for diary_auth1.html
2007-05-04  Altered fachead - set 'A' property.
2008-03-12  Added used_list as used_diary.css is no longer used
2008-05-21  rootmenuDiv added
2008-05-30  Copied fachead and facility from here to hw and users
            set fachead a color #000000
2009-03-10  img border set to 0
2010-02-04  added TR.highlight
2010-03-01  added TR.header
2014-01-16  added width: 100%. height: 100% to html, body
2014-08-17  max-height: 75: removed from ord_dets as it was interfering with ncompound
            edit vehicle
2015-05-08  .selected added
2016-08-09   deselected added
2017-07-13  wide_dets added
2018-04-04  Modal view code added
2018-04-06  Copyable added
*/