html {
  scroll-behavior: smooth;
}


.UncheckedGold {
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:0 0; 
	padding: 15px 15px;	
}
.UncheckedSilver {
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:0 -30; 
	padding: 15px 15px;	
}
.UncheckedGrey {
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:0 -60; 
	padding: 15px 15px;	
}
.UncheckedBlack  {
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:0 -90; 
	padding: 15px 15px;	
}
.UncheckedChar {
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:0 -119; 
	padding: 15px 15px;
	transform: scale(0.9,1);
}





.CheckedGold{
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:-30 0; 
	padding: 15px 17px;
	margin-left: 4px;
}

.CheckedOrange{
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:-30 -30; 
	padding: 15px 17px;	
}
.CheckedRed{
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:-30 -60; 
	padding: 15px 17px;	
}
.CheckedBlack {
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:-30 -90; 
	padding: 15px 17px;	
}

.CheckedChar {
	background-image:url(Icons/Sprite.png?Sequence=1); 
	background-repeat:no-repeat; 
	height:0px; 
	width:0px; 
	background-position:-30 -120; 
	padding: 15px 17px;
	margin-left: 5px;
}







.Spin  {
	background-image:url(Images/Anchor.png); 
	background-repeat:no-repeat;
	animation: spin 1s linear infinite;
	-webkit-animation: spin 1s linear infinite;
	
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	filter:alpha(opacity=100); 
   -moz-opacity: 1;
    opacity: 1;
	}


.Flip  {
	background-image:url(Images/Anchor.png); 
	background-repeat:no-repeat;
	animation: spin1 1s linear 1;
	-webkit-animation: spin1 1s linear 1;
	
	-webkit-transition: opacity 3s ease-in-out;
	-moz-transition: opacity 3s ease-in-out;
	-ms-transition: opacity 3s ease-in-out;
	-o-transition: opacity 3s ease-in-out;
	transition: opacity 3s ease-in-out;
	filter:alpha(opacity=10); 
   -moz-opacity: 0.1;
    opacity: 0.1;
	}
	
	
@keyframes spin
{
	from { transform: rotateY(0deg);   }
	50%  { transform: rotateY(180deg);  }
	to   { transform: rotateY(360deg);  }
}

@-webkit-keyframes spin
{
	from { transform: rotateY(0deg);   }
	50%  { transform: rotateY(180deg);  }
	to   { transform: rotateY(360deg);  }
}


@keyframes spin1
{

	from { transform: rotateX(0deg);   }
	50%  { transform: rotateX(180deg);  }
	to   { transform: rotateX(360deg);  }
}

@-webkit-keyframes spin1
{

	from { transform: rotateX(0deg);   }
	50%  { transform: rotateX(180deg);  }
	to   { transform: rotateX(360deg);  }
}

html, body
{
background-image:url(Images/BackGround.jpg); background-repeat:no-repeat; background-position:top; background-size:cover; background-attachment: fixed;
}



.Goog {
	font-family: 'Great Vibes', cursive;
	cursor:default;
	font-size:32px; 
	color:black;
	text-decoration:none;
	filter:alpha(opacity=100); 
   -moz-opacity: 1;
    opacity: 1;
	}

.SGoog {
	font-family: 'Great Vibes', cursive;
	cursor:default;
	font-size:28px; 
	color:black;
	text-decoration:none;
	filter:alpha(opacity=100); 
   -moz-opacity: 1;
    opacity: 1;
	}


.Link {
	font-family:"Courier New", Courier, monospace;
	font-size : 12pt;
    color:#CCC;
	text-decoration:none;
	cursor : Pointer; cursor:hand;
	-webkit-transition: color 0.5s;
	-moz-transition:    color 0.5s;
	-ms-transition:     color 0.5s;
	-o-transition:      color 0.5s;
	transition:         color 0.5s;
		}
		
.Blink:hover {
    color:#FFFFFF;
	cursor : Pointer; cursor:hand;
	text-decoration:none;
		}


.Blink {
	font-family:"Courier New", Courier, monospace;
	font-size : 12pt;
    color:#003;
	text-decoration:none;
	cursor : Pointer; cursor:hand;
	-webkit-transition: color 0.5s;
	-moz-transition:    color 0.5s;
	-ms-transition:     color 0.5s;
	-o-transition:      color 0.5s;
	transition:         color 0.5s;
		}
		
.Link:hover {
    color:#FFFFFF;
	cursor : Pointer; cursor:hand;
	text-decoration:none;
		}



.Hand {
	color: white;
	font-family : Helvetica, Verdana, sans-serif;
	font-size:14px;	
	text-decoration:none;	
	cursor : Pointer; cursor:hand;
	-webkit-transition: color 1s;
	-moz-transition:    color 1s;
	-ms-transition:     color 1s;
	-o-transition:      color 1s;
	transition:         color 1s;
		}
		
.Hand:hover {
	color:Orange;
	cursor : Pointer; cursor:hand;
	text-decoration:none;
		}

.ActiveTab {
	color:Orange;
	font-family : Helvetica, Verdana, sans-serif;
	font-size:14px;	
	text-decoration:none;
	cursor : Pointer; cursor:hand;
	-webkit-transition: color 1s;
	-moz-transition:    color 1s;
	-ms-transition:     color 1s;
	-o-transition:      color 1s;
	transition:         color 1s;
	}

.Default  {
	font-family:"Courier New", Courier, monospace;
	font-size : 12pt;
	color:#003;
	cursor:default;
	text-decoration:none;
 
}

	
.Black  {
	font-family:"Courier New", Courier, monospace;
	font-size : 12pt;
	text-align: justify; 
	text-justify:auto;
	color:#000;
	cursor:default;
	text-decoration:none;
 
}


.Orange  {
	color:Orange;
	font-family : Helvetica, Verdana, sans-serif;
	font-size:14px;	
	text-decoration:none;
	cursor:default;
}

.White  {
	color:#FFF;
	font-family : Helvetica, Verdana, sans-serif;
	font-size:14px;	
	text-decoration:none;
}


.Red  {
	font-family:"Courier New", Courier, monospace;
	font-size : 11pt;
	color:#F00;
	cursor:default;
}



.Transparent {
    filter:alpha(opacity=95); 
   -moz-opacity: 0.95;
    opacity: 0.95;
	-webkit-transition: opacity 2s ease-in-out;
	-moz-transition: opacity 2s ease-in-out;
	-ms-transition: opacity 2s ease-in-out;
	-o-transition: opacity 2s ease-in-out;
	transition: opacity 2s ease-in-out;
}

.Transit {
    filter:alpha(opacity=40); 
   -moz-opacity: 0.4;
    opacity: 0.4;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}

.Trans {
    filter:alpha(opacity=100); 
   -moz-opacity: 1;
    opacity: 1;

}





.Opac {
    filter:alpha(opacity=1); 
   -moz-opacity: 1;
    opacity: 1;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	}
.Opac:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;  
  opacity: 0.7;
	}


.Box  {
	border:1px solid;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	font-family : Helvetica, Verdana, sans-serif;
	font-size:14px;
  	color: white;
	width:300px; 
	height:120px;
	background-color:#000;
	border-color:#963;
  }
  
.TransText  {
	font-family:"Courier New", Courier, monospace;
	font-size : 11pt;
	color:#FFF;
	cursor:default;	
	border: none; 
	background-color: transparent;
	cursor : Pointer; cursor:hand;
	text-align:center;
}

.TransText:focus{
	font-family:"Courier New", Courier, monospace;
	font-size : 11pt;
	color:#000;
	cursor:default;	
	border: solid 1px #000; 
	background-color:#FFF;
 
}