html {
  font-size: 14px;
}

@media (min-width: 100px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    min-height: 100%;
    /*background-image: url("/image/bg.jpg");*/
    color: #777;
}

footer {
    position:absolute;
    bottom:0px;
}

.userPanel {
    position:absolute;
    right:100px;
    top:10px;
}

input[type='text'],
input[type='password']
{
    width:200px;
    height:30px;
    border:1px solid lightgray;
    outline:none;
}

    input[type='text']:focus,
    input[type='password']:focus {
        border: 2px solid orange;
    }

button {
    background:lightgray;
    border-radius:2px;
    border:1px solid lightgray;
}
button:hover {
    opacity:0.4;
}

    button.orangeColor {
        background: orange; 
    }

    button.greenColor {
        background: green;
    }

    button.yellowColor {
        background: yellow;
    }

    button.redColor {
        background: red;
    }

label {
    width:100px;
}

.controlDiv {
    margin-bottom:10px;
}