* {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
}
body {
    background:url(/img/grid.png) #eeeeee 50% 0%;
}
body,a {
    color: #3b4854;
}

/* Dashboard table on homepage */
table#dashboard {
    margin:0 auto;
}
table#dashboard td {
    padding:5px;
}
#android_icon {
    background-position:-50px 0;
}
td.icon div {
    width:46px;
    height:54px;
    background: url('/img/platforms.svg') 0 0 no-repeat;
}
td.pie_chart {
    height:300px;
    width:430px;
}
td.percentage img {
    margin-top:5px;
}
/* POPUP */
.popup {
    position:fixed;
    top:15%;
    bottom:15%;
    left:15%;
    right:15%;
    padding:5px;
    overflow-y:scroll;
    border-radius:5px;
    border:1px black solid;
    background-color: rgba(255,255,255,0.8);
}
.popup_title {
    text-align:center;
    padding:5px 0;
}
.popup_close {
    position:fixed;
    right: 17%;
    top: 17%;
    width:16px;
    height:16px;
    background:url('/img/no.png') 0 0 no-repeat;
    cursor:pointer;
}
.popup .spec {
    margin: 5px 10px;
    font-weight:bold;
    font-size:20px;
}
.popup .exception {
    margin:0 20px;
    font-size:15px;
}
.popup pre {
    font-size:12px;
    margin:0 25px;
}
.popup code {
}

/*---------------------------------------------------
    Font
    ---------------------------------------------------*/
    body,
    h1,
    h2,
    h3,
    h4,
    input,
    button {
          font-size: 17px;
            font-family: 'HelveticaNeue-Light', Helvetica, Arial, sans-serif;
              font-weight: 300;
    }
    h1,
    h2,
    h3,
    h4 {
          letter-spacing: 0.05em;
          margin-left:15px;
    }
    h1 {
          font-size: 34px;
    }
    h2 {
          font-size: 34px;
            padding: 48px 0;
    }
    b,
    strong {
          font-family: 'HelveticaNeue-Bold', Helvetica, Arial, sans-serif;
            font-weight: 900;
    }
    label {
          font-family: 'HelveticaNeue', Helvetica, Arial, sans-serif;
            font-weight: 400;
              font-size: 12px;
    }
    .platforms-list li,
    .list-header.mini,
    .quick-links-header li {
          font-family: 'HelveticaNeue-Medium', 'HelveticaNeue', Helvetica, Arial, sans-serif;
            font-weight: 500;
    }
    /*---------------------------------------------------
        Generic
        ---------------------------------------------------*/
        a:hover {
              color: #4cc2e4;
        }
