.myButton {
    -moz-box-shadow: inset 0px 1px 8px 0px orange;
    -webkit-box-shadow: inset 0px 1px 8px 0px orange;
    box-shadow: inset 0px 1px 8px 0px white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, orange));
    background: -moz-linear-gradient(top, #ffffff 5%, orange 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, orange 100%);
    background: -o-linear-gradient(top, #ffffff 5%, orange 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, orange 100%);
    background: linear-gradient(to bottom, #ffffff 5%, orange 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='gold', endColorstr='orange',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;

    background-color: gold;
    border: 1px solid gold;

    color: black;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 12px;
    text-decoration: none;
}

.myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, yellow), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, yellow 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, yellow 5%, #ffffff 100%);
        background: -o-linear-gradient(top, yellow 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, yellow 5%, #ffffff 100%);
        background: linear-gradient(to bottom, yellow 5%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);

        background-color: yellow;
    }

.myButton:active {
        position: relative;
        top: 1px;
    }

.myLampButton {
    position: relative;
    top: 1px;
    img src="img/lamp_off.png" width=75px height=75px;
}

.myLampButton:Hover {
    position: relative;
    top: 1px;
    img src="img/lamp_ON.png" width=75px height=75px;
}

.mySelect {
    -moz-box-shadow: inset 0px 1px 8px 0px green;
    -webkit-box-shadow: inset 0px 1px 8px 0px green;
    box-shadow: inset 0px 1px 8px 0px white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, green), color-stop(1, lightgreen));
    background: -moz-linear-gradient(top, green 5%, lightgreen 100%);
    background: -webkit-linear-gradient(top, green 5%, lightgreen 100%);
    background: -o-linear-gradient(top, green 5%, lightgreen 100%);
    background: -ms-linear-gradient(top, green 5%, lightgreen 100%);
    background: linear-gradient(to bottom, green 5%, lightgreen 100%);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
 
    border: 1px solid green;
    background-color: lightgreen;

    color: black;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 12px;
    text-decoration: none;
}

.myButtonRed {
    -moz-box-shadow: inset 0px 1px 8px 0px DarkRed;
    -webkit-box-shadow: inset 0px 1px 8px 0px DarkRed;
    box-shadow: inset 0px 1px 8px 0px white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, DarkRed));
    background: -moz-linear-gradient(top, #ffffff 5%, DarkRed 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, DarkRed 100%);
    background: -o-linear-gradient(top, #ffffff 5%, DarkRed 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, DarkRed 100%);
    background: linear-gradient(to bottom, #ffffff 5%, DarkRed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='orange', endColorstr='DarkRed',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid blue;
    background-color: orange;
    color: black;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 12px;
    text-decoration: none;
    color: white;
}

.myButtonRed:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, orange), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, orange 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, orange 5%, #ffffff 100%);
    background: -o-linear-gradient(top, orange 5%, #ffffff 100%);
    background: -ms-linear-gradient(top, orange 5%, #ffffff 100%);
    background: linear-gradient(to bottom, orange 5%, #ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='Red', endColorstr='#ffffff',GradientType=0);
    background-color: orange;
    color: black;
}

.myButtonRed:active {
        position: relative;
        top: 1px;
    }

.myButtonBlue {
    -moz-box-shadow: inset 0px 1px 8px 0px skyblue;
    -webkit-box-shadow: inset 0px 1px 8px 0px skyblue;
    box-shadow: inset 0px 1px 8px 0px white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, skyblue));
    background: -moz-linear-gradient(top, #ffffff 5%, skyblue 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, skyblue 100%);
    background: -o-linear-gradient(top, #ffffff 5%, skyblue 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, skyblue 100%);
    background: linear-gradient(to bottom, #ffffff 5%, skyblue 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='blue', endColorstr='skyblue',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid blue;
    background-color: lightblue;
    color: black;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 12px;
    text-decoration: none;
}

    .myButtonBlue:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, lightblue), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, lightblue 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, lightblue 5%, #ffffff 100%);
        background: -o-linear-gradient(top, lightblue 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, lightblue 5%, #ffffff 100%);
        background: linear-gradient(to bottom, lightblue 5%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='blue', endColorstr='#ffffff',GradientType=0);
        background-color: lightblue;
    }

    .myButtonBlue:active {
        position: relative;
        top: 1px;
    }

.mySelectBlue {
    -moz-box-shadow: inset 0px 1px 8px 0px blue;
    -webkit-box-shadow: inset 0px 1px 8px 0px blue;
    box-shadow: inset 0px 1px 8px 0px white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, green), color-stop(1, lightblue));
    background: -moz-linear-gradient(top, blue 5%, lightblue 100%);
    background: -webkit-linear-gradient(top, blue 5%, lightblue 100%);
    background: -o-linear-gradient(top, blue 5%, lightblue 100%);
    background: -ms-linear-gradient(top, blue 5%, lightblue 100%);
    background: linear-gradient(to bottom, blue 5%, lightblue 100%);
    background-color: lightblue;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid blue;
    display: inline-block;
    cursor: pointer;
    color: black;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px 10px;
    text-decoration: none;
}


.myButtonSprung {
    -moz-box-shadow: inset 0px 1px 8px 0px lightgreen;
    -webkit-box-shadow: inset 0px 1px 8px 0px lightgreen;
    box-shadow: inset 0px 1px 8px 0px white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, lightgreen));
    background: -moz-linear-gradient(top, #ffffff 5%, lightgreen 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, lightgreen 100%);
    background: -o-linear-gradient(top, #ffffff 5%, lightgreen 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, lightgreen 100%);
    background: linear-gradient(to bottom, #ffffff 5%, lightgreen 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='yellow', endColorstr='lightgreen',GradientType=0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    border: 1px solid darkgoldenrod;
    background-color: yellow;
    color: black;
    font-size: 0.9em;
    font-weight: bold;
    padding: 2px 3px;
    text-decoration: none;
}

    .myButtonSprung:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, greenyellow), color-stop(1, #ffffff));
        background: -moz-linear-gradient(top, greenyellow 5%, #ffffff 100%);
        background: -webkit-linear-gradient(top, greenyellow 5%, #ffffff 100%);
        background: -o-linear-gradient(top, greenyellow 5%, #ffffff 100%);
        background: -ms-linear-gradient(top, greenyellow 5%, #ffffff 100%);
        background: linear-gradient(to bottom, greenyellow 5%, #ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='greenyellow', endColorstr='#ffffff',GradientType=0);
        background-color: gold;
    }

    .myButtonSprung:active {
        position: relative;
        top: 1px;
    }

.mySelectSprung {
    -moz-box-shadow: inset 0px 1px 8px 0px gold;
    -webkit-box-shadow: inset 0px 1px 8px 0px gold;
    box-shadow: inset 0px 1px 8px 0px white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, greenyellow), color-stop(1, white));
    background: -moz-linear-gradient(top, greenyellow 5%, white 100%);
    background: -webkit-linear-gradient(top, greenyellow 5%, white 100%);
    background: -o-linear-gradient(top, greenyellow 5%, white 100%);
    background: -ms-linear-gradient(top, greenyellow 5%, white 100%);
    background: linear-gradient(to bottom, greenyellow 5%, white 100%);
    background-color: greenyellow;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid darkgoldenrod;
    display: inline-block;
    cursor: pointer;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    padding: 3px 3px;
    text-decoration: none;
}

/* Ghost-Buttons ----------------------------------------------- */

.ghost_btn {
    text-decoration: none;
    font-size: 120%;
    font-weight: 600;
    color: #444;
    border: 0px hidden #FFF;
    padding: 0.65em 1.7em;
    display: inline-block;
    overflow: hidden;
    border-radius: 5px;
    transition: all 0.6s ease 0s;
    cursor: pointer;
}

a.ghost_btn:hover {
    background: #fff;
    color: #000;
}

a.ghost_htrnbtn:hover {
    background: rgba(255, 255, 255, 0.5);
    color: #000;
}