#frontimage{
	width:377px;
}
#frontcard{
	width:380px;
}
#backimage{
    background-color:#3d3d3d;
    background-image: url('../images/img/backt_negro_res.png');
    background-repeat: no-repeat;
    z-index: 1000;
    width:377px;
    height: 530px;
}
#backcard{
    text-align:left;
}
#biomask{
    background-image: url('../images/img/border_ingress.png');
    background-repeat: no-repeat;
    z-index: 1001;
    width:100%;
    height: 530px;
    position: absolute;
}
#userimage{
    background-image: url('../images/img/player_template.jpg');
    background-repeat: no-repeat;
    z-index: 1000;
    width:377px;
    height: 530px;
    position: absolute;
}

#droptext{
    margin-top: 200px;
}
#drop{
    padding: 0px 0px;
    border: 33px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    text-align: center;

    width:80%;
    height: 400px;
    position: absolute;
    z-index: 1002;
    font-size:16px;
    font-weight:bold;
    color:#ffff00;
}
#drop a{
    background-color:#007a96;
    padding:12px 26px;
    color:#fff;
    font-size:14px;
    border-radius:2px;
    cursor:pointer;
    display:inline-block;
    margin-top:12px;
    line-height:1;
}
#drop a:hover{
    background-color:#0986a3;
}
#drop input{
    display:none;
}

#sellogo{
    position: absolute;
    top: 10px;
    left: 20px;
	width:360px;
}
#sellogo h2{
    position: absolute;
	display:inline-block;
	left:120px;
	top:20px;
}
#sellogo select{
    position: absolute;
	display:inline-block;
	left:120px;
	top:50px;
}
#selcolor{
    position: absolute;
    top: 155px;
    left: 50px;
}
#options{
    position: absolute;
    top: 280px;
    left: 40px;
}

#backimage input[type="text"],textarea{
	border:2px ;
    border-style: dashed solid;
	background:inherit;
}
#generate{
    background-color:#007a96;
    color:#fff;
    font-size:14px;
    cursor:pointer;
    display:inline-block;
    margin-top:5px;
    line-height:1;
}
#generate:hover{
    background-color:#0986a3;
}
#upload ul li{
	list-style:none;
    padding:15px;
    height: 52px;
	width:250px;
    position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p{
    width: 144px;
    overflow: hidden;
    white-space: nowrap;
    color: #EEE;
    font-size: 16px;
    font-weight: bold;
    position: absolute;
    top: 20px;
    left: 100px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 15px;
    left: 32px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 34px;
    right: 33px;
    cursor:pointer;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}
#contact{
    position: absolute;
	top:650px;
	left:35%;
	cursor:pointer;
    display:block;
	z-index: 1010;
	width:320px;
	
}

div.tooltips {
  position: relative;
  display: block;
}
div.tooltips span {
  position: absolute;
  width: 250px;
  color: #FFFFFF;
  background: #00257C;
  height: auto;
  line-height: 30px;
  font-size:16px;
  font-weight:bold;
  text-align: left;
  padding-left: 10px;
  visibility: hidden;
  border-radius: 6px;
}
div.tooltips span:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 50%;
  margin-top: -8px;
  width: 0; height: 0;
  border-right: 8px solid #00257C;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
div:hover.tooltips span {
  visibility: visible;
  opacity: 0.8;
  bottom: 110%;
  left: 5%;
  margin-top: -15px;
  margin-left: 15px;
  z-index: 999;
}