
.textsizer {
font-family: "Verdana","Comic Sans MS", "Comic Sans", "Times New Roman";
font-size: .6em;
}
.textsizerup {
font-family: "Verdana","Comic Sans MS", "Comic Sans", "Times New Roman";
font-size: .9em;
}
.textsizerlg {
font-family: "Verdana","Comic Sans MS", "Comic Sans", "Times New Roman";
font-size: 1.0em;
}

.textsizermiddle{
font-family: "Verdana";
font-size: .6em;
font-weight: bold;
text-align: center;
}

.textmiddle{
font-family: "Verdana";
font-size: .6em;
text-align: center;
}

.textmiddler{
font-family: "Verdana";
font-size: .8em;
text-align: center;
}

.textleft{
font-family: "Verdana";
font-size: .8em;
text-align: left;
}

.textmiddlermenu{
font-family: "Verdana";
font-size: .6em;
text-align: center;
background-color: #cccccc;
padding-left: 5px;
padding-right: 5px;
border-right: 1px solid gray;
border-left: 1px solid gray;

}

.alignright{
font-family: "Verdana";
font-size: .9em;
text-align: right;
}

.currencyright{
font-family: "Verdana";
font-size: 1.0em;
text-align: right;
}


.middletitler{
font-family: "Verdana";
font-size: .9em;
font-weight: bold;
text-align: center;
background-color: #cccccc;
}

.middletitle{
font-family: "Verdana";
font-size: .6em;
font-weight: bold;
text-align: center;
background-color: #cccccc;
}
.middlesubtitle{
font-family: "Verdana";
font-size: .5em;
font-weight: bold;
text-align: center;
background-color:  #E8E8E8;
}

.graybackground{
font-family: "Verdana";
font-size: .9em;
font-weight: bold;
background-color: #cccccc;
}
.littlefont{
font-family: "Verdana";
font-size: .55em;
font-weight: bold;
color: red;
}

.vfontbold{
font-family: "Verdana";
font-size: .9em;
font-weight: bold;
}
.vfontboldblue{
font-family: "Verdana";
font-size: .9em;
font-weight: bold;
color: blue;
}
.vfontboldgreen{
font-family: "Verdana";
font-size: .9em;
font-weight: bold;
color: green;
}
.vfontbolder{
font-family: "Verdana";
font-size: 1.2em;
font-weight: bold;
}
.clouds{
background-image:
url('images/Clouds.gif')
}
.cloudings{
background-image:
url('/members/images/Clouds.gif')
}

.vfontred{
font-family: "Verdana";
font-size: .7em;
color: red;
}
.vfontredbig{
font-family: "Verdana";
font-size: .9em;
font-weight: bold;
color: red;
}
.inactivestrike{
font-family: "Verdana";
text-decoration: line-through;
font-size: .6em;
text-align: center;
}
.makemiddle{
text-align: center;
}

.notactivated{
font-family: "Verdana";

text-align: left;
text-align: center;
background-color: #c00ccc;
}
.notregistered{
font-family: "Verdana";

background-color: #F2E808;
}
.makerightborder{
padding-left: 5px;
border-right: 1px solid gray;
width: 25%;
}
.makeleftpad{
padding-left: 5px;
width: 25%;
}
.vlinks{
text-decoration: none;
font-weight: bold;
	
}
.vlinksbig{
text-decoration: none;
font-size: 1.2em;
font-weight: bold;
}

.vlinks a{
text-decoration: none;
font-weight: bold;
}
.tdborder{
border-top: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
}

.container-pop{
	width: 100%;
	height: 50vh;
	background: #3c5077;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btn{
	padding: 10px 60px;
	background: #fff;
	border: 0;
	outline: none;
	cursor: pointer;
	font-size: 22px;
	font-weight: 500;
	border-radius: 30px;
	
	
}

.popup{
	width: 400px;
	background: #fff;
	border-radius: 6px;
	position: absolute;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.1);
	text-align: center;
	padding: 0 30px 30px;
	color: #333;
	visibility: hidden;
	transition: transform 1.001s, top 1.004s;
}

.open-popup{
	visibility: visible;
	top: 50%;
	transform: translate(-50%, -50%) scale(1);
	
	
}

.popup img{
	width: 100px;
	margin-top: -50px;
	border-radius: 50%;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.popup h2{
	font-size: 38px;
	font-weight: 500;
	margin: 30px 0 10px;
	
}

.popup button{
	width: 100%;
	margin-top: 50px;
	padding: 10px 0;
	background: #6fd649;
	color: #fff;
	border: 0;
	outline: none;
	font-size: 18px;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
.box {
  width: 200px;
  height: 100px;
  border: 1px solid black;
  padding: 10px;
  margin: 10px;
}
