a:link {text-decoration: none}
a:visited {color: blue; text-decoration: none}
a:hover { color: #FF0080 ;text-decoration : none}
a:active {color: blue; text-decoration: none}

a.navtex:link, a.navtex:active, a.navtex:visited {color: #FFFFFF;}
a.navtex:hover {color: #FFFF00;}


.center { text-align: center; }


.navbar {
	border-radius:	15px;
	padding: 	5px 5px 5px 5px;
	background-color: #306EFF;
	width:		740px;
	font-weight:	bold;
	color:		#FFFFFF;
}


.footer {
	font-size:	12px; 
	text-align:	center; 
	width:		99%;
	line-height: 20px;
}


body { 
	color:		#333333;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:	17px;
	background-color: #ffffff;
}


img {
        width: 27%;
        height: 10%;
}


#logo {
	text-align:	center;
}


#news {
	margin-right:	20px;
	text-align:	left;
	color:		maroon;
	font-size:	14px;
}


/*****************************************/


h1 {  
	font-size:	22px;
	color:		#f7ad31;
	font-weight:	bold;
}


h2 {  
	font-size:	18px;
	color:		#1341af;
	font-weight:	bold;
}


h3 {
	font-size:	16px; 
	color:		#1341af; 
	font-weight:	bold;
}



ul {  
        font-size:      17px;
        list-style-type: none;
        padding:        0;
        margin: 5px;
}

ol.a {list-style-type: decimal;}
ol.b {list-style-type: lower-alpha;}
ol.c {list-style-type: lower-roman;}
ul.d {list-style-type: disc;}

li {
  display: inline;
}

li a {
        padding:        10px;
}

li.b {
    display: list-item;
    padding: 12px;
}

li.d  {
    display: list-item;
    padding: 4px;
}


textarea {
	font-size:	13px;
	padding:	5px 15px;
	margin:		4px 0;
	display:	inline-block;
	border:		1px solid #ccc;
	border-radius:	14px;
	box-sizing:	border-box;
	background-color: white;
	width:		80%;
}


select {
        font-size:      13px;
        padding:        4px 15px;
        margin:         4px 0;
        display:        inline-block;
        border:         1px solid #ccc;
        border-radius:  14px;
        box-sizing:     border-box;
        background-color: white;
        text-align:     center;
        text-align-last: center;
        width:          80%;
}


input[type=submit] {
	font-size:	12px;
	color:		white;
	padding:	5px 10px;
	margin:		8px 0;
	border:		none;
	border-radius:	40px;
	cursor:		pointer;
	background-color: #4CAF50;
	width:		55px;
}

                                                  
input[type=reset] {
	font-size:	12px;
	color:		white;
	padding:	5px 10px;
	margin:		8px 0;
	border:		none;
	border-radius:	40px;
	cursor:		pointer;
	background-color: darkorange;
	width:		55px;
}


input[type=text] {
	font-size:	13px;
	padding:	5px 10px;
	margin:		8px 0;
	border:		1px solid #ccc;
	border-radius:	40px;
}


input[type=tel] {
	font-size:	13px;
	padding:	5px 10px;
	margin:		8px 0;
	border:		1px solid #ccc;
	border-radius:	40px;
}

                            
input[name=captchaResult] {
	font-size:	12px;
	padding:	5px 10px;
	margin:		8px 0;
	border:		1px solid #ccc;
	border-radius:	40px;
	cursor:		pointer;
	width:		62px;
}


input[name=Phone], input[name=MPhone], input[name=Realname], input[name=email], input[name=Subject] {
	font-size:	13px;
	padding:	5px 10px;
	margin:		8px 0;
	border:		1px solid #ccc;
	border-radius:	40px;
	cursor:		pointer;
	width:		80%;
}


input[name=watts], input[name=freq], input[name=metres], input[name=gain] {
	font-size:	13px;
	padding:	5px 10px;
	margin:		8px 0;
	border:		1px solid #ccc;
	border-radius:	40px;
}


input[name=target] {
	font-size:	13px;
	padding:	5px 10px;
	margin:		8px 0;
	border:		1px solid #ccc;
	border-radius:	40px;
	cursor:		pointer;
	width:		250px;
}



/*******************************************************************************************************/



.tooltip {
  position: sticky;
  display: inline-block;
  border-bottom: 1px dotted black;
}


.tooltip .tooltiptext {
  visibility: hidden;
  width: 430px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 15px 15px;
  position: absolute;
  z-index: 1;
  bottom: 25%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}


.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


/* 
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}
*/




/*******************************************************************************************************/




@media screen and (max-width: 480px) {


.navbar {
	background-color: #306EFF;
	width:		300px;
	font-size:	26px;
	padding: 	5px 5px;
	padding-left:	10px;
        line-height:    1.5;
}

 
.footer {
	font-size:	15px;
	text-align:	center;
	width:		99%;
}

        
img {
	width: 90%;
	height: auto;
}


body { 
        color:          #333333; 
        font-family:    Arial, Helvetica, sans-serif;
        font-size:      19px;
	background-image: none;
	background-color: #ffffff;

}


#news {
	margin-right:	80px;
	text-align:	left;
	font-size:	16px;
	color:		maroon;
}


/*****************************************/



ul, ol {  
	display:	block;
        font-size:      26px;
        width:          95%;
        list-style-type: none;
        padding:        0;
        margin: 0;
}       

li {
  display: inline;

}       


li a {
	padding-left: 40px;
	padding-right: 40px;

}




 

table, thead, tbody, th, tr {
	display: 	block;
	width:		99%;

}


td {
	display: 	block;
	width:		99%;
        font-size:      25px;
}


dd {
	display: 	block;
	width:		99%;
        font-size:      22px;
}

                 

select {
	font-size:	16px;
	padding:	15px 15px;
	margin:		4px 0;
	display:	inline-block;
	border:		1px solid #ccc;
	border-radius:	14px;
	box-sizing: 	border-box;
	background-color: white;
	width:		100%;
}


input[type=text] {
	font-size:	18px;
	line-height:	40px;
	display:	block;
	margin:		0;
	border:		1px solid #ccc;
	border-radius:	20px;
	height:		40px;
	width:		100%; 
}



input[type=tel] {
	font-size:	18px;
	line-height:	40px;
	display:	block;
	margin:		0;
	border:		1px solid #ccc;
	border-radius:	20px;
	height:		40px;
	width:		100%; 
}



                
input[name=captchaResult] {
	font-size:	18px;
	padding:	15px 15px;
	margin:		8px 0;
	border:		1px solid #ccc;
	border-radius:	20px;
	cursor:		pointer;
	width:		100px;
}


input[name=target] {
	font-size:	18px;
	line-height:	40px;
	display:	block;
	margin:		0;
	border:		1px solid #ccc;
	border-radius:	20px;
	cursor:		pointer;
	height:		40px;
	width:		100%; 
}



/*****************************************/


.tooltip {
  position: sticky;
  display: inline-block;
  border-bottom: 1px dotted black;
  overflow: visible;
}


.tooltip .tooltiptext {
  visibility: hidden;
  width: 320px;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 5px;
  padding: 5px 5px;
  position: absolute;
  z-index: 1;
  bottom: 0%;
  left: -50px;
  margin-left: auto;
  opacity: 0;
  transition: opacity 0.3s;
  overflow: visible;
}




/*    EoMobile    */       

}