@font-face
{
	font-family: pokefont;
	src: url('../css/poke.ttf')
} 
body{
	font-family: pokefont;
	text-shadow:1px 1px 1px rgba(0,0,0,0.5);
	font-size:15px;
	margin:50px;
	padding:0px;
	font-family: colona;
	background: url("../img/pattern-3xw9.png") repeat scroll left -35px transparent;	
}
.pokey{
	width: 320px; 
	height: 20px; 
	cursor:pointer;
	border:0px solid red;
	
}
input{
	width: 120px; 
	float: left;
	font-family: pokefont;	
	letter-spacing:-2px;
}
button{
	font-family: pokefont;	
	letter-spacing:-2px;
}
.icon{
	width: 16px; 
	float: left;
	cursor:pointer;
	color:pink;
	text-shadow: 1px 1px 1px #333333
}
.s2{
	margin-left: -2px;
}
.s3{
	margin-left: 5px;
}
.s5{
	margin-top: -2px;
}
#pokedex{
	float: left;
}
.s6{
	margin-left: 2px;
}
.info{
	margin-left: 125px;
	font-size:40%;
	letter-spacing:-0.75px;
}
.data, .dataGet{
	width: 150px; 
	font-size:30%;
	letter-spacing:-0.75px;
}
.ui-autocomplete{
	width: 150px; 
	font-size:70%;
	font-family: pokefont;
}

.searchbar {
	width:350px; 
	margin-right:auto;
	margin-left:auto;
	height: 32px; 
	text-align:center;
	display:inline-block;

	border:2px solid rgba(30,30,30,0.8);
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:30px;
	
}
input#searcher{
	width:300px; 
	height: 32px; 
	display:inline-block;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	min-width:30px;
	text-align:center;
	position:relative;
	float:left;
}
.searchresult {
	width: 100%;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	height: 1500px; 
	text-align:center;
	border-bottom:0px solid black;
	font-family: pokefont;
	font-size:9px;
	overflow-x:visible;
 }
.searchdiv {
	width: 100%; 
	border:0px solid blue; 
	display:block;
	position:relative;
	text-align:center;
	border-bottom:0px solid yellow;
 }
.SPokemonRows {
	border:0px solid blue; 
	overflow-y:scroll;
	overflow-x:scroll;
	display:block;
	width: 100%; 
	height: 1500px;
	position:relative;
	text-align:center;
	border-bottom:0px solid yellow;
 }
 
 
#Picon{
	width: 32px; 
	float: left;
	height: 32px; 
	border:0px solid black;
}


 
.SPokemon{
	width: 1500px;
	float: left; 
	height: 36px; 
	text-align:center;
	border-bottom:0px solid green;
	margin-right:auto;
	margin-left:auto;
	margin-top:1px;
	display:block;
	position:relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.SPokemon .icon{
	margin-top:6px;
	width: 32px;
	overflow:shown;
	float: left;
	height: 32px; 
	border:0px solid red;
}
.SPokemon .icon3D img{
	height: 192px;
	overflow:shown;
	width: 192px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-color:rgba(100,100,100,0.5);
}
.SPokemon .icon3D span{
    background-color: rgba(255, 0, 0, 0.5);
    color: white;
    height: 20px;
    width: 20px;
    z-index: 11;
    left: 155px;
    top: 20px;
    position: absolute;
    border-radius: 3px;
    border: 1px solid white;
	line-height:20px;
	
}
.SPokemon .icon3D{
	height: 192px;
	width: 192px;
	left: 21px;
	top: -90px;
	z-index: 10;
	position:absolute;
	cursor:pointer;
	display:none;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.SPokemon .text{
	line-height:36px;
	width: auto; 
	float: left;
	height: 36px; 
	border:0px solid blue;
	font-family: pokefont;
	font-size:8px;
}

.SPokemon div{
	line-height:36px;
	width: auto; 
	float: left;
	height: 36px; 
	border-right:0px solid blue;
	font-family: pokefont;
	font-size:9px;
	text-align:center;
	overflow:hidden;
}
.SPokemon div.Name{
	width: 120px;
}
.SPokemon div.level{
	width: 32px;
}
.SPokemon div.Nick{
	width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.SPokemon div.IV{
	width: 32px;
	color:white;
   text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.SPokemon div.EV{
	width: 24px;
	color:white;
	font-size:7px;
   text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.SPokemon div.gender{
	width: 20px;
	font-size: 2em;
	font-weight:bold;
	line-height:28px;
}
.SPokemon div.gender[data="(M)"]{
	color:blue;
}
.SPokemon div.gender[data="(F)"]{
	color:red;
}
.SPokemon div.gender[data="(-)"]{
	color:black;
}

.SPokemon div.TSV{
	width: 40px;
}
.SPokemon div.PSV{
	width: 40px;
}
.SPokemon div.pokeball{
	width: 32px;
}
.SPokemon div.ID{
	width: 34px;
}
.SPokemon div.xnum{
	width: 32px;
}
.SPokemon div.Nature{
	width: 80px;
}
.SPokemon div.Ability{
	width: 128px;
}
.SPokemon .isEgg{
	width: 32px;
}
.SPokemon .isEgg[data="1"]{
	background: url("../sprites/bwicons-sheet-g6.png") no-repeat scroll -352px -1442px transparent;
}
.SPokemon div.Item{
	width: 128px;
}
.SPokemon .xtype{	
	padding-top: 4px;
	width: 32px;
}
.type1, .type2{
	display:inline-block;
	float:left;    
	line-height: 14px;
	border-right:0px solid red;
	width: 32px;
	height: 14px;
	background: url("../img/types/___.png") no-repeat scroll 0px 0px transparent;
}

textarea[name='plist']{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:hidden;
	resize: none;
	width: 60px;
	height: 50px; 
	border:0px solid red;
	background: url("../img/pattern-3xw9.png") repeat scroll left -35px transparent;
}
.response {
	border-bottom:4px solid rgba(0,0,0,0.5);
	width: 100%; 
	height: 30px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }


.SPokemon .Moves select {
	font-family: pokefont;
	color:black;
	background-color: #99FFCC;
	width: 250px;
	padding: 3px;
	margin: -2px;
	font-size:20px;
	-webkit-appearance: none;
	cursor: pointer;
	overflow:hidden;
	height:36px;
	line-height: 36px;
}
.SPokemon .EggMoves select{
	background-color: #99FF99;
	color:black;
}

.SPokemon .Moves{
	width: 32px;
	height: 32px;
	overflow: hidden;
	border:2px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
 }

 
.SPokemon .Moves select option{
	color:black;
	height: 16px;
}
.SPokemon .Moves select option .type1{
	margin-top:2px;
}
.SPokemon .Moves select option .name{
	line-height:16px;
	height: 16px;
	font-size:12px;
}
 
.SPokemon .Moves select option .damage{
	line-height:16px;
	height: 16px;
	font-size:12px;
	width:40px;
	margin-left:2px;
	display:inline-block;
}
 

.Delete, .PKX, .CVS{	
	width:32px;
	height:30px;
}
.Delete span:hover{		
	background-color: rgba(200,0,0,0.8);
}
.Delete span:active{		
	background-color: rgba(120,0,0,0.8);
}
.Delete span,.SearchB span,.PKX span, .CVS span{	
	margin: 0px;
	display:inline-block;
	width:32px;
	line-height: 30px;
    cursor: pointer;
	overflow:hidden;
	height:32px;
	border:2px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:white;
	font-size:20px;
	background-color: rgba(255,0,0,0.8);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.PKX span{
	background-color: rgba(0,0,255,0.8);
	font-size:10px;
}
.PKX span:hover{		
	background-color: rgba(50,50,200,0.8);
}
.PKX span:active{		
	background-color: rgba(50,50,120,0.8);
}
.PKX iframe{		
	display:none;
}

.CVS span{
	background-color: rgba(50,50,255,0.8);
	font-size:10px;
}
.CVS span:hover{		
	background-color: rgba(50,50,200,0.8);
}
.CVS span:active{		
	background-color: rgba(50,50,120,0.8);
}

.SearchB{
	width:50px;
	float:left;
	border:0px solid black;
}
.SearchB span{
	width:50px;
	border:0px solid black;
	font-family: pokefont;
	font-size:20px;
	background-color: rgba(0,255,0,0.8);
}
.SearchB span:hover{		
	background-color: rgba(0,200,0,0.8);
}
.SearchB span:active{		
	background-color: rgba(0,120,0,0.8);
}

.SPokemon .hptype{	
	padding-top: 11px;
	width: 32px;
}
.SPokemon .hptype .type{	
	width: 32px;
	height: 14px;
	display:block;
}
.SPokemon .hptype .type[type='Fighting']{ background: url("../img/types/Fighting.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Fire']{ background: url("../img/types/Fire.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Ice']{ background: url("../img/types/Ice.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Water']{ background: url("../img/types/Water.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Grass']{ background: url("../img/types/Grass.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Dark']{ background: url("../img/types/Dark.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Psychic']{ background: url("../img/types/Psychic.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Dragon']{ background: url("../img/types/Dragon.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Ghost']{ background: url("../img/types/Ghost.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Steel']{ background: url("../img/types/Steel.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Bug']{ background: url("../img/types/Bug.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Electric']{ background: url("../img/types/Electric.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Flying']{ background: url("../img/types/Flying.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Poison']{ background: url("../img/types/Poison.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Ground']{ background: url("../img/types/Ground.png") no-repeat scroll 0px 0px transparent;}
.SPokemon .hptype .type[type='Rock']{ background: url("../img/types/Rock.png") no-repeat scroll 0px 0px transparent;}



.ChatHide{
	cursor:pointer;
	float:left;
	height:30px;
	padding: 3px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid black;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: rgba(0,255,0,0.8);
}
.ChatHide span{
	width:50px;
	height:30px;
	line-height:30px;
	font-family: pokefont;
	font-size:14px;
}
.ChatHide:hover{		
	background-color: rgba(0,200,0,0.8);
}
.ChatHide:active{		
	background-color: rgba(0,120,0,0.8);
}
	
/*****//*****//*****//*****/
/*  ~footer /*****/
/*****//*****//*****//*****/
/**@media{**/
	.createdby{
		color: white;
		font-family: arial;
		float: right;
		margin-top:15px;
		font-size: 15px;	
	}
	.footer{
		display:inline-block;
		border: 0px solid green;	
		width:100%;
		margin-top:30px;
		text-align: center;
	}
	.footer .inner{
		border-top:2px solid grey;
		width:1024px;
		height:120px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;	
	}
	
	@media only screen and (min-width: 768px) and (max-width: 995px) {
		.footer .inner{
			width:768px;
		}
	}
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.footer .inner{
			width:480px;
		}
	}
	@media only screen and (max-width: 479px) {
		.footer .inner{
			width:100%;
		}
	}
	
	
	
/*****/
/*  ~CHECKBOXES/*****/
/*****/

input[type=checkbox].css-checkbox {
    position: absolute;
    overflow: hidden;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 20px;
    height: 15px;
    display: inline-block;
    line-height: 15px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 15px;
    vertical-align: middle;
    cursor: pointer;
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.unselectable{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -15px;
}

.css-label {
    background-image: url("../img/lite-x-red.png")
}

#chat{
	display:none;
	border:2px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#cssspin{
	cursor:pointer;
	width:5px;
	height:5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	position: absolute;
	top: 5px; 
	left: 5px;
}
.csson{
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;	
	border-left:8px solid rgba(0,174,239,.15);
	border-right:8px solid rgba(0,174,239,.15);
	border-bottom:8px solid rgba(0,174,239,.15);
	border-top:8px solid rgba(0,174,239,.8);
}
.cssoff{
	-webkit-animation: none;
	-moz-animation: none;
	-o-animation: none;
	animation: none;	
	border:8px solid rgba(0,174,239,.15);
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}


/*******************/
/*******************/
/******STATS********/
/*******************/


.SPokemon {
	position: relative;
}
.SPokemon .Stats{
	height: 64px;
	width: 240px;
	left: -700px;
	top: 0px;
	z-index: 10;
	position:absolute;
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:0px solid black;
}
.SPokemon .Stats .Stat{
	height: 30px;
	line-height: 30px;
	width:40px;
	margin-left:0px;
	left: -700px;
	top: 3px;
	background-color: rgba(0,200,0,1);
	z-index: 10;
	font-size:11px;
	color:white;
	cursor:pointer;
	border-bottom:1px solid black;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
.SPokemon .StatsBut{
	width: 32px;
	height: 32px;
	overflow: hidden;
	line-height:28px;
	border:2px solid black;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size:17px;
	cursor:pointer;
	color:white;
	text-shadow:
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
}
.SPokemon .StatsBut[type='Stats'], .SPokemon .CStats .Stat{
	background-color: rgb(0,200,0);
}
.SPokemon .StatsBut[type='Info'], .SPokemon .EVs .Stat{
	background-color: rgb(120,120,120);
}
.SPokemon .StatsBut[type='EVs'], .SPokemon .EVs .Stat{
	background-color: rgb(200,200,0);
}

.SPokemon .Info{
	height: 250px;
	width: 192px; 
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:2px solid black;
	background-color: rgb(200,200,200);
}
.SPokemon .Info div{
	text-align:left;
	padding-left:10px;
	padding-top:0px;
	list-style-type: circle;  
	display:list-item;
	width: 100%; 
	height: 20px;
	line-height: 20px;
}

.SPokemon .OTrainer{
	height: 64px;
	width: 192px; 
	cursor:pointer;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:2px solid black;
	background-color: rgb(200,200,200);
}
.SPokemon .OTrainer .OTName[data="Male"]{
	background-color: rgb(157,255,255);
}
.SPokemon .OTrainer .OTName[data="Female"]{
	background-color: rgb(255,208,255);
}
.SPokemon .OTrainer .OTName{
	width: 100%; 
	font-size:15px;
	line-height: 24px;
	height: 24px;
	border:0px solid black;
}
.SPokemon .OTrainer .ID{
	width: 50%; 
	font-size:9px;
	text-align:left;
	line-height: 24px;
	height: 24px;
	border-top:1px solid black;
}
.SPokemon .OTrainer .CTName{
	width: 50%; 
	font-size:9px;
	text-align:left;
	line-height: 24px;
	height: 24px;
	border-top:1px solid black;
}

/*******************/
/*******************/
/******FLOATING INFO********/
/*******************/

.epictip{
	position:absolute;
	z-index:15;
	height:25px;
	width:150px;
	top:-100px;
}
.epictip .tipBG{
	position:absolute;
	z-index:0;
	height:100%;
	width:100%;
	border:2px solid black;
	background-color: rgba(200,200,200,1);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.epictip .floaty{
	position:absolute;
	z-index:0;
	left:72.5px;
	top:-5px;
	height:10px;
	width:10px;
	background-color: rgba(200,200,200,1);
	border-top:2px solid black;
	border-left:2px solid black;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
.epictip .tiptext{	
	height:100%;
	width:100%;
	text-align:center;
	line-height:25px;
	position:absolute;
	z-index:10;

}