BODY {
	MARGIN: 0px; BACKGROUND: white; COLOR: black;  font-family:sans-serif;
}
TABLE {
	MARGIN: 5px;
}
TABLE TR TH {
	BACKGROUND: dodgerblue; PADDING: 3px 3px 3px 3px; FONT-SIZE: 20t;
}
TABLE TR TD {
	PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; COLOR: #000000; FONT-SIZE: 20pt; PADDING-TOP: 3px;
}
TABLE TR TD INPUT {
	FONT-SIZE: 18pt;
}
TABLE TR TD BUTTON {
	FONT-SIZE: 20pt; FONT-WEIGHT: bold;
}
TABLE TR TD A {
	FONT-SIZE: 24pt; FONT-WEIGHT: bold;
}
TABLE TR TD SELECT {
	FONT-SIZE: 16pt;;
}
#header {
	FONT-SIZE: 24pt; FONT-WEIGHT: bold; TEXT-ALIGN: left;
}
#pagetitle {
	FONT-SIZE: 24pt; FONT-WEIGHT: bold; TEXT-ALIGN: center;
}
#loginname {
	FONT-SIZE: 20pt; FONT-WEIGHT: bold; TEXT-ALIGN: left;
}
#header3 {
	FONT-SIZE: 20pt; FONT-WEIGHT: bold; TEXT-ALIGN: left;
}
#footer {
	COLOR: black; FONT-SIZE: 12pt; TEXT-ALIGN: right;
}
#content {
	BACKGROUND: white; COLOR: #000000;
}
#errmsg {
	BACKGROUND: white; COLOR: red;
}

.content{
	width:100%;
	height:70%;
}

.header,.footer{
	width:100%;
	height:15%;
}

.display{
	position:absolute;
}


.viewport{
	width:100%;
	overflow:hidden;
	margin:0 auto;
	-webkit-transform:translateZ(0);
}
.flipsnap{
	width:400%;
	/*width: 800%;*/
	height:100%;
}
.flipsnap:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

.item{
	float:left;
	width:25%;
	height:100%;
	background:#EFEFEF;
	color:#666;
	border:2px #000000 solid;
	/*z-index: -2;*/
}

.viewport3{
	overflow:hidden;
	margin:0 auto;
	-webkit-transform:translateZ(0);
}
.flipsnap3{
	width:100%;
	height:400%;
}
.flipsnap3:after{
	content:"";
	display:block;
	clear:both;
	height:0;
}

.item3{
	width:100%;
	height:25%;
	background:#EFEFEF;
	color:#666;
	border:2px #000000 solid;
}

/*.image {
	z-index: -1;
}
.item,.item3 {
	z-index: -2;
}*/


.image,.canvas1{
	position:absolute;
	/*width:inherit;*/
	/*height:inherit;*/
	background-size:100% 100%;
}

.image2{
	width:25%;
	height:100%;
}

.cap1_col,.cap3_col{
	border:2px #000000 solid;
	float:left;
}


/*.update {
	background-color: black;
	width: 100px;
	text-align: center;
	color: white;
}*/

.reboot,.time,.update{
	background-color:black;
	height:25px;
	padding-top:5px;
	text-align:center;
	color:white;
	position:absolute;
	width: 100px;
}

.reboot{
	font-size:12px;
}

div.flickRight{
	-webkit-animation:effectRight 0.1s 1 ease-in;
	-webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes effectRight{
	0%{zoom:100%;}
	25%{zoom:150%;}
	50%{zoom:200%;}
	75%{zoom:250%;}
	100%{zoom:300%;}
}
div.flickLeft{
	-webkit-animation:effectLeft 0.1s 1 ease-in;
	-webkit-animation-fill-mode:backwards;
}
@-webkit-keyframes effectLeft{
	0%{zoom:300%;}
	25%{zoom:250%;}
	50%{zoom:200%;}
	75%{zoom:150%;}
	100%{zoom:100%;}
}