body{
    background: #333;
}


#lowThresh,#highThresh,#gBlur{
    width:30%;
    margin-left:1%;
    margin-top:1%;
}

#ranges{
    visibility: hidden;
}

#imageCanvas {

    margin-left: 1%;
    margin-right: none;
    margin-top:2%;
    display: block;
    width: 98%;
    height: 100%;
    visibility: hidden;
    border: 5px inset black;
    background: #FFF;

}
#editCanvas {

    margin-left: 1%;
    margin-right: none;
    margin-top:1%;
    display: block;
    width: 98%;
    height: 100%;
    visibility:hidden;
    border: 5px inset black;
    background:#FFF;
    margin-bottom: 5%;
}


#uploadImage{
    color:white;
    border-width:5px;
    border-style:solid;
    border-radius:5px;
    text-align:center;
    background: #494949 ;
    cursor: pointer;
    width:30%;
    height: 20%;
    font-size: 50%;
    margin-left:35%;
    margin-top:20%;
    font-size: 40px;



}
/*SELECT IMAGE BUTTON*/
/*Copied from bootstrap */
 .btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;

}
.fileinput-button {
    position: relative;
    overflow: hidden;
}
 .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter:'alpha(opacity=0)';
    font-size: 30px;
    direction: ltr;
    cursor: pointer;
    width:100%;
    height:100%;
}

#SelectImageDiv{
    position:relative;
}


.myButton {
     display: block;
    -moz-box-shadow: 0px 10px 14px -7px #3e7327;
    -webkit-box-shadow: 0px 10px 14px -7px #3e7327;
    box-shadow: 0px 10px 14px -7px #3e7327;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
    background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
    background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
    background-color:#77b55a;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #4b8f29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    font-family:Arial;
    font-size:13px;
    font-weight:bold;

   
    text-decoration:none;
    text-shadow:0px 1px 0px #5b8a3c;

}
.myButton:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
    background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
    background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
    background-color:#72b352;
}
.myButton:active {
    position:relative;
    top:1px;
}

#EdgeButton, #Compare, #Save, #Zoom, #newImage{
    visibility: hidden;
    margin-top: 1%;
    margin-left:1%;
    margin-bottom: 1%;
}




#ex1Slider .slider-selection {
    background: #BABABA;
}