@import url(//fonts.googleapis.com/css?family=Nunito:400,100,200,300,500,600);
@import url(//fonts.googleapis.com/css?family=Roboto:400,600);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);
@import url(//fonts.googleapis.com/css?family=Playfair+Display:400,600);
@import url(//fonts.googleapis.com/css?family=Source+Code+Pro:400,600);

BODY, HTML     {
	background-color:#000;
	font-family: Roboto;
	color: #fff;
	overflow:hidden;
	}

* {
	scrollbar-width: thin;
	scrollbar-color: #8af #000;
	}

*::-webkit-scrollbar {
	width: thin;
	}
*::-webkit-scrollbar-track {
	background: #000;
	}
*::-webkit-scrollbar-thumb {
	background-color: #8af;
	}

::placeholder {
	color: #000;
	opacity: 0.6;
	}

.nosel {
	user-select:none;
	-webkit-user-select:none;
	}

.cent {
	text-align:center;
	margin:0 auto;
	}

.dnl {
	display:inline-block;
	}

.bgf44 {background-color:#f44;}
.bgfaa {background-color:#faa;}


a.logr {
	font-size:0.85em;
	color:#aaa;
	text-decoration:none;
	}
a.logr:hover {
	color:#fda;
	text-decoration:underline;
	}
a.foot {
	color:#fff;
	text-decoration:none;
	}
a.foot:hover {
	color:#fda;
	text-decoration:underline;
	}
a.linx {
	color:#840;
	text-decoration:none;
	}
a.linx:hover {
	color:#048;
	text-decoration:underline;
	}
a.menu {
	color:#000;
	text-decoration:none;
	}
a.menu:hover {
	color:#800;
	text-decoration:underline;
	}

button {
	cursor:pointer;
	font:0.8em Roboto;
	color:#000;
	font-weight:400;
	border:solid 3px;
	line-height:50%;
	}

#bt8 {
	width:40px;
	height:20px;
	border-color:#f97 #620 #620 #f97;
	}

.bt13 {
	border:solid 1px #000000;
	width:80px;height:22px;
	margin:10px;
	-webkit-border-radius:4px;border-radius:4px;
	background-image: linear-gradient(#fff, #fc8);
	}

.bt14 {
	border:solid 1px #000000;
	width:120px;height:22px;
	margin:0px 10px;
	-webkit-border-radius:4px;border-radius:4px;
	background-image: linear-gradient(#fff, #fc8);
	}

#lb2 {
	margin-left:30px;;
	width:100px;
	height:16px;
	font-size:0.85;
	background-color:#fc8;
	border:solid 1px #fff;
	}

#log {
	position:relative;
	top:5px;
	left:5px;
	width:98%;
	height:80%;
	font-size:0.9em;
	font-weight:600;
	text-align:center;
//	border:solid 1px #ffffff;
	}

#res {
	margin-left:25px;
	}
#aut {
	margin-left:15px;
	}

#lab {
	position:relative;
	top:5px;
	left:5px;
	width:96%;
	height:70%;
	font-size:1.0em;
	font-weight:600;
	text-align:center;
//	border:solid 1px #ffffff;
	}

#ceo {
	font:1.35em "Playfair Display";
	font-weight:600;
	color:#fff;
	text-shadow: 0px 0px 8px #fff;
	}

#tok {
	position:relative;
	top:5px;
	left:5px;
	width:96%;
	height:70%;
	font-size:1.0em;
	text-align:center;
//	border:solid 1px #ffffff;
	}

#tock {
	font-size:0.85em;
	}


#dot2 {
	position:relative;
	margin:0 auto;
	top:0px;
	width:280px;
	color:#666;
	}
#dot2a {
	position:relative;
	top:-19px;
	left:30px;
	width:60px;
	color:#f88;
	}

.tick {
	animation: tick 2s linear infinite;
	-webkit-animation: tick 2s linear infinite;
	}
	@keyframes tick {
		0% {left:0px;}
		50% {left:220px;}
		100% {left:0px;}
		}
	@-webkit-keyframes tick {
		0% {left:0px;}
		50% {left:220px;}
		100% {left:0px;}
		}

#user, #pass {
	display:inline-block;
	width:25%;
	font-size:0.85em;
	}
.bgc1 {
	background-color:#8cf;
	}
.bgc2 {
	background-color:#f88;
	}
.bgc3 {
	background-color:#8fc;
	}

#boxalert {
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -150px;
	width:300px;
	overflow:hidden;
	height:auto;
	padding:10px;
	font: 1.0em Arial;color:#000000;
	text-align:left;
	background-color:#fff;
	border: solid 2px #800;
	z-index:100;
	}

.butt7 {
	width:50px;height:25px;
	border-color:#f97 #620 #620 #f97;
	background-color:#a00;
	font-size:0.85em;
	color:#fff;
	}

.shad {
	box-shadow: 20px 20px 4px rgba(0,0,0,0.8);
	-webkit-box-shadow: 20px 20px 4px rgba(0,0,0,0.8);
	}

#container {
	position:absolute;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	min-width:1080px;
	min-height:640px;
	}

#bgpic {
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
	}

#card {
	position: relative;
	top:0px;
	margin:0 auto;
	width:950px;
	height:660px;
	}

#check {
	position: absolute;
	top: 142px;
	left: 624px;
	width:108px;
	height:101px;
	z-index:2;
	}

.redchk{
	animation-name: redchk;
	-webkit-animation-name: redchk;
	animation-duration: 6s;
	-webkit-animation-duration: 6s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-delay: 2s;
	-webkit-animation-delay: 2s;
	visibility: visible !important;
	}
@keyframes redchk {
	0% {transform: translateX(0%) scale(1);opacity: 1.0;}
	100% {transform: translateX(-100%) scale(10);opacity: 0.0;}
	}
@-webkit-keyframes redchk {
	0% {transform: translateX(0%) scale(1);opacity: 1.0;}
	100% {transform: translateX(-100%) scale(10);opacity: 0.0;}
	}


#content-wrap {
	display:none;
	}

#head1 {
	position:absolute;
	top:0%;
	left:0%;
	width:32.75%;
	height:7%;
	vertical-align:middle;
	}

#head2 {
	position:absolute;
	top:0%;
	left:33.25%;
	width:32.75%;
	height:7%;
	}

#head3 {
	position:absolute;
	top:0%;
	left:66.5%;
	width:32.75%;
	height:7%;
	}

#pan1 {
	position:absolute;
	top:8.25%;
	left:0%;
	width:16%;
	height:85.5%;
	overflow:hidden;
	}

.f1 {
	margin-left:2px;
	font-size:0.9em;
	font-weight:600;
	text-align:left;
	}

#funx {
	position:relative;
	top:4px;
	left:4px;
	width:94%;
	height:56%;
	font-size:0.85em;
	text-align:left;
	color:#fff;
	overflow-y:auto;
	overflow-x:hidden;
	}

.fn1 {
	display:inline-block;
	width:85%;
	margin-top:5px;
	}

.indc {
	display:inline-block;
	width:15px;
	height:10px;
	border:solid 1px #fff;
	margin-right:5px;
	}

.indo {
	display:inline-block;
	width:15px;
	height:10px;
	border:solid 1px #fff;
	margin-right:5px;
	background-color:#fc8;
	}

#meter {
	display:none;
	position:relative;
	top:20px;
	left:4px;
	width:94%;
	height:auto;
	text-align:center;
	border:solid 1px #8cf;
	overflow:hidden;
	}

.metr {
	display:inline-block;
	margin:1px;
	width:10px;
	height:15px;
	border:solid 1px #8cf;
	}

.metr2 {
	display:inline-block;
	margin:1px;
	width:72px;
	height:15px;
	border:solid 1px #8cf;
	font-size:0.65em;
	overflow:hidden;
	}

.dse {
	position:relative;
	width:190px;
	height:50px;
	margin:0 auto;
	overflow:hidden;
	}

#dse1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	z-index:1;
	}

#dse2 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
	z-index:2;
	}

.dse3 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:50px;
//	background-image:url(graphics/gauge2.jpg);
//	background-size:100% 100%;
	font-size:0.5em;
	color:#fff;
	z-index:3;
	}

.gage2 {
	animation: gage2 10s linear infinite;
	-webkit-animation: gage2 10s linear infinite;
	}
	@keyframes gage2 {
		0% {translate: 0px;}
		50% {translate: -110px;}
		100% {translate: 0px;}
		}
	@-webkit-keyframes gage2 {
		0% {translate: 0px;}
		50% {translate: -110px;}
		100% {translate: 0px;}
		}



.box1 {
	position:relative;
	top:4px;
	left:4px;
	width:94%;
	height:40px;
	font-size:0.85em;
	text-align:left;
	border:solid 1px #8cf;
	}

.sop {
	color:#fc8;
	}

#fncrul {
	display:none;
	position:relative;
	top:4px;
	left:4px;
	width:92%;
	padding:1%;
	font-size:0.85em;
	text-align:left;
	border:solid 1px #8cf;
	}


#pan2 {
	position:absolute;
	top:8.25%;
	left:16.5%;
	width:16.25%;
	height:85.5%;
	}

#prof {
	position:relative;
	top:4px;
	left:4px;
	width:94%;
	height:88%;
	font-size:0.75em;
	text-align:left;
	color:#fff;
	overflow-y:auto;
	overflow-x:hidden;
	}

.fn2 {
	display:inline-block;
	width:80%;
	margin-top:2px;
	}


#scrn {
	position:absolute;
	top:8.25%;
	left:33.25%;
	width:32.75%;
	height:38%;
	overflow:hidden;
	}

#map {
	display:none;
	height:100%;
	width:200%;
	opacity:0.5;
	}

#map2 {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	opacity:0.7;
	}

.scrl {
	animation: scrl 60s linear infinite;
	-webkit-animation: scrl 60s linear infinite;
	}
	@keyframes scrl {
		0% {translate: 0px;}
		50% {translate: -50%;}
		100% {translate: 0px;}
		}
	@-webkit-keyframes scrl {
		0% {translate: 0px;}
		50% {translate: -50%;}
		100% {translate: 0px;}
		}

#scan {
	display:none;
	position:absolute;
	top:0px;
	left:-50px;
	}

.sweep {
	animation: sweep 7s infinite linear;
	-webkit-animation: sweep 7s infinite linear;
	}
	@keyframes sweep {
		0% { left:-500px; opacity:0.0; }
		25% { left:200px; opacity:0.5; }
		50% { left:600px; opacity:0.0; }
		100% { left:600px; opacity:0.0; }
		}
	@-webkit-keyframes sweep {
		0% { left:-500px; opacity:0.0; }
		25% { left:200px; opacity:0.5; }
		50% { left:600px; opacity:0.0; }
		100% { left:600px; opacity:0.0; }
		}

#circ {
	display:none;
	position:absolute;
	top: 50%;
	left: 50%;
	margin: -130px 0 0 -170px;
	opacity:0.6;
	}

.c1 {position:absolute;top:16px;left:68px;}
.c3 {position:absolute;top:30px;left:81px;z-index:1;}
.c2 {position:absolute;top:42px;left:94px;}
.c4 {position:absolute;top:58px;left:110px;}
.c5 {position:absolute;top:58px;left:110px;}
.c6 {position:absolute;top:58px;left:110px;}
.c7 {position:absolute;top:58px;left:110px;}

.c1r{
	animation: c1r 8s linear infinite ;
	-webkit-animation: c1r 8s linear infinite ;
	}
@keyframes c1r {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(90deg);}
	50% {transform: rotate(0deg);}
	75% {transform: rotate(-270deg);}
	100% {transform: rotate(90deg);}
	}
@-webkit-keyframes c1r {
	0% {-webkit-transform: rotate(0deg);}
	25% {-webkit-transform: rotate(90deg);}
	50% {-webkit-transform: rotate(0deg);}
	75% {-webkit-transform: rotate(-270deg);}
	100% {-webkit-transform: rotate(90deg);}
	}

.c2r{
	animation: c2r 8s  linear infinite ;
	 transform-origin: 50% 49%;
	-webkit-animation: c2r 8s  linear infinite ;
	-webkit- transform-origin: 50% 49%;
	}
@keyframes c2r {
	0% {transform: rotate(0deg);}
	20% {transform: rotate(0deg);}
	30% {transform: rotate(90deg);}
	40% {transform: rotate(90deg);}
	50% {transform: rotate(-90deg);}
	60% {transform: rotate(-90deg);}
	70% {transform: rotate(90deg);}
	80% {transform: rotate(90deg);}
	100% {transform: rotate(0deg);}
	}
@-webkit-keyframes c2r {
	0% {-webkit-transform: rotate(0deg);}
	20% {-webkit-transform: rotate(0deg);}
	30% {-webkit-transform: rotate(90deg);}
	40% {-webkit-transform: rotate(90deg);}
	50% {-webkit-transform: rotate(-90deg);}
	60% {-webkit-transform: rotate(-90deg);}
	70% {-webkit-transform: rotate(90deg);}
	80% {-webkit-transform: rotate(90deg);}
	100% {-webkit-transform: rotate(0deg);}
	}


.c3r {
	animation: c3r 2s linear infinite;
	-webkit-animation: c3r 2s linear infinite;
	perspective: 900px;
	-webkit-perspective: 900px;
	 transform-origin: 50% 49%;
	-webkit- transform-origin: 50% 49%;
	}
	@keyframes c3r {
		0% {transform: rotateX(0deg);}
		100% {transform: rotateX(359deg);}
		}
	@-webkit-keyframes c3r {
		0% {-webkit-transform: rotateX(0deg);}
		100% {-webkit-transform: rotateX(359deg);}
		}

.c4r {
	animation: c4r 5s infinite linear;
	 transform-origin: 50% 48%;
	-webkit-animation: c4r 5s infinite linear;
	 -webkit-transform-origin:50% 48%;
	}
	@keyframes c4r {
		0% {transform: rotate(90deg);}
		50% {transform: rotate(0deg);}
		75% {transform: rotate(180deg);}
		100% {transform: rotate(0deg);}
		}
	@-webkit-keyframes c4r {
		0% {-webkit-transform: rotate(90deg);}
		50% {-webkit-transform: rotate(0deg);}
		75% {-webkit-transform: rotate(180deg);}
		100% {-webkit-transform: rotate(0deg);}
		}

.c5r {
	animation: c5r 7s infinite linear;
	 transform-origin: 50% 48%;
	-webkit-animation: c5r 7s infinite linear;
	 -webkit-transform-origin:50% 48%;
	}
	@keyframes c5r {
		from {transform: rotate(0deg);}
		to {transform: rotate(-270deg);}
		}
	@-webkit-keyframes c5r {
		from {-webkit-transform: rotate(0deg);}
		to {-webkit-transform: rotate(-270deg);}
		}

.c6r {
	animation: c6r 9s infinite linear;
	 transform-origin: 50% 48%;
	-webkit-animation: c6r 9s infinite linear;
	 -webkit-transform-origin:50% 48%;
	}
	@keyframes c6r {
		0% {transform: rotate(0deg);}
		25% {transform: rotate(-200deg);}
		45% {transform: rotate(0deg);}
		55% {transform: rotate(0deg);}
		75% {transform: rotate(180deg);}
		100% {transform: rotate(0deg);}
		}
	@-webkit-keyframes c6r {
		0% {-webkit-transform: rotate(0deg);}
		25% {-webkit-transform: rotate(-200deg);}
		45% {-webkit-transform: rotate(0deg);}
		55% {-webkit-transform: rotate(0deg);}
		75% {-webkit-transform: rotate(180deg);}
		100% {-webkit-transform: rotate(0deg);}
		}

.c7r {
	animation: c7r 4s infinite linear;
	-webkit-animation: c7r 4s infinite linear;
	}
	@keyframes c7r {
		from {opacity:1;}
		to {opacity:0;}
		}
	@-webkit-keyframes c7r {
		from {-webkit-opacity:1;}
		to {-webkit-opacity:0;}
		}

#roll {
//	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:96%;
	overflow:hidden;
	z-index:10;
	}

#reel {
	position:absolute;
	top:250px;
	left:15%;
	width:70%;
	font-size:1.25em;
	color:#fff;
	line-height:2em;
	text-shadow: 2px 2px 1px #000;
	}

.rollup{
	animation: rollup 40s linear infinite;
	-webkit-animation: rollup 30s linear infinite;
	}
@keyframes rollup {
	0% {top:250px;}
	80% {top:-1000px;}
	100% {top:-1000px;}
	}
@-webkit-keyframes rollup {
	0% {top:250px;}
	80% {top:-1000px;}
	100% {top:-1000px;}
	}

#shot {
	display:none;
	width:100%;
	height:100%;
	background-color:#000;
	overflow:hidden;
	z-index:100;
//border:solid 1px #fff;
	}

#show {
	display:none;
	position:absolute;
	width:100%;
	height:100%;
	background-color:#000;
	overflow:hidden;
	z-index:100;
//border:solid 1px #fff;
	}



#cntr {
	position:absolute;
	top:47.25%;
	left:33.25%;
	width:32.75%;
	height:4.85%;
	padding-top:0.25%;
border:solid 1px #fff;
	}

.box2 {
//	background-color:rgba(16, 24, 32, 0.8);
	text-align:center;
	}

.bts1 {
	height:20px;
	margin:4px 2px;
	color:#fff;
	background-color:#048;
	border-color: #8af #008 #008 #8af;
	}
.bts1a {
	width:50px;
	}
.bts1b {
	width:35px;
	}
.bts1c {
	background-color:#6ad;
	border-color: #8af #008 #008 #8af;
	}

.bts2 {
	height:20px;
	margin:4px 2px;
	color:#000;
	background-color:#4f4;
	border-color:#afa #080 #080 #afa;
	}
.bts2a {
	background-color:#080;
	border-color:#8c8 #040 #040 #8c8;
	}


.bts3 {
	height:20px;
	margin:4px 2px;
	color:#000;
	background-color:#cb8;
	border-color: #fff #840 #840 #fff;
	}
.bts3a {
	background-color:#fec;
	border-color: #fff #840 #840 #fff;
	}




.sqr {
	width: 10px;
	height: 10px;
	background: #000;
	}

.trir {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 12px solid #000;
	border-bottom: 6px solid transparent;
	}


#pan3 {
	position:absolute;
	top:53.5%;
	left:33.25%;
	width:16.05%;
	height:40.25%;
	}

#pan4 {
	position:absolute;
	top:53.5%;
	left:49.9%;
	width:16.05%;
	height:40.25%;
	}

#pan5 {
	position:absolute;
	top:8.25%;
	left:66.5%;
	width:16.1%;
	height:44.25%;
	}

#photo {
	position:relative;
	top:8px;
	left:4px;
	width:94%;
	height:75%;
	font-size:0.75em;
	text-align:left;
	color:#fff;
	overflow-y:auto;
	overflow-x:hidden;
	}

#vid {
	position:relative;
	top:8px;
	left:4px;
	width:94%;
	height:75%;
	font-size:0.75em;
	text-align:left;
	color:#fff;
	overflow-y:auto;
	overflow-x:hidden;
	}


#pan6 {
	position:absolute;
	top:8.25%;
	left:83.15%;
	width:16.1%;
	height:44.25%;
	}

#bt10 {
	margin: 2px 6px 2px 2px;
	width:16px;height:16px;
	border:none;
	font:1.0em Nunito;color:#fff;
	float:right;
	line-height:40%;
	background-color:#800;
	}

#por {
	margin-top:10px;
	width:94%;
	height:78%;
	overflow:hidden;
	}

#defpos {
	width:auto;
	height:99%;
	}

#edt {
	display:none;
	margin-top:10px;
	width:98%;
	height:78%;
	font-size:0.75em;
	overflow:hidden;
	}

#bt5 {
	width:70px;
	height:22px;
	margin:4px 2px;
	font-size: 1.0em;
	color:#fff;
	background-color:#048;
	border-color: #8af #008 #008 #8af;
	}

#bt6 {
	width:70px;
	height:22px;
	margin:4px 2px;
	font-size: 1.0em;
	color:#fff;
	background-color:#048;
	border-color: #8af #008 #008 #8af;
	}

#bt9 {
	width:70px;
	height:22px;
	margin:4px 2px;
	font-size: 1.0em;
	background-color:#cb8;
	border-color: #fff #840 #840 #fff;
	}

#bt7 {
	width:70px;
	height:22px;
	margin:4px 2px;
	font-size: 1.0em;
	color:#fff;
	background-color:#a22;
	border-color:#f97 #620 #620 #f97;
	}

#bt11 {
	width:70px;
	height:22px;
	margin:4px 2px;
	font-size: 1.0em;
	}
.bt11a {
	background-color:#ff0;
	border-color:#afa #080 #080 #afa;
	}
.bt11b {
	background-color:#4c4;
	border-color:#afa #080 #080 #afa;
	}

#bt16 {
	width:70px;
	height:22px;
	margin:4px 2px;
	font-size: 1.0em;
	color:#fff;
	background-color:#048;
	border-color: #8af #008 #008 #8af;
	}

#imgproc {
	display:none;
	position: fixed;
	top: 10%;
	left: 10%;
	width:80%;
	height:80%;
	max-height:520px;
	background-color:#000;
	border:solid 2px #888;
	overflow:hidden;
	z-index:20;
	}

#imgset {
//	display:none;
	position:relative;
	margin:2px 4px;
	width:96%;
	height:20px;
	overflow:hidden;
	border: 1px solid #8af;
	font-size:1.0em;
	color:#fff;
	}

.imgbox {
	width:100%;
	height:20px;
	border:none;
	background-color:#fff;
	}

#upld {
	display:block;
	position:relative;
//	top:4px;
	margin:4px 4px;
	width:96%;
	height:30px;
//	text-align:center;
	overflow:hidden;
	border: 1px solid #8af;
//	background-color:#000;

	}

#upcon1 {
	display:none;
	position:relative;
//	margin-left:2px;
	width:100%;
	height:30px;
//	text-align:center;
	z-index:100;
	}


#pan7 {
	position:absolute;
	top:53.5%;
	left:66.5%;
	width:16.1%;
	height:40.25%;
	}

#cal {
	position:relative;
	top:4px;
	left:0px;
	width:94%;
	height:75%;
	overflow:hidden;
	}

#calendar {
	display:none;
	position:relative;
//	top:10px;
	width:100%;
	height: auto;
	text-align: center;
	font:0.85em Roboto;
	color:#fff;
	}
#calendar-header {
	padding:5px 0px;
	width:98%;
//	text-align:left;
	}
#calendar-header button {
	font-size: 1.0em;
	color:#fff;
	cursor: pointer;
	border: none;
	background: none;
	}
#caltab {
	width: 100%;
	border-collapse: collapse;
	}
#calendar th, #calendar td {
	width: 20px;
	height: 22px;
	border: 1px solid #8af;
	}
#calendar th {
	background-color:#008;
	font: 0.85em Roboto;
	}
#calendar td {
	font: 0.85em Roboto;
	}
#prev-month, #month-year, #next-month {
	display:inline-block;
	}
#month-year {
	width:78%;
	text-align:center;
	}
.cag {
	display:inline-block;
	width:12px;
	}

.calaro {
	display:inline-block;
	padding: 0px 20px 0px 30px;
	}

.calwek {
	display:inline-block;
	width:13.5%;
	margin: 0px 1px;
	}

.calbox {
	display:inline-block;
	font: 85% Roboto;
	color:#000;
	width:13.5%;
	height:13.5%;
	border: solid 1px #888888;
	overflow:hidden;
	margin: 0px 2px 0px 0px;
	}

  #triangle-left {
	  width: 0;
	  height: 0;
	  border-top: 6px solid transparent;
	  border-right: 12px solid;
	  border-bottom: 6px solid transparent;
	  margin-top:2px;
	}
#triangle-right {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 12px solid;
	border-bottom: 6px solid transparent;
	margin-top:2px;
	}

.bt12 {
	width:25px
	height:25px;
	font: 1em Roboto;
	color:#fff;
	background-color:#f00;
	}




#pan8 {
	position:absolute;
	top:53.5%;
	left:83.15%;
	width:16.1%;
	height:40.25%;
	}

#nums {
	display:none;
	position:relative;
	top:8px;
	left:2px;
	width:98%;
	height:88%;
	overflow:hidden;
//	border:solid 1px #fff;
	}

#notify {
	position:relative;
	top:0px;
	padding:1%;
	width:98%;
	height:40%;
	font-size:0.85em;
	color:#ff0;
	text-align:left;
	overflow:hidden;
//	border:solid 1px #fff;
	}

#dep {
	position:relative;
	top:0%;
	padding:2%;
	width:94%;
	height:90px;
	border:solid 1px #8cf;
	}

#wav1 {
	position:relative;
	top:0px;
	padding:1%;
	width:98%;
	height:40px;
	overflow:hidden;
	background-image:url(graphics/wavscrn.png);
	background-size:100% 44px;
	background-repeat:no-repeat;
	}

#wav2a {
	position:relative;
	top:0px;
	left:0px;
	}

#wav2b {
	display:none;
	position:relative;
	top:0px;
	left:0px;
	}

#wav5 {
	position:relative;
	top:0px;
	padding:1%;
	width:98%;
	height:26px;
	font-size:0.65em;
	color:#fff;
	text-align:center;
	overflow:hidden;
	}

//.w35 {
//	width:35px;
//	}

#wav6 {
	position:relative;
	top:0px;
	padding:1%;
	width:98%;
	height:16px;
	overflow:hidden;
	}

#wav3 {
	position:absolute;
	top:0px;
	left:px;
	width:100%;
	height:16px;
	z-index:10;
	}

#wav4 {
	position:absolute;
	top:1px;
	left:px;
	width:100%;
	height:12px;
	z-index:5;
	}

.she {
	animation: she 8s infinite linear;
	-webkit-animation: she 8s infinite linear;
	}
	@keyframes she {
		0% {height:0px;width:200px;opacity:1;}
		20% {height:35px;width:200px;opacity:1;}
		49% {height:70px;width:200px;opacity:0;}
		50% {height:0px;width:200px;opacity:1;}
		75% {height:35px;width:400px;opacity:1;}
		100% {height:0px;width:600px;opacity:0;}
		}
	@-webkit-keyframes she {
		0% {height:0px;width:200px;opacity:1;}
		20% {height:35px;width:200px;opacity:1;}
		49% {height:70px;width:200px;opacity:0;}
		50% {height:0px;width:200px;opacity:1;}
		75% {height:35px;width:400px;opacity:1;}
		100% {height:0px;width:600px;opacity:0;}
		}

.shu {
	animation: shu 4s infinite linear;
	-webkit-animation: shu 4s infinite linear;
	}
	@keyframes shu {
		0% {left:-120px;width:246px;opacity:0;}
		100% {left:0px;width:1046px;opacity:1;}
		}
	@-webkit-keyframes shu {
		0% {left:-120px;width:246px;opacity:0;}
		100% {left:0px;width:1046px;opacity:1;}
		}

.sho {
	animation: sho 8s infinite linear;
	-webkit-animation: sho 8s infinite linear;
	}
	@keyframes sho {
		0% {left:-160px;}
		70% {left:0px;}
		100% {left:-160px;}
		}
	@-webkit-keyframes sho {
		0% {left:-160px;}
		70% {left:0px;}
		100% {left:-160px;}
		}


#foot {
	position:absolute;
	top:95%;
	left:0%;
	width:99.25%;
	height:3%;
	padding-top:0.5%;
	font-size:0.75em;
	text-align:center;
	}

.fram {
	border:solid 1px #8af;
	background-color:rgba(0, 0, 0, 0.8);
//	background-color:rgba(16, 24, 32, 0.9);
//	background-color:#000000;
	}

#popper {
	display:none;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -150px;
	width:360px;
	overflow:hidden;
	height:auto;
	padding:10px;
	font: 1.0em Arial;color:#000000;
	text-align:left;
	background-image: linear-gradient(#ffffff, #aaaaaa);
	border: solid 3px #004;
	z-index:50;
	}

#apps {
	display:none;
	position:fixed;
	top: 60px;
	margin-left: 50%;
	transform:translateX(-50%);
	width:100%;
	max-width:800px;
	height:600px;
//	height:70%;
	z-index:10;
	border:solid 4px #46a;
	-webkit-border-radius:8px;border-radius:8px;
   	 }
#topbar {
	position:relative;
	width:100%;
	height:50px;
	background-color:#46a;
	text-align:center;
	font-size:1.0em;
	color:#fff;
	}
#content {
	position:relative;
	width:calc(100%-20px);
	height:490px;
	padding:10px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#fff;
	text-align:left;
	font-size:0.85em;
	color:#000;
	}
#control {
	position:relative;
	width:100%;
	height:40px;
	background-color:#46a;
	text-align:center;
	}

.tits {
	padding-top:5px;
	font-size:1.0em;
	font-weight:600;
	color:#fff;
	line-height:100%;
	}

.txts {
	padding-top:5px;
	font-size:0.75em;
	color:#fff;
	line-height:100%;
	}

.signs {
	display:inline-block;
	margin:5px;
	border:solid 1px #000000;
	}
.sn1 {
	width:109px;
	height:35px;
	}
.sn2 {
	width:218px;
	height:70px;
	}

.sktit {
	display:inline-block;
	font:1.0em Roboto;
	color:#fff;
	margin-right:50px;
	cursor:pointer;
	}

#talcat {
	display:inline-block;
	width:180px;
	vertical-align:top;
	}

#talrul {
	display:inline-block;
	width:360px;
	font: 1.0en Roboto;
	color:#008;
	}

.chkb {
	width:14px;
	height:14px;
	margin:0px;
	padding:0px;
	background-color:#800;
	}

#chkbox {
	display:inline-block;
	width:140px;
	margin-bottom:5px;
	}



.bag {border:solid 0px #ff0000;}
.bgfc8 {background-color:#fc8;}
.bgfcb {background-color:#fcb;}
.curs {cursor:pointer;}
.c008 {color:#008;}
.c004 {color:#004;}
.c653 {color:#653;}
.c040 {color:#040;}
.c400 {color:#400;}
.f100 {font-size: 1.0em;}
.f85 {font-size: 0.85em;}
.f75 {font-size: 0.75em;}
.f125 {font-size: 1.25em;}
.w360 {width:360px;}
.w100 {width:100px;}
.w125 {width:125px;}
.w250{width:250px;}
.w300 {width:300px;}
.w140 {width:140px;}
.w130 {width:130px;}
.  {width:180px;}
.w50 {width:50px;}
.w70 {width:70px;}
.w150 {width:150px;}
.w380 {width:380px;}
.m2 {margin:2px;}
.m5 {margin:5px;}
.mb5 {margin-bottom:5px;}
.mr10 {margin-right:10px;}
.mr50 {margin-right:50px;}
.ml25 {margin-left:25px;}
.h22 {height:22px;}
.ovf {overflow:hidden;}
.vert {vertical-align:top;}
.verm {vertical-align:middle;}
.c100 {column-width:100px;-webkit-column-width:100px;}
.c125 {column-width:125px;-webkit-column-width:125px;}
.fltr {float:right;}

textarea {
	resize:none;
	padding:2px;
	font: 1.0em Roboto;color:#000000;
	}

textarea.bio { width:98%; height:200px; }
textarea.pit { width:78%; height:60px; }
textarea.cal { width:360px; height:80px; }
textarea.std { width:98%; height:60px; }