/* KFMA web site style sheet. June 2019 revision. */

#myFakeElement{color:red ;}


body {
	margin: 0;
	background-color: white ;
	font-family: Arial, Helvetica, sans-serif;
}

.kfma-bk-green {
	background-color: #267c53 !important;
	color:white  !important;
}

.kfma-green {
	color: #267c53;
}

.kfma-darkgreen {
	color: #1F7c51 !important;
}

.kfma-bk-darkgreen {
	background-color: #1F7c51 !important;
	color:white  !important;
}
.kfma-title {
	font-size:16pt ;
}

@media screen and (min-width:601px) {
.kfma-halfish {
	width:90% ;
	margin:0 5% ;
}
}

@media  screen and (max-width:600px) {
.kfma-halfish {
	width:100% ;
}
}

a{
	text-decoration: none ;
	border: 0 ;
	//color: #267c53 ;
	color:blue ;
}

.strike{
	text-decoration: line-through;
}

#maindiv{
	margin: 0 auto ;
	background-color: white;
	width:944px;
}

/*
@media (min-width:1034px) {
	#maindiv{
		border-left:5px solid #e3e0dd ;
		border-right:5px solid #e3e0dd ;
	}
}
*/
#header {
	padding-left:330px ;
	padding-top:28px ;
	height:92px;
	background-color:white ;
}

#header a{
	font-size:10pt;
}

#header_small {
	margin-left:90px ;
	height:32px;
}

#logo {
	position:absolute ;
	top: 0;
	left: 100px ;
	z-index:10 ;
}

#logo_small {
	position:absolute ;
	top: 0;
	left: 0px ;
	z-index:10 ;
}

#topimage {
	position:relative ;
	z-index:5 ;
}

#contentBlock{
	background:white;
	
}
@media (min-width:600px) {
	#contentBlock{
		width: 944px;
		margin: 0 auto ;
	}
}

@media (max-width:600px) {
	#contentBlock{
		width: 100%;
		margin: 0 ;
	}
}

#footer {
	font-size:75% ;
	height: 35px;
	line-height: 35px;
	background-color: #006837;
	width:100%;
	color:white ;
}	

#footer div{
	max-width:943px ;
	margin: 0 auto ;
}

#footer div{
	padding-left:5px;
}

#footer span { 
	float:right; 
	padding-right:5px;
}

#footer a {
	color:white ;
}
.highlight{
	background: yellow ;
}

@media (min-width:600px) {

	.search-leftcol{
		width: 50%;
		float: left;
	}
	.search-rightcol{
		width: 50%;
		float: right;
	}
}

@media (max-width:600px) {

	.search-leftcol{
		width: 100%;
	}
	.search-rightcol{
		width: 100%;
	}
}

.search-alphabox{
	width: 90%;
	margin: 20px auto;
	border: 1px solid #EEE;
}

.search-alphabox p{
	margin-left: 5px ;
}

.search-boxhead{
	background: #EEE;
	width:220px;
	padding: 5px 0px 0px 5px;
	margin-bottom:5px;
	font-weight:bold ;
}

#marketDetails {
	margin-left:10px ;
	border-collapse: collapse ;
}
#marketDetails td {
	vertical-align: top ;
	border-top:1px solid black ;
	font-size:10pt;
	padding-top:5px ;
	padding-bottom:5px ;
}


.popup{
	position: fixed ;
	top: 200px ;
	left:400px ;
	background: #8080FF ;
	color:white ;
	border:1px solid black ;
	padding:5px ;
	width:300px ;
	text-align:center ;
}

.genwindow{
	position: fixed ;
	top: 200px ;
	left: 200px ;
	background:white;
	border:1px solid black;
	color:black ;
	display:none ;
	z-index: 45 ;
	overflow:auto ;
	height:800px ;
}

.genwindow h3{
	margin:0 ;
	background-color:blue ;
	color:white ;
	font-weight:normal ;
	font-size:12pt ;
	padding: 3px 0 3px 5px ;
	cursor: move ;
}
.genwindow h4{
	float:right;
	background:#DDD;
	border:1px solid #888;
	padding:2px;
	margin:0 ;

}

.leftfloat {
float: left;
}
.rightfloat {
float: right;
}

.rpic {
float: right;
margin-left: 10px;
}
.lpic {
float: left;
margin-right: 10px;
}

.market_m div{
	margin:10px ;
}

.market_m a{
	text-decoration:none ;
}

.market_m a::after{
	content:" >" ;
}

.market_m div div{
	margin:0 ;
}

.market_m div  p{
/* 	line-height:0 ; */
}

.market_m h1, .market_r h1{
	background: white;
	margin: 0 ;
	padding-left:10px ;
	padding-right:0px ;
/*	padding-top:10px ;
	padding-bottom:10px ; */
}

.fixedfoot{
	position:fixed ;
	bottom: 0;
	background: yellow ;
	color: blue ;
	height: 24px;
	width:600px;
	padding:3px ;
	border:1px solid #888 ;
}

.fixedfoot a, .fixedtop a{
	color: blue ;
	text-decoration: none ;
}

.fixedfoot a:hover, .fixedfoot.pseudolink:hover, .fixedtop a:hover{
	color: black ;
}

.fixedtop{
	position:fixed ;
	top: 0;
	left:0 ;
	background: yellow ;
	color: blue ;
/*	height: 24px; */
/*	width:600px; */
	padding:3px ;
	border:2px solid black ;
	z-index:30;
	font-size:10pt ;
}

.pseudolink
{
	cursor:pointer ;
	font-weight:bold ;
}

#map{
	width:100%;
	height:500px;
}

.mapx{
/* margin-top:90px; */
	position:relative;
	width:820px ;
	height:500px ;

}

.map .div1{
	width:100%;
	background:white ;
}

.map #div2{
	position:absolute; 
	top:0px;
	left:441px;
	border: 1px solid #6ac7d2;
	background:#cfebef;
	/* width:300px ; */
	padding-bottom: 2px ;
	z-index: 10 ;
}

.map #div2 table{
	background: inherit ;
}

.map #div2 table img{
	cursor: pointer ;
	width: 30px ;
	height :30px ;
}

.map #mapstatus{
	position:absolute; 
	top:555px;
	left:10px;
	display:none ;
}

.map #mapinfo{
	background:white ;
	border:1px solid #8CC63f ;
	position:absolute; 
	top:655px;
	left:10px;
	display:none ;
	text-align:center ;
	font-size:8pt ;
	padding: 0 ;
	color: black ;
	z-index: 5 ;
	width:250px ;
	font-weight:normal ;
}

.map #mapinfo h1{
	background:#8CC63f ;
	width:100% ;
	color: black ;
	font-size:8pt ;
	margin:0
}
#calendar{
	border-collapse: collapse ;
	margin-right:10px;
}

#calendar td{
	margin: 0;
	border: 1px solid gray ;
	width: 14% ;
}

#calendar td.md{
	height:80px ;
	border-bottom: 2px solid #444;
	vertical-align:top;
}

#calendar td.nob{
	border:0 ;
	text-align:center ;
}

#calendar td.fill{
	color:white ;
	background:#8cc63f ;
}

#calendar td.w{
	width:2% ;
	vertical-align:middle;
}

#calendar td.notmon{
	background:#eeeeee ;
}

#calendar td div{
	font-size: 10px ;
	border-left: 8px solid #8cc63f ;
	margin-bottom: 2px ;
	padding-left:2px ;
}

#calendar td div a{
	color:black ;
	font-weight:bold ;
}

#NotableDay{
	color:white ;
	font-size:12pt ;
	font-weight:normal ;
	padding-top:5px ;
}


#adminToolbar{
	/* width:100% ; */
	background: #DDD ;
	color: black ;
	margin:0 ;
	padding:5px ;
}

#adminToolbar a{
	margin-left:5px ;
	margin-right:10px ;
	font-weight: normal ;
	color: blue ;
}
#adminToolbar a.toolbarActive{
	color:red ;
	font-weight:bold ;
}
.indent{
	margin-left:20px ;
}
.indent2{
	margin-left:30px ;
}

#adminMenu, #adminMenu table{
	background:#ddd;
	border-spacing:20px 10px;
}

#adminMenu table td{
	border-top: 1px solid black ;
	border-left: 1px solid black ;
	border-right: 1px solid white ;
	border-bottom: 1px solid white ;
	margin-right:10px ;
	padding:5px;
	vertical-align: top ;
}

#adminMenu table td p:first-child a{
	font-weight:bold ;
}

.numalert{
	position:absolute;
	background-image:url('/images2/red.png');
	background-repeat:no-repeat ;
	width:22px;
	height:23px;
	color:white;
	z-index: 2;
	margin-top:-15px ;
	margin-left:-18px ;
	text-align:center;
	padding-top:4px;
	font-size:0.7em ;
	font-weight: bold ;
}

.contentbanner { display: none ;}

.redx, .pseudolinkx { color:red;font-weight:bold; cursor:pointer; font-size:125%;}

.closer{
	float:right;
	cursor:pointer;
}

.editBar{
	margin: 0 ;
	padding: 0 ;
	background-color: white ;
}

.editBar span {
	background-color: #DDD ;
	border: 1px solid transparent ;
	margin: 2px ;
	padding: 2px ;
	cursor:pointer ;
}

.editBar span:hover {
	border: 1px solid black ;
}

.charCount{
	color:#888 ;
}

.charCount:before{
	content: "Characters: " ;
}

@media (max-width: 600px) {
	.w3-mobile {
		margin-left:5px;
		margin-right:5px;
	}
	
	.kfmaTable tr { display: table;  width:100%;    }               
	.kfmaTable td {    display: table-row; }      
	
	
	#small_menu .w3-bar-item{
		padding-bottom:0;
	}
}