/**{margin:0;padding:0;outline:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;vertical-align:middle}*/
*{margin:0;padding:0;outline:0;vertical-align:middle}

.duration{transition-duration:100ms;-webkit-transition-duration:100ms;-moz-transition-duration:100ms;-o-transition-duration:100ms}
.zeroduration{transition-duration:0ms;-webkit-transition-duration:0ms;-moz-transition-duration:0ms;-o-transition-duration:0ms}
@font-face{font-family:Impact;font-style:normal;font-weight:300;src:local('Impact'),url(fonts/Impact.ttf) format('ttf')}

html{height:100%}div{position:relative}

body{width:100%;position:relative;font-family:'Open Sans';font-size:14px;color:#2d3e58;background:#6583A1;height:100%;padding-top:}
.tdn{text-decoration:none}

a,a:visited{color:#2d3e58;text-decoration:underline}
a.white,a:visited.white{color:#fff}
a,b,em,i,strong{vertical-align:baseline}
img{border:none}
p{padding-bottom:20px}
.hidden{display:none}
.clear{clear:both}
.i{font-style:oblique}
.b{font-weight:900}
.text-left{text-align:left}
.text-center{text-align:center}
.text-right{text-align:right}
.vab{vertical-align:bottom}
.fl{float:left}
.fr{float:right}
.fn{float:none}
.up{text-transform:uppercase}

h1,h2,h3,h4,h5,h6{font-weight:400}
.text-normal{font-size:12px}
.small{font-size:.8em}
.thin{font-weight:300}
.size2{font-size:1.2em}
.size3{font-size:1.3em}
.size4{font-size:1.4em}
.size5{font-size:1.5em}
.size6{font-size:1.6em}
.size7{font-size:1.7em}
.button{cursor:pointer}
.codes{display:block;width:100%;overflow:scroll;white-space:nowrap;height:2.5em;font-size:100%;background-color:#FFF;color:#777;border:1px solid #000}

.wrapper{
max-width: -webkit-fill-available;
float: center;
background:#444;
color:#517296;
font-family:sans-serif;
width:auto;
/*padding:0 1em;*/
margin:0 auto;
border:1px solid #D9E0E7;

}

#showdiv,#squares{text-align:center}
#squares iframe{margin:0 auto}
#codes input{width:80%}
#footer{text-align:center;font-size:small}

input{font:12px Arial,Tahoma,sans-serif;
color:#444;
padding:7px 11px;
border:1px solid #DCDCDC;
border-radius:3px;
box-shadow:inset 2px 2px 6px #EBEBEB,0 0 0 5px #FBFBFB;outline:0}

input:focus{border-color:#B7B7B7;
box-shadow:inset 2px 2px 6px #EBEBEB,0 0 4px #F6F6F6,0 0 0 5px #FDFDFD}
input#hidewm{border-color:none;
box-shadow:none;
border: none; border-radius: 2px 2px 2px 2px; text-decoration: none; padding: 6px 6px 6px 6px; color: rgb(255, 255, 255); font-family: tahoma, arial; height: 35px; line-height: 15px; font-size: 15px; text-shadow: none; background: rgb(95, 131, 170);
}
input#check_id,input#save-mem,input#blink,input#more-mem,input#download,input#showwm,input#load{border-color:none;
box-shadow:none;
border: none; border-radius: 2px 2px 2px 2px; display: block; text-decoration: none; padding: 6px 6px 6px 6px; color: rgb(255, 255, 255); font-family: tahoma, arial; height: 35px; line-height: 15px; font-size: 15px; text-shadow: none; background: rgb(95, 131, 170);
}
input#save-mem:hover,input#blink:hover,input#check_id:hover,input#more-mem:hover,input#download:hover,input#hidewm:hover,input#showwm:hover,input#load:hover{background: rgb(104, 144, 187)}
input#save-mem:active,input#blink:active,input#check_id:active,input#more-mem:active,input#download:active,input#hidewm:active,input#showwm:active,input#load:active{background: rgb(85, 117, 153);line-height:10px}


textarea{font:13px Arial,Tahoma,sans-serif;color:#444;padding:7px 11px;border:1px solid #DCDCDC;border-radius:3px;box-shadow:inset 2px 2px 6px #EBEBEB,0 0 0 5px #FBFBFB;outline:0}
textarea:focus{border-color:#B7B7B7;box-shadow:inset 2px 2px 6px #EBEBEB,0 0 4px #F6F6F6,0 0 0 5px #FDFDFD}
select{font:12px Arial,Tahoma,sans-serif;color:#444;padding:7px 11px;border:1px solid #DCDCDC;border-radius:3px;box-shadow:inset 2px 2px 6px #EBEBEB,0 0 0 5px #FBFBFB;outline:0}
select:focus{border-color:#B7B7B7;box-shadow:inset 2px 2px 6px #EBEBEB,0 0 4px #F6F6F6,0 0 0 5px #FDFDFD}
#mems-list{margin-bottom:10px;height:120px;width:880px}
#mems-list .holder{overflow:hidden;float:left;height:120px;width:650px;}
#mems-list .scroll-left,#mems-list .scroll-right{float:left;width:36px;height:120px;background:url(images/scroll-left.png);cursor:pointer;}
#mems-list .scroll-left{margin-left:12px;}
#mems-list .scroll-right{background:url(images/scroll-right.png)}
#mems-list img{padding:3px;border:1px solid #aaa;cursor:pointer}
#mems-list img.active{border:4px solid #fdbb31;padding:0;border-radius:3px}
#wholemems{display:none}
#wholemems img{padding:3px;border:1px solid #aaa;cursor:pointer}
#wholemems img.active{border:4px solid #fdbb31;padding:0;border-radius:3px}
#hidewm,#showwm{width:auto;display:block;text-align:center}
#hidewm span,#showwm span{cursor:pointer;color:#006837;font-size:1.2em;border-bottom:1px dotted #006837}
#hidewm{display:none}
#mem-gen .holder{width:-webkit-fill-available;height:auto;position:relative;float:none}
#mem-gen .holder img{box-shadow:0 0 5px rgba(0,0,0,0.3);-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);-o-box-shadow:0 0 5px rgba(0,0,0,0.3);-ms-box-shadow:0 0 5px rgba(0,0,0,0.3);border-radius:5px}
#mem-gen .holder span{position:absolute;display:block;
font-family:Impact;font-weight:700;z-index:2;color:#fff;
font-size:30px;text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000,0 0 5px #000;width:480px;text-align:center;text-transform:uppercase}
#mem-gen .holder .t1{left:10px;top:0}
#mem-gen .holder .t2{left:10px;bottom:0}
.ready{display:block;width:768px;background:#E9EDF1}
.ready tbody,.ready td,.ready tr{width:768px}
.ready td{padding:0;margin:0;background:#E9EDF1}
#maker{display:block}
.control{background:#E9EDF1;width:fit-content;height: 100vh;}
.control label{display:block;width:250px}
.control label input{width:50%}
.control #save-mem{display:block;margin:0 auto}
.control #blink{display:block;margin:0 auto}
.control #check_id{display:block;margin:0 auto}
.item{float:left;width:110px;height:110px;line-height:110px;text-align:center;vertical-align:middle}
.list-memes{width:880px;height:120px;margin:10px auto}
.list-memes .holder{overflow:hidden;float:left;height:120px;width:650px}
.list-memes table td{height:120px;vertical-align:middle}
.list-memes .scroll-left,.list-memes .scroll-right{float:left;width:36px;height:120px;background:url(images/scroll-left.png);cursor:pointer;}
.list-memes .scroll-right{background:url(images/scroll-right.png)}
.list-memes .scroll-left{margin-left:12px;}
.list-memes img{padding:3px;border:1px solid #aaa;cursor:pointer}
.list-memes img.active{border:4px solid #fdbb31;padding:0;border-radius:3px}

#gened, #overlayloading {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 3;
}

#gened img {
	
}

#overlayloading { display: none;}

#overlayloading i {
	background: #000;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0.7;
	z-index: 1;
}

#overlayloading img {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	margin-left: -32px;
	margin-top: -32px;
}

span.t1, span.t2, #main-img {
	opacity: 0;
}

#links { display: none;}