:root {
--color_1: #5486be;
--color_2: #545454;
--color_3: #7a5454;
--color_4: #e2e2e2;
--color_5: #d0d0d0;
--color_6: #f1f1f1;
--color_7: #fbfdfc;
--color_8: #e1e1e1;
--color_9: #7a7a7a;
--color_10: #CC6699;
--color_11: #73c47a;
--color_12: #6b6b6b;
--color_13: #a6a5a5;
--color_14: #24b58e;
--color_15: #b524a6;
--color_16: #d9d9d9;
--color_17: #ededed;
--color_18: #ffffff;
--color_19: #af45ae;
--color_20: #b0b0b0;
--color_21: #fafafa;
--color_22: #e9e9e9;
--color_23: #828282;
--color_24: #000000;
--color_25: #f9f9f9;
--color_26: #cfcfcf;
--color_27: #606060;
--color_28: #222222;
--color_29: #e3e3e3;
--color_30: #707070;
--color_31: #a0a0a0;
}
body { background-color: #5486be; margin:0; font-family:Tahoma; font-size:13px; color:#545454; }
:focus {outline:none;}
::-moz-focus-inner {border:0;}

a { text-decoration:none; color:#7a5454;}
a:hover { text-decoration:none; color:#7a5454;}
a img { border:none; }
#main { background-color:#e2e2e2; width:1130px; margin:0px auto; padding:0px 0px; overflow:hidden; }


/* Helper */
#content .middle{ float:left; padding: 20px 0px 0px 30px; }
#vmenu { float:left; }
.panel {
	border: 1px solid #d0d0d0;
	background: #f1f1f1;
	background: linear-gradient(to bottom,  #fbfdfc 40%,#ededed 60%);
	box-shadow: inset -1px -1px 0px 0px #fafafa, inset 1px 1px 0px 0px #fafafa;
}

.round {
	border-radius: 10px; 
}

/* HEAD */
#head { background-image:url(images/head.png); background-repeat:no-repeat; width:1200px; height:180px; position:relative; }
#head .magneton {
	width:245px;
	height:218px;
	position:absolute;
	left:743px;
	top:10px;
	background-image:url(images/magneton.png);
	background-repeat:no-repeat;
	z-index:1;
}
#head .magneton .conectado { position:relative; top: -5px; left:130px;}
#head .magneton:hover {  }
#head .logo {
	width:394px;
	height:61px;
	background-image:url(images/logo.png);
	background-repeat:no-repeat;
	position:absolute;
	top:36px;
	left:36px;
	cursor:pointer;
}
/* SOCIAL BTNS */
#head .instagram {
	width:35px;
	height:36px;
	background-image:url(images/instagram.png);
	background-repeat:no-repeat;
	position:absolute;
	left:975px;
	top:162px;
	cursor:pointer;
	opacity:0.8;
	z-index:1;
	animation: insta_magnet 2s;
	animation-iteration-count: 1;
}
#head .facebook {
	width:32px;
	height:31px;
	background-image:url(images/facebook.png);
	background-repeat:no-repeat;
	position:absolute;
	left:1000px;
	top:162px;
	cursor:pointer;
	opacity:0.8;
	z-index:1;
	animation: face_magnet 2.6s;
}
#head .youtube {
	width:32px;
	height:31px;
	background-image:url(images/youtube.png);
	background-repeat:no-repeat;
	position:absolute;
	left:1025px;
	top:162px;
	cursor:pointer;
	opacity:0.8;
	z-index:1;
	animation: yout_magnet 3s;
}

/* animate magnet */
@keyframes insta_magnet {
	from {left: 1060px;}
	1% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	10% { -webkit-transform: translate(0px, -2px) rotate(-3deg); }
	15% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	20% { -webkit-transform: translate(0px, -2px) rotate(-2deg); }
	25% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	29% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	33% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	35% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	38% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	40% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	42% { -webkit-transform: translate(0px, 3px) rotate(-2deg);}
	44% { -webkit-transform: translate(0px, -3px) rotate(2deg);}
	46% {  -webkit-transform: rotate(-22deg); left: 1050px;  }
	100% { left: 975px; }
}
@keyframes face_magnet {
	from {left: 1080px;}
	1% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	10% { -webkit-transform: translate(0px, -2px) rotate(-3deg); }
	15% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	20% { -webkit-transform: translate(0px, -2px) rotate(-2deg); }
	25% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	29% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	33% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	35% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	38% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	40% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	42% { -webkit-transform: translate(0px, 3px) rotate(-2deg);}
	44% { -webkit-transform: translate(0px, -3px) rotate(2deg);}
	46% {  -webkit-transform: rotate(22deg); left: 1080px;  }
	100% { left: 1000px; }
}

@keyframes yout_magnet {
	from {left: 1100px;}
	1% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	10% { -webkit-transform: translate(0px, -2px) rotate(-3deg); }
	15% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	20% { -webkit-transform: translate(0px, -2px) rotate(-2deg); }
	25% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	29% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	35% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	38% { -webkit-transform: translate(0px, 2px) rotate(-2deg);}
	40% { -webkit-transform: translate(0px, -2px) rotate(2deg);}
	42% { -webkit-transform: translate(0px, 3px) rotate(-2deg);}
	47% {  -webkit-transform: rotate(48deg); left: 1100px; }
	100% { left: 1025px; }
}

#head .instagram:hover { opacity:1; }
#head .facebook:hover { opacity:1;}
#head .youtube:hover { opacity:1;}

/* HEAD MENU */
#hnav { margin-top:-34px; position:relative; height:42px; width:1130px; 	border-bottom:1px solid #fafafa; color: #7a7a7a; font-weight:bold; font-size:13px;
	background: #f1f1f1;
	background: linear-gradient(to bottom,  #f1f1f1 40%,#e1e1e1 60%);
	box-shadow: 0px 0px 36px rgba(0,0,0,0.3);
}
#hnav a { font-weight:normal; color: #7a7a7a; }
#hnav a:hover { color:#CC6699; }
#hnav ul { list-style-type:none; padding-left:15px; }
#hnav li { display:inline-block; padding:13px 20px; }

/********* MODULES ***********/


/* SLIDER */
#slider { width:800px; height:286px; padding: 8px 8px 8px 8px; display:inline-block; margin-bottom:20px; }
#slider .thumb { width: 110px; height:180px; float:left; }
#slider .thumb img { padding-bottom: 6.8px; display:inline; opacity:0.5; }
#slider .thumb img:hover { opacity:1.0; cursor:pointer; }
#slider .result { width:665px; height:284px; float:left; position:relative; overflow:hidden; left: 4px; }
#slider .result img { position:absolute; filter: contrast(115%) brightness(85%); }

#slider .result .top_player { 
	pointer-events:none;	
	width:140px; height:140px;	
	position:absolute;
	top: 65px;
	left:332px;
	color: #f1f1f1;
	background-repeat:no-repeat;
	filter: drop-shadow(0px 4px 4px #444) contrast(140%) brightness(80%) saturate(115%); 
}

#slider .result .ranking_small { 
	opacity: 0.0;
	position:absolute;
	width:234px;
	height:239px;
	font-size:10px;
	vertical-align: middle;
	color: #f1f1f1;
	text-shadow:2px 2px 0px #545454;
	background-color:rgba(0,0,0,0.2);
}
#slider .result .ranking_small .title { 
	width: 234px;
	height: 12px;
	font-weight:bold;
	font-size:10px;
	color: #a6a5a5;
	text-align: center;
	background-color:rgba(0,0,1,0.4);
	padding: 5px 0px 5px 0px;
}
#slider .result .info { position:absolute; bottom:0px; left:0px; background-color:rgba(0,0,0,0.5); width:675px; height:43px; font-size:11px; color:#ffffff; padding:2px 0px 0px 10px; }
#slider .result .info h1 { font-size:18px; color:#73c47a; font-weight:normal; margin:0; }
#slider .result .info p { margin-top:0px; }


/* LAST UPDATES  */
#lunatic { z-index:1; width:52px; height:55px; background-image:url(images/eevee.png); background-repeat:no-repeat; position:relative; left:12px; }
#last-news { width:800px; color:#6b6b6b; top:-38px; position:relative; background-image:url(images/news_bg.png); font-size:13px; padding:0px 8px 0px 18px; }
#last-news h1  {
	font-weight:bold; font-size:12px; padding:12px 58px; height:12px;
	background: #fbfdfc;
	background: linear-gradient(to bottom, #fbfdfc 0%,#d9d9d9 100%);
	border-radius: 5px; 
}

#last-news .date { font-style:italic; color:#a6a5a5; text-align:right; }
#last-news .extend { text-align:right; color:#24b58e; width:758px; height:22px; }
#last-news .extend a { color:#24b58e; }
#last-news .extend a:hover { color:#b524a6; }
#last-news table { width:800px; border-collapse:collapse; margin-bottom:10px; font-size:13px;}
#last-news td { padding:8px 10px 8px 10px; }

/* STORE PANEL  */
#spore { z-index:1; width:49px; height:50px; background-image:url(images/tentacool.png); background-repeat:no-repeat; position:relative; left:12px; }
#poker  { pointer-events:none; width:180px; height:180px; background-repeat:no-repeat; position:absolute; top:-55px; left:520px; }
#last_shiny_img  { pointer-events:none; width:140px; height:140px; background-repeat:no-repeat; position:absolute; top:-45px; left:112px; }
#next_evt_img  { pointer-events:none; width:140px; height:140px; background-repeat:no-repeat; position:absolute; top:-25px; left:132px; }
#load_div { z-index:2; width:180px; height:180px; background-repeat:no-repeat; position:absolute; left:620px;}

#main_div { width:800px; color:#6b6b6b; position:relative; top:-40px; font-size:13px; padding:0px 8px 0px 18px; background-image:url(images/news_bg.png); }
#main_div h1 {
	position: right;
	font-weight:bold; font-size:12px; padding:12px 58px; height:12px;
	background: #fbfdfc;
	background: linear-gradient(to bottom,  #fbfdfc 0%,#d9d9d9 100%);
	border-radius: 5px;
}
#main_div .extend { color:#24b58e;  }
#main_div .extend a { color:#24b58e; }
#main_div .extend a:hover { color:#b524a6; }
#main_div .content { 
	text-align:center; margin-top:20px; margin-bottom:15px;
	/* hack to hide the spaces between block */
	font-size: 1px; letter-spacing: -1px; word-spacing: -1px;
	
}
#main_div table 
{
	/*color: #333;
	font-family: Helvetica, Arial, sans-serif;*/
	border-collapse: collapse;
	border-spacing: 0; 
}

/* VERTICAL MENU */
#btn-register { width:258px; height:109px; display:block; background-image:url(images/btn_register.png); background-repeat:no-repeat; opacity:0.9; }
#btn-download { width:256px; height:112px; display:block; background-image:url(images/btn_download.png); background-repeat:no-repeat; margin: -13px 0px 0px 13px; opacity:0.9; }

#btn-register:hover, #btn-download:hover { opacity:1.0; }
#vmenu .panel { position:relative; margin: 15px 0px 20px 13px; padding:15px 15px 5px 15px; width: 213px;	text-shadow:1px 1px 0px #ffffff; }
#vmenu h1 {
	font-weight:bold; font-size:12px; padding:12px 58px; height:12px;
}
#vmenu .panel li { list-style-image:url(images/li.png); padding-bottom:5px; }
#vmenu .panel li:hover { margin-left:5px; }
#vmenu .panel ul { padding-left:25px; }
#vmenu .panel a { color:#6b6b6b; }
#vmenu .panel a:hover { color:#af45ae; }
#vmenu .panel .vote { text-align:center; }
#vmenu .panel .vote-list { margin-top:5px; }
#vmenu .panel .vote-list img { opacity:0.5; }
#vmenu .panel .vote-list a img { opacity:1.0; }
#vmenu .panel .lif { position:absolute; right:7px; top:7px; width:53px; height:39px; background-image:url(images/bulb.png); background-repeat:no-repeat; }
#vmenu .panel .goblin { position:absolute; right:12px; top:12px; width:44px; height:47px; background-image:url(images/chansey.png); background-repeat:no-repeat; }


/* FOOTER */
#footer { width:1130px; height:183px; background-image:url(images/footer.png); background-repeat:no-repeat; clear:both; border-bottom:1px solid #fafafa; border-top:1px solid #fafafa; font-size:12px; color:#ffffff; display:inline-block; font-family:Tahoma; }
#footer .info { float:left; padding:20px 40px; width:437px; height:140px; }
#footer .page { float:left; padding:20px 50px; width:379px; height:140px; }
#footer .page a { color:#ffffff; }
#footer .page a:hover { color:#7a5454 }
#footer .page ul { padding:0px 40px 0px 10px; }
#footer .page li { padding-bottom:2px; }
#footer .page td { vertical-align:top; }
#footer h1 { font-size:16px; margin:0;}


/* COPYRIGHT */
#copyright { height:40px; width:1130px; padding-left:15px; }

/* outros */
/* bar */
meter { width: 60px; height: 9px; border: 1px solid #ccc; border-radius: 3px; /*-webkit-appearance: none; /* Reset appearance */ }
#input {border:none; margin:0; padding:0; font:14px 'Courier New',Verdana; border:0}
.table
{
	font-size: 11px;
}
.tt 
{ 	
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	max-width: 55px;
}
.table th,.tt
{
	padding:3px 10px 5px 3px;
	background: #b0b0b0;
	background: linear-gradient(to top,  #d0d0d0 0%,#b0b0b0 70%);
	color: #fafafa;
	height: 21px;
	border: 1px solid #a0a0a0;
	text-shadow:1px 0px 0px #545454;
}
.table td { padding:2px 6px 2px 2px; }
.table tr:nth-child(odd)  { background-color:#d9d9d9; transition: all 0.3s; -webkit-transition: all 0.3s ease;}
.table tr:nth-child(even) { background-color:#e9e9e9; transition: all 0.3s; -webkit-transition: all 0.3s ease;}
.table tr:hover {  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.9);}
.table .stat { text-align:center; color:#6b6b6b; width: 35px; border: 1px solid #a0a0a0;}
.table .stat.plus { color:#11ef85;}
.table .stat.minus { color:#ef1185;}
.table .shiny {color:#efb211; }

/*.img:hover { -webkit-transform: rotateY(180deg); -webkit-transform-style: preserve-3d; transform: rotateY(180deg); transform-style: preserve-3d; } */
.img { width: 140px; height: 140px; }
#shiny_overlay { width: 128px; height: 120px; background:url(images/shiny_over.gif) no-repeat; display: inline-block; position: absolute; opacity: 0; z-index: 1 }

.icon { padding:2px 2px 2px 2px; position:relative; width:28px; height:24px; background-color: transparent; border:none; background-repeat:no-repeat; background-position:2px 2px;}
.icon a { color:#000000; }
.icon .text {  font-size:11px; bottom:-11px; text-align:center; color: #FAFEFD;  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; }
.icon.padding { vertical-align:bottom; display: inline-block; padding:1px 0px 0px 0px;}

.ItemInfo  { display: none; position:absolute; top:0px; left:0px; width:280px;	background-image: url(images/collection_bg.png); background-repeat:no-repeat; background-color:white; z-index: 1; border-radius: 8px; border: 1px solid #828282; box-shadow: 0px 0px 36px rgba(0,0,0,0.3);}
.ItemInfo .collection { position:absolute; top:11px; left:10px; width:75px; height:100px; background-repeat:no-repeat; background-color:transparent; }
.ItemInfo .title { color: #333333; position:absolute; top:3px; left:86px; width:185px; height:14px; padding-left:4px; padding-top:6px; font-size:12px; text-shadow:1px 1px 0px white; white-space:nowrap; }
.ItemInfo .description { position:absolute; top:35px; left:100px; line-height:18px; width:170px; color: #797777; }

.ItemInfo .subtitle { color: #c37777; }
.ItemInfo .color0 	{ color: #777799; }
.ItemInfo .color1 	{ color: #888855; }
.ItemInfo .color2	{ color: #589977; }
.ItemInfo .color3 	{ color: #997766; }
.ItemInfo .color4 	{ color: #896684; }

.SprInfo  { display: none; position:absolute; width:140px; height: 140px; z-index: 1; background-repeat:no-repeat;}
.SprInfo, #shiny_overlay, #poker, #last_shiny_img, #last_shiny_img, #poke_img, #next_evt_img {  filter: drop-shadow(-3px 10px 5px #11111184); }

.MapMin  { height: 64px; width: 64px; background-size: contain; background-repeat:no-repeat; }
.MapInfo  {  display: none; position:absolute; height: 160px; width: 160px; z-index: 1; background-size: contain; background-repeat:no-repeat; }
.MapIcon { 
	width:15px;
	height:15px;
	position: absolute;
	display:none;
	border:none;
	z-index: 1;
	background-repeat:no-repeat;
	animation: mapicon_ani 3s infinite; 
	border-radius: 50%;
}
@keyframes mapicon_ani {
	  0% { box-shadow: 0 0  -8px #4D66B9;}
	 40% { box-shadow: 0 0  10px #4D66B9; background-color: rgba( 77,102,185,0.3);}
	 60% { box-shadow: 0 0  10px #4D66B9;}
	100% { box-shadow: 0 0  -8px #4D66B9;}
}

.type{/*display:none;*/ width:50px; height:14px;padding:1px 0;background-color:#CBC9CB;background:linear-gradient(#CBC9CB,#AAA6AA);border:1px solid #A99890;color:#fafafa;font-size:10px;text-align:center;text-shadow:1px 1px 1px #333333;text-transform:uppercase;}
.type a { color:#ffffff; }
.type.Normal{background-color:#8A8A59;background:linear-gradient(#A8A878,#8A8A59);border-color:#79794E;}
.type.Fire{background-color:#F08030;background:linear-gradient(#F08030,#DD6610);border-color:#B4530D;}
.type.Water{background-color:#6890F0;background:linear-gradient(#6890F0,#386CEB);border-color:#1753E3;}
.type.Electric{background-color:#F8D030;background:linear-gradient(#F8D030,#F0C108);border-color:#C19B07;}
.type.Fairy{background-color:#F830D0;background:linear-gradient(#F830D0,#F008C1);border-color:#C1079B;}
.type.Grass{background-color:#78C850;background:linear-gradient(#78C850,#5CA935);border-color:#4A892B;}
.type.Ice{background-color:#98D8D8;background:linear-gradient(#98D8D8,#69C6C6);border-color:#45B6B6;}
.type.Fighting{background-color:#C03028;background:linear-gradient(#C03028,#9D2721);border-color:#82211B;}
.type.Poison{background-color:#A040A0;background:linear-gradient(#A040A0,#803380);border-color:#662966;}
.type.Ground{background-color:#E0C068;background:linear-gradient(#E0C068,#D4A82F);border-color:#AA8623;}
.type.Flying{background-color:#A890F0;background:linear-gradient(#A890F0,#9180C4);border-color:#7762B6;}
.type.Psychic{background-color:#F85888;background:linear-gradient(#F85888,#F61C5D);border-color:#D60945;}
.type.Bug{background-color:#A8B820;background:linear-gradient(#A8B820,#8D9A1B);border-color:#616B13;}
.type.Rock{background-color:#B8A038;background:linear-gradient(#B8A038,#93802D);border-color:#746523;}
.type.Ghost{background-color:#705898;background:linear-gradient(#705898,#554374);border-color:#413359;}
.type.Dragon{background-color:#7038F8;background:linear-gradient(#7038F8,#4C08EF);border-color:#3D07C0;}
.type.Steel{background-color:#B8B8D0;background:linear-gradient(#B8B8D0,#9797BA);border-color:#7A7AA7;}
.type.Dark{background-color:#705848;background:linear-gradient(#705848,#513F34);border-color:#362A23;}

#pokedex_div { background:#f9f9f9;margin: -19px 0px 25px 0px; border:solid 1px #a0a0a0; padding:5px 10px 0 10px;}
textarea, input, select {
	outline: none;
	background: #ffffff;
	border-radius: 3px;
	border: solid 1px #a0a0a0;
	font-family: inherit;
	font-size: inherit;
	padding:  2px 1px 2px 1px;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.1);
}
input { box-shadow: inset 1px 1px 3px rgba(0,0,0,.2); }
button, input[type="submit"] {
	background: linear-gradient(to bottom,  #fbfdfc 40%,#ededed 60%);
	padding:  5px 10px 5px 10px;
	border-radius: 3px;
	border: solid 1px #a0a0a0;
	color:#6b6b6b;
}
button:hover, input[type="submit"]:hover {  background: linear-gradient(to bottom,  #f1f1f1,  #e2e2e2); }
.button {
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 2px 0px rgba(255,255,255,.7);
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,1);
	white-space: nowrap;
	font-family: inherit;
	font-size: inherit;
	color:#6b6b6b;
	border: solid 1px #a0a0a0;
	background: #e3e3e3;
	/*background: linear-gradient(to bottom,  #f9f9f9,  #e2e2e2);*/
}
.button.cur,
.button.cur:hover,
.button:disabled,
.button:disabled:hover {
	color: #828282;
	background: #f1f1f1;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: linear-gradient(to bottom,  #f1f1f1,  #e2e2e2);
}
.button.cur:hover { 	border-color: #a0a0a0; }
.button:disabled { cursor: default; }
.button:hover { 	background: #cfcfcf; border-color:#606060; color:#222222; }
.button:active { background: #cfcfcf; }


.tabbar{display: block;list-style:none;margin:0;padding:5px 0 0 10px;text-align:left;}
/*.tabbar:after{content:"";display:block;height:6px;background:#f8f8f8;border:solid 1px #AAAAAA;margin:-1px 0 -8px -11px;}*/
.tabbar.centered{padding:5px 0 0 0;text-align:center;}
.tabbar.centered:after{margin-left:0;}
.tabbar li{display:inline;list-style:none;margin:0;padding:0;}
.tabbar .button {
	position:relative;
	padding:4px 10px 4px 10px;
	margin:0 -5px 0 0;
	top:1px;
	border-radius:0;
	box-shadow:none;
	font-size:12pt;
	min-width:40px;
}
.tabbar .button.cur,.tabbar .button.cur:hover{
	color:#7a7a7a;
	background:#f9f9f9;
	box-shadow:none;
	border-color:#a0a0a0;
	border-bottom:0;
	cursor:default;
	padding:4px 10px 6px 10px;top:0px;
}
.tabbar .button:hover{z-index:10;}
.tabbar .button.nav-first{border-top-left-radius:5px;}
.tabbar .button.nav-last{border-top-right-radius:5px;}

.nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: 15px;
	color: #fafafa;
	width: 100%;	
	height: 40px;
	border: 1px solid #828282;
    background-color: #707070;
	box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.3);
	z-index: 1;
}
.nav > li { float: left;}
.nav > li a
{
	width: 100px;
	box-sizing: inherit;
	display: inline-block;
    text-decoration: none;
	padding: 11px 30px;
	text-decoration: none;
	color: #fafafa;
}
.nav > li > a  {  text-align: center; }
.nav > li a:hover { background-color: #a0a0a0; }
.nav input  
{
	display: inline-block;
	overflow: visible;
	border: none;
	margin: 0;
   	color: #606060;
    background-color: #fafafa;
	font: inherit;
	padding: 11px;
}	

.dropdown {  position: relative; display: inline-block;}
.dropdown:hover .dropdown-content { display: block; }
.dropdown-content 
{
	text-align: left;
    display: none;
    position: absolute;
    background-color: #828282;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	padding: 12px 10px;
	top: 40px;
    z-index: 3;
}

[hidden] { display: none; }

.visually-hidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

div.awesomplete {
	display: inline-block;
	position: relative;
}

div.awesomplete > input {
	display: block;
}

div.awesomplete > ul {
	position: absolute;
	left: 0;
	z-index: 1;
	min-width: 100%;
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	border-radius: .3em;
	margin: .2em 0 0;
	background: hsla(0,0%,100%,.9);
	background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
	border: 1px solid rgba(0,0,0,.3);
	box-shadow: .05em .2em .6em rgba(0,0,0,.2);
	text-shadow: none;
}

div.awesomplete > ul[hidden],
div.awesomplete > ul:empty {
	display: none;
}

@supports (transform: scale(0)) {
	div.awesomplete > ul {
		transition: .3s cubic-bezier(.4,.2,.5,1.4);
		transform-origin: 1.43em -.43em;
	}
	
	div.awesomplete > ul[hidden],
	div.awesomplete > ul:empty {
		opacity: 0;
		transform: scale(0);
		display: block;
		transition-timing-function: ease;
	}
}

	/* Pointer */
	div.awesomplete > ul:before {
		content: "";
		position: absolute;
		top: -.43em;
		left: 1em;
		width: 0; height: 0;
		padding: .4em;
		background: white;
		border: inherit;
		border-right: 0;
		border-bottom: 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	div.awesomplete > ul > li {
		position: relative;
		padding: .2em .5em;
		cursor: pointer;
		color: #222222;
	}
	
	div.awesomplete > ul > li:hover {
		background: #d0d0d0;
		color: #222222;
	}
	
	div.awesomplete > ul > li[aria-selected="true"] {
		background: #a0a0a0;
		color: #222222;
	}
	
		div.awesomplete mark {
			background: #a0a0a0;
		}
		
		div.awesomplete li:hover mark {
			background: #d0d0d0;
		}
		
		div.awesomplete li[aria-selected="true"] mark {
			background: #d0d0d0;
			color: inherit;
		}
		
.te {border:1px solid #bbb; padding:0 1px 1px; font:12px Verdana,Arial; margin:25px}
.te iframe {border:none}
.teheader {border-bottom:1px solid #bbb; background:url(images/header-bg.gif) repeat; padding-top:1px}
.teheader select {float:left; margin-top:5px}
.tefont {margin-left:12px}
.tesize {margin:0 3px}
.testyle {margin-right:12px}
.tedivider {display: inline-block; width:1px; height:30px; background:#ccc}
.tecontrol {display: inline-block; width:34px; height:30px; cursor:pointer; background-image:url(images/icons.png)}
.tecontrol:hover {background-color:#fafafa; background-position:30px 0}
.tefooter {height:32px; border-top:1px solid #bbb; background:#f5f5f5}
.toggle {float:left; background:url(images/icons.png) -34px 2px no-repeat; padding:9px 13px 0 31px; height:23px; border-right:1px solid #ccc; cursor:pointer; color:#666}
.toggle:hover {background-color:#fafafa}
.resize {float:right; height:32px; width:32px; background:url(images//resize.gif) 15px 15px no-repeat; cursor:s-resize}
#editor {cursor:text; margin:10px;}
#youtube_wnd { border: 1px solid lightgray;padding:15px 15px 15px 15px;background:#cbcbcb;border-radius:15px; }

.ticket_adm { background-color:#e9e1a9;  }
.ticket_player { background-color:#e9e9f1; }
.ticket_reply { background-color:#f8f8f8; }