html, body{
    background: url(../images/cpuBackground.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}

a {
    color: blue;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    color: red;
}

#content {
    margin-top: 200px;
    margin-bottom: 50px;
}

#logo {
    float: left;
}

#page {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px;
}

#pagecontent {
    min-height: 100px;
    width: 400px;
    margin: 0 auto;
}

.modalLink {
    /*color: blue;*/
    /*text-decoration: underline;*/
    /*cursor: pointer;*/
}

.line {
    background-color: white;
    height: 5px;
    width: 100%;
}

.loginheader {
    font-weight: 200;
    font-size: 22px;
}

/* ----------- */
/* --FORM----- */
/* ----------- */

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
input[type="password"],
textarea,
select {
    font-family: "Roboto", Helvetica, sans-serif;
    background: rgba(255,255,255,.1);
    border: none;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #e8eeef;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;

}

input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
    background: #d2d9dd;
}
select{
    -webkit-appearance: menulist-button;
    height:35px;
}

input[type="submit"],
input[type="button"]
{
    font-family: "Roboto", Helvetica, sans-serif;
    background: rgba(255,255,255,.1);
    border: 1px solid white;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #d2d9dd;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
}
input[type="submit"]:hover,
input[type="button"]:hover
{
    background: orange;
    border: 1px solid darkred;
    color: black;
}