img.inLine {
	vertical-align: bottom;
	height: 18px;
}

.message-box {
  /* width: 400px;*/
  height: 14px; 
  padding: 3px;
  background: #93ee59;  /* lime green */
  /* color: black; */
  text-align: center;
  /* border: 1px solid gray; */
}

/* Above should be according to standard layout rules
https://www.lifewire.com/dont-use-tables-for-layout-3468941 ::html why not use table for layout 
More study needed...: https://www.w3schools.com/css/css_website_layout.asp
https://stackoverflow.com/questions/6063308/touch-css-pseudo-class-or-something-similar
 */

/* https://www.quora.com/How-do-you-make-one-div-layer-show-over-another-in-HTML-CSS */

#divOnTop { z-index: 10; 
position: relative;
background-color:white;
top: 9px;
left: 107px;
font-weight: bold;
	color: red; 
}
/* The above is no longer used - was used for help index numbers   */ 

.line18 { line-height: 22px;}

img { border:0px;
}

a.p_inline {
	display: inline;
	}

table td a {
  display: block;
}
/* http://stackoverflow.com/questions/5613987/want-to-make-entire-td-cell-an-anchor */
table td.flags a {
  display: inline;
}
/* 
div.mid a:hover {
  font-size:inherit;
}
 */
div a:hover {
  font-size:inherit;
}


div.mid {
	text-align:justify;
	margin:50px;
	text-align:  left: 
	
}

div.flags a {
  display: inline;
}


a.mobi:link, 
a.mobi:visited,  
a.mobi:active, 
a.mobi:hover {
	display: block;
	line-height: 20px;
	background-color: lightgray;
	
	
	border: 1px solid gray;
	
	margin-bottom: 0px;
	font-family: Calibri, sans-serif;
	font-size: 12px;
	color: #313b45;
	
	}
/* http://doctype.com/make-entire-table-cell-link  */
/* http://stackoverflow.com/questions/5567948/css-same-style-for-alink-avisited-ahover-aactive-really-have-to-write-it-al/5567984#5567984 */
a.mobidel:link, 
a.mobidel:visited,  
a.mobidel:active, 
a.mobidel:hover {
	display: block;
	line-height: 40px;
	background-color: gray;
	font-weight:bold;
	color:white;
	border: 2px solid crimson;
	}



.highlight {
    background: #c1e66f ;
	border : thin solid Green; 
	
}

.highlight2 {
    background: #c1e66f ;
	border : thin solid Green; 
	
}


/* http://stackoverflow.com/questions/4641752/css-how-to-style-a-selected-radio-buttons-label */
.radio-toolbar input[type="radio"] {
/*      display:none;  */
	margin: 0px;
}

.radio-toolbar input[type="radio"]:checked {

/*	color:green;
	font-weight: bold;*/
	margin: 0px;

}

.radio-toolbar2 input[type="radio"] {
/*      display:none;  */
	margin: 0px;
}

.radio-toolbar2 input[type="radio"]:checked {

/*	color:green;
	font-weight: bold;*/
	margin: 0px;

}



/*label {
    background:#aaa;
    color:#eef;
*/
/*    border-radius:8px;   
    padding:3px;
    margin:5px; 
    padding-top:3px;*/
/*    cursor:pointer;
}*/



/*
input {
    margin-right:1em;   
}
*/


input, textarea, select {
margin-bottom: 12px;
	font-family: Calibri, sans-serif;
	font-size: 12px;
	color: #313b45;
}

input.marless, textarea.marless {
	margin-bottom: 0px;
	font-family: Calibri, sans-serif;
	font-size: 12px;
	color: #313b45;
}

input.wout {
margin: 0px;
height: 14px;
}



li {
	margin-bottom:6px;
}


/* https://css-tricks.com/fixing-tables-long-strings/ */

.display0main {
	height: 28px;
	table-layout: fixed;
/*	width: 20%;*/
	white-space: nowrap;
/*z-index: 100; 
position: relative;*/
}


.display0main td {
	padding-top: 4px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 4px;
	padding-right: 4px;
	}

/*.row-caller {
	width:50%;}

.row-callee {
	width:50%;}*/





table {
	font-family: Calibri, sans-serif;
	font-size: 12px;
	color: #313b45;
/*	color: red;*/
}

th {
	font-family: Calibri, sans-serif;
	font-size: 12px;
	color: #313b45;
}


.cserif {
/* 
	background-image: url("bagr02.jpg");
	background-repeat: no-repeat; 
	 */
	font-family: Calibri, sans-serif;
	font-size: 12px;
	color: #313b45;
	padding: 3%; 
/* Added for better access in mobiles */


}

/*.cserifmobile {
	font-family: sans-serif;
	font-size: 14px;
	color: #313b45;
}*/

/*Body width is I believe the width of the browser window - you can't dictate that in .css
https://www.sitepoint.com/community/t/setting-body-width-in-css/1355
*/


.csmaller {
	font-size: 12px;
	font-weight: normal;
}


.odd2 {background-color: #dbdbdb;
	font-weight: normal;
	font-family: Calibri, sans-serif;
/*	font-size: smaller;*/
}
.even2 {background-color: #c1e66f;
	font-weight: normal;
	font-family: Calibri, sans-serif;
border : thin solid Green;
/*	font-size: smaller;*/
}

.odd1 {background-color: #dbdbdb;

	font-family: Calibri, sans-serif;
	font-size: 12px;
	line-height : 18px;



}
.even1 {background-color: #c1e66f;
	font-family: Calibri, sans-serif;
border : thin solid Green;
	font-size: 12px;
	line-height : 18px;

}

.qodd {background-color: #c1e66f;

	/*font-weight:bold;*/
	font-family: Calibri, sans-serif;
	font-size: 12px;
	line-height : 18px;
	width: 80%;
}

.odd {background-color: #dbdbdb;

	/*font-weight:bold;*/
	font-family: Calibri, sans-serif;
	font-size: 12px;
	line-height : 18px;
	width: 80%;
}

.oddnewn {background-color: #dbdbdb;
	/* font-variant: small-caps;
	font-weight:bold; */
	font-family: Calibri, sans-serif;
	font-size: 12px;
	line-height : 18px;
	width: 80%;
}


.even {background-color: #dbdbdb;
	/*font-weight:bold;*/
	font-family: Calibri, sans-serif;
	font-size: 12px;
	line-height : 18px;
	width: 80%;
}
.even_default {background-color: #c1e66f;
	/*font-weight:bold;*/
	font-family: Calibri, sans-serif;
	font-size: 12px;
	line-height : 18px;
	width: 80%;
}
.eo {background-color: #98fb98;
}

td.phead {
font-weight:bold; 
text-align:left;
}

.phead {
/*font-weight:bold; */
text-align:center;
width:80%
}

a.dimm:link {
	font-size:10px;
}
a.dimm:visited {
	font-size:10px;
}



/* visited link */
a:visited {
color : blue;
}


a:link {
	text-decoration : none;
}
/* visited link */
a:visited {
color : blue;
}

/* mouse over link */
a:hover {
    color: #FF00FF;
	/* font-size: 14px; */
/*	font-weight: bold;*/
}

a:hover.blind {
    color: #FF00FF;
/*	font-size: 14px;
	font-weight: bold;*/
	cursor : text;
}


/* selected link */
a:active {
    color: #0000FF;
}


/* p {color:blue;} */

 sup {
    vertical-align: super;
    font-size: smaller;
	font-family: Calibri, sans-serif;
	
}



.sup1a {
display: inline;
vertical-align: 0;
           position: relative; 
bottom: 0.8ex; 
/*	font-weight: bold;*/
/*color:#20b2aa;*/
/*color:#313b45;*/
background-color:yellow;
vertical-align : top;
font-size:11;

/*	background-color: white;
	outline-style : solid;
	outline-width : thin;
	outline-color : Blue;
*/}



.ha {

color:#313b45;
background-color:yellow;
vertical-align : top;
}



/*.ha {
color:brown;
font-weight: bold;
background-color:yellow;
vertical-align : top;
}

.hb {
font-weight: bold;
}

*/