.graph {
    position: relative;
    height: 265px;
    width: 530px;
    margin: 2em auto 0;
    border: 1px solid #888;
    border-width: 0 0 2px 2px;
    background-color: #fff;
}

.graph-x {
    width: 500px;
    margin: 0.5em auto 2em;
    padding-right: 1em 1em 0;
}

.graph-x p {
    margin: 1em 0 3em;
}

.graph img {
    position: absolute;
    bottom: 2px;
    left: 2px;
}

.graph img.de {
    position: absolute;
    bottom: 10px;
    left: 2px;
}

.graph img.es {
    position: absolute;
    bottom: 10px;
    left: 2px;
}

.graph .btn.selected {
    background-color: #333;
    color: #777;
}

#label-1.fr  {position: absolute; left: 2px; bottom: 45px}
#label-2.fr  {position: absolute; left: 10px; bottom: 2px}
#label-3.fr  {position: absolute; left: 100px; bottom: 43px}
#label-4.fr  {position: absolute; left: 175px; bottom: 148px}
#label-5.fr  {position: absolute; left: 215px; bottom: 195px}
#label-6.fr  {position: absolute; left: 280px; bottom: 155px}
#label-7.fr  {position: absolute; left: 320px; bottom: 65px}
#label-8.fr  {position: absolute; left: 360px; bottom: 190px}
#label-9.fr  {position: absolute; left: 380px; bottom: 225px}
#label-10.fr {position: absolute; left: 335px; bottom: 145px}
#label-11.fr {position: absolute; left: -50px; top: -36px; width:100px}

#label-1.de  {position: absolute; left: -20px; bottom: 46px}
#label-2.de  {position: absolute; left: 2px; bottom: 107px}
#label-3.de  {position: absolute; left: 30px; bottom: 2px}
#label-4.de  {position: absolute; left: 118px; bottom: 125px}
#label-5.de  {position: absolute; left: 82px; bottom: 155px}
#label-6.de  {position: absolute; left: 240px; bottom: 205px}
#label-7.de  {position: absolute; left: 306px; bottom: 165px}
#label-8.de  {position: absolute; left: 326px; bottom: 125px}
#label-9.de  {position: absolute; left: 394px; bottom: 236px}
#label-10.de {position: absolute; left: 445px; bottom: 2px}
#label-11.de {position: absolute; left: -40px; top: -36px; width: 80px}

#label-1.es  {position: absolute; left: -20px; bottom: 46px}
#label-2.es  {position: absolute; left: 2px; bottom: 107px}
#label-3.es  {position: absolute; left: 30px; bottom: 2px}
#label-4.es  {position: absolute; left: 104px; bottom: 125px}
#label-5.es  {position: absolute; left: 138px; bottom: 155px}
#label-6.es  {position: absolute; left: 240px; bottom: 205px}
#label-7.es  {position: absolute; left: 306px; bottom: 165px}
#label-8.es  {position: absolute; left: 326px; bottom: 125px}
#label-9.es  {position: absolute; left: 394px; bottom: 236px}
#label-10.es {position: absolute; left: 432px; bottom: 2px}
#label-11.es {position: absolute; left: -40px; top: -36px; width: 80px}

#screengrabs {
    margin-bottom: 3em;
}

#screen-thumb img {
    max-width: 250px;
    border: 1px solid #222;
}

#screenshot-lg-modal img {
    max-width:100%;
}

#feedback .table img {
    max-width: 150px;
}

#feedback .table th {
    background-color: #87CAE0;
    color: #fff;
}

#feedback .table td {
    background-color: #fff;
}


.graph {
	width:800px;
	height:400px;
}

.graph-x {
	width:800px;
}

.graph img {
	width:100%
}

.graph button {
	font-size:18px
}


#label-1.fr  {position: absolute; left: 2px; bottom: 115px}
#label-2.fr  {position: absolute; left: 30px; bottom: 2px}
#label-3.fr  {position: absolute; left: 150px; bottom: 103px}
#label-4.fr  {position: absolute; left: 225px; bottom: 200px}
#label-5.fr  {position: absolute; left: 355px; bottom: 320px}
#label-6.fr  {position: absolute; left: 470px; bottom: 260px}
#label-7.fr  {position: absolute; left: 530px; bottom: 120px}
#label-8.fr  {position: absolute; left: 580px; bottom: 300px}
#label-9.fr  {position: absolute; left: 620px; bottom: 380px}
#label-10.fr {position: absolute; left: 577px; bottom: 220px}
#label-11.fr {position: absolute; left: -50px; top: -36px; width:100px}

#label-1.de  {position: absolute; left: -40px; bottom: 65px}
#label-2.de  {position: absolute; left: 30px; bottom: 170px}
#label-3.de  {position: absolute; left: 70px; bottom: 10px}
#label-4.de  {position: absolute; left: 205px; bottom: 200px}
#label-5.de  {position: absolute; left: 205px; bottom: 240px}
#label-6.de  {position: absolute; left: 400px; bottom: 340px}
#label-7.de  {position: absolute; left: 500px; bottom: 300px}
#label-8.de  {position: absolute; left: 530px; bottom: 220px}
#label-9.de  {position: absolute; left: 620px; bottom: 380px}
#label-10.de {position: absolute; left: 700px; bottom: 10px}
#label-11.de {position: absolute; left: -50px; top: -36px; width:100px}

#label-1.es  {position: absolute; left: -60px; bottom: 80px}
#label-2.es  {position: absolute; left: 0px; bottom: 170px}
#label-3.es  {position: absolute; left: 50px; bottom: 10px}
#label-4.es  {position: absolute; left: 225px; bottom: 200px}
#label-5.es  {position: absolute; left: 275px; bottom: 240px}
#label-6.es  {position: absolute; left: 400px; bottom: 340px}
#label-7.es  {position: absolute; left: 480px; bottom: 290px}
#label-8.es  {position: absolute; left: 530px; bottom: 230px}
#label-9.es  {position: absolute; left: 670px; bottom: 380px}
#label-10.es {position: absolute; left: 730px; bottom: 10px}
#label-11.es {position: absolute; left: -50px; top: -36px; width:100px}



/* ipad portarait */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-height: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {



.graph {
	width:620px;
	height:400px;
	margin:0 auto;
	

}

.graph-x {
	width:620px;
}

.graph img {
	width:100%
}

.graph button {
	font-size:16px
}


#label-1.fr  {position: absolute; left: 2px; bottom: 115px}
#label-2.fr  {position: absolute; left: 30px; bottom: 2px}
#label-3.fr  {position: absolute; left: 150px; bottom: 103px}
#label-4.fr  {position: absolute; left: 195px; bottom: 170px}
#label-5.fr  {position: absolute; left: 300px; bottom: 250px}
#label-6.fr  {position: absolute; left: 350px; bottom: 190px}
#label-7.fr  {position: absolute; left: 400px; bottom: 100px}
#label-8.fr  {position: absolute; left: 430px; bottom: 230px}
#label-9.fr  {position: absolute; left: 450px; bottom: 290px}
#label-10.fr {position: absolute; left: 500px; bottom: 160px}
#label-11.fr {position: absolute; left: -50px; top: -36px; width:100px}

#label-1.de  {position: absolute; left: -40px; bottom: 65px}
#label-2.de  {position: absolute; left: 20px; bottom: 140px}
#label-3.de  {position: absolute; left: 70px; bottom: 10px}
#label-4.de  {position: absolute; left: 180px; bottom: 180px}
#label-5.de  {position: absolute; left: 110px; bottom: 210px}
#label-6.de  {position: absolute; left: 280px; bottom: 270px}
#label-7.de  {position: absolute; left: 390px; bottom: 210px}
#label-8.de  {position: absolute; left: 420px; bottom: 160px}
#label-9.de  {position: absolute; left: 520px; bottom: 300px}
#label-10.de {position: absolute; left: 510px; bottom: 10px}
#label-11.de {position: absolute; left: -50px; top: -36px; width:100px}

#label-1.es  {position: absolute; left: -60px; bottom: 80px}
#label-2.es  {position: absolute; left: 0px; bottom: 140px}
#label-3.es  {position: absolute; left: 50px; bottom: 10px}
#label-4.es  {position: absolute; left: 170px; bottom: 170px}
#label-5.es  {position: absolute; left: 200px; bottom: 210px}
#label-6.es  {position: absolute; left: 300px; bottom: 270px}
#label-7.es  {position: absolute; left: 380px; bottom: 210px}
#label-8.es  {position: absolute; left: 410px; bottom: 160px}
#label-9.es  {position: absolute; left: 520px; bottom: 300px}
#label-10.es {position: absolute; left: 550px; bottom: 10px}
#label-11.es {position: absolute; left: -50px; top: -36px; width:100px}

}