/* 
	 Colors used in the site
	 #000000 - black
	 #006040 - dark green
	 #00ff00 - light green
	 #4CAF50 - greenish
	 #D2D2D2 /  rgb(210, 210, 210) - light grey
	 #FFEBCD - pastel yellow
	 #cfee99 - pastel green
	 #ff0000 - red
	 #ffcc00 / rgb(255, 204, 0) - gold
	 darkblue
	 yellowgreen
*/


/* Settings for all sub-directory index.html */
#index { 
  color:#000000;
  background-color:#006040;
}

h2 { 
	color: #ffcc00;
}

body { 
  color:#D2D2D2;
  background-color:#006040;
  font-family: "Times New Roman", Times, serif;
}

a:link {color:#ffcc00;}
a:visited {color:#00ff00;}
/*a:hover {  } */
a:active {color:#ff0000;}

.oriole-text {
  /* color: rgb(255, 204, 0);*/
  color:#ffcc00;
}
.oriole-text-italic {
  color:#ffcc00;
  font-style: italic;
}

/* No underline */
.oriole-link {
  text-decoration:none;
}

sup.new {
  color: #00ff00;
  font-style: italic;
  font-weight: bold;
  font-size: smaller;
}

.text-italic {
  font-style: italic;
}

.dead {
  color: black;
  font-weight: bold;
/*	background-color: black;*/
}

/*================================================================================
The below moved from OrioleViewer.css since they are common to OrioleViewer and Find
However, due to some quirk caption and .title have to be separated.
Moreover, after clearing browser cache, closing and reopening browser each time and trying all combinations:
1. caption has to be kept in OrioleViewer.css for OrioleViewer to work.
2. caption has to be kept in in common.css and PhotoPage.css for Find to work.
Yeah! Go figure! Something to do with user agent <caption> style
*/
caption { 
	color: #ffcc00;
}
.title {
	color: #ffcc00;
}
.topLeft {
	position: absolute;
	top: 1%;
}
.topLeftHalf {
	position: absolute;
	top: 1%;
	left: 0%;
	right: 49%;
}
.topCenter {
	position: absolute;
	top: 1%;
	text-align: center;
	left: 0;
	right: 0;
}
.midLeft {
	position: absolute;
	top: 45%;
}
.midLeftHalf {
	position: absolute;
	top: 45%;
	left: 0%;
	right: 49%;
}
.botLeft { 
	position: absolute;
	bottom: 1%;
}
.botLeftHalf { 
	position: absolute;
	bottom: 1%;
	left: 0%;
	right: 49%;
}
.botCenter {
	position: absolute;
	bottom: 1%;
	text-align: center;
	left: 0;
	right: 0;
}
.topRight {
	position: absolute;
	top: 1%;
	right: 0%;
}
.topRightHalf {
	position: absolute;
	top: 1%;
	left: 51%;
	right: 0%;
}
.midRight {
	position: absolute;
	top: 45%;
	right: 0%;
}
.midRightHalf {
	position: absolute;
	top: 45%;
	left: 51%;
	right: 0%;
}
.botRight {
	position: absolute;
	bottom: 1%;
	right: 0%;
}
.botRightHalf {
	position: absolute;
	bottom: 1%;
	left: 51%;
	right: 0%;
}
.centered {
	position: absolute;
	top: 45%;
	text-align: center;
	left: 0;
	right: 0;
}
.l-r, th {
  font-style: italic;
	color: #ffcc00;
	font-weight: normal; /* th bolds text*/
	white-space: nowrap;
}
.nmTag { 
	color: #ffcc00;
}
td { 
	vertical-align: top;
}

.markem { 
  border-style: solid;
  display: inline-block;
  border-color: inherit; /* use current text color unless overridden */
}

.markem.dead {
  border-color: #D2D2D2; /* override to match body text color */
}