html, body{
margin: 0;
padding: 0;
}
html, body, .table{
width: 100%;
height: 100%;
}
label{
color: #002D6E;
font-size: 12px;
font-weight: bold;
}
.table{
display: table;
}
.td{
display: table-cell;
padding: 10px;
text-align: center;
vertical-align: middle;
}
@media screen and (orientation: portrait){
.tr_portrait{
display: table-row;
}
.tr_landscape{
display: inline-block;
}
}
@media screen and (orientation: landscape){
.tr_landscape{
display: table-row;
}
.tr_portrait{
display: inline-block;
}
}
form{
text-align: left;
}
#logo, input, select{
width: 100%;
}
input[type=button], input[type=submit]{
font-size: 22px;
font-weight: bold;
border-radius: 20px;
}
#logo{
height: 100px;
background: #00327D url(../gfx/logo_over.png) no-repeat left bottom;
}
#spamchecker{
display: none;
}
#monitor{
position: relative;
}
#monitor, #video, #photo{
width: 640px;
height: 480px;
}
#video, #photo{
position: absolute;
left: 0px;
top: 0px;
border: solid #0a246a 1px;
background: #AAA;
}
#trigger, #submit{
height: 70px;
}
#submit{
visibility: hidden;
}