* {
    outline: none;
}
.container {
    padding: 10px;
    width: 550px;
}
html, body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
canvas {
    cursor: crosshair;
    background: #ffffff;
    border: 2px solid #cccccc;
    z-index: 999;
    position: relative;
}
/*form*/
#check {
    position: relative;
    top: 2px;
    left: 1px;
}
span.remember {
    position: relative;
    bottom: 2px;
}
input {
    margin-bottom: 10px;
    height: 25px;
    background-color: #ffffff;
    border: 2px solid #cccccc;
}
#username, #password {
    font-size: 16px;
    padding-left: 5px;
    padding-right: 5px;
}
label {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    height: 20px;
}
#submit, select, button {
    height: 25px;
    background-color: #ffffff;
    border: 2px solid #cccccc;
}
#submit:hover, button:hover {
    background-color: #EDEDED;
}
#submit:hover, input:hover, button:hover, select:hover {
    border-color: #BABABA;
}
#submit:active, input:focus, button:active, select:active {
    background-color: #ffffff;
    border-color: #B3B3B3;
}
select {
    width: auto;
    padding-left: 5px;
}
select.saves {
    height: auto;
}
.active {
    border-color: #6d6d6d;
}
/*right*/
.right {
    float: right;
}
.left {
    float: left;
}
.right, .left {
    position: relative;
    top: 18px;
}
.right select, .right button, .left select, .left button {
    margin-bottom: 10px;
    width: 90px;
}
.right button, .left button {
    position: relative;
    left: 1px;
}
.right select, .left select {
    height: auto;
}