body {
    -moz-user-select: none;
    -webkit-user-select: none;

}
button{border:none;}

#html5module {
    width: 800px;
    position: relative;
    margin: 0 auto;
    border: 1px solid #999;
    box-shadow: 5px 5px 4px #EEE;
    min-height: 600px;
    background-color: #000;
    background-image:url('../../../../shared/img/sapling_logo_150px.png');
    background-position: 18px 10px;
    background-repeat: no-repeat;

}
#canvas {
    position: absolute;
    z-index: 2;
    background-color: transparent;
}
#canvas.inFront{
    z-index:25;
}
#frameCanvas{
    position:absolute;
    z-index:3;
    background-color:transparent;
    border-top: 1px solid #666666;
    top: 515px;
}
#pathCanvas{
    position: absolute;
    background-color: transparent;
    z-index: 1;
}
#gridCanvas{
    position:absolute;
    background-color: transparent;
    display: none;
    z-index: 0;
}

#controlsDiv{
    position:absolute;
    width:800px;
    height:75px;
    left:0;
    bottom: 0;
    z-index:4;

}
.ui-font{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:white;
    font-weight:normal;
    text-shadow:none;
}

#help {
    position: absolute;
    bottom:12px;
    left:10px;
    z-index:20;

}
#reset{
    position:absolute;
    bottom:12px;
    left: 110px;
    z-index:20;
}
#optionsDiv{
    position:absolute;
    bottom:15px;
    left: 220px;
    z-index:20;
    height:50px;

}
#showLegendDiv{
    display:inline-block;
    text-shadow:none;
    font-weight:normal;
    font-size:16px;
    vertical-align:middle;

}
#optionsDiv form{
    display:inline-block;
    vertical-align:middle;
}
#gravity{
    position:absolute;
    bottom:12px;
    left: 650px;
    z-index:20;
}

#playButtonDiv{
    position:absolute;
    bottom:128px;
    left: 353px;
    width: 44px;
    height:44px;
    z-index:20;
}
#playButtonImg, #pauseButtonImg{
    width:33px;
    height:40px;
}

#objectConfig{
    position:absolute;
    top: 10px;
    right: 10px;
    z-index:20;
}

#bigSmall + label
{

    background-image: url("../img/bigSmall.png");
    background-position: 0 2px;
    height: 45px;
    width: 100px;
    display:inline-block;
    padding: 0 0 0 0;
}
#sameSize + label
{
    background-image: url("../img/sameSize.png");
    background-position: 0 2px;
    height: 45px;
    width: 100px;
    display:inline-block;
    padding: 0 0 0 0;
}

#message {
    position: absolute;
    top: 312px;
    left: 12px;
    width: 300px;
    border: 1px #999 solid;
    background-color:rgba(0, 0, 0, 0.3);
    padding:16px;
    border-radius: 8px;
    cursor:move;
    z-index:120;
    display:none;
}
#messageText p{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:rgba(255, 255, 255, 0.8);
    font-weight:normal;
    text-shadow:none;
    line-height:22px;
    margin-top:8px;
    margin-bottom:8px;
}

#messageContainmentWrapper{
    position:relative;
    width:100%;
    height: 515px;
}

/* jquery mobile theme overrides */
.ui-checkbox-on, .ui-radio-on{
    background-image:none;
    background-color: #00859e;

}
.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-active-a, .ui-controlgroup-label{
    font-weight:normal;
}
.ui-overlay-c{
    text-shadow:none;
    font-weight:normal;
}
label img{
    margin:0;
    padding-left:2px;
    width:8px;
    height:13px;
}
label, a{
    line-height:18px;
}
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
    font-family:Arial, Helvetica,sans-serif;
}

.ui-focus{
    box-shadow: none;
}