.ra180 {
	background-image: url('Ra180.png');
	width: 1082px;
	height: 342px;
	margin-left: auto;
	margin-right: auto;
}
.ra180-display {
	color: #00ff00;
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 15px;
	letter-spacing: -1.2px;
	position: relative;
	top: 102px;
	left: 408px;
	height: 30px;
}

.ra180-display-bel0 { color: #008800; }
.ra180-display-bel1 { color: #009900; }
.ra180-display-bel2 { color: #00aa00; }
.ra180-display-bel3 { color: #00cc00; }
.ra180-display-bel4 { color: #00dd00; }
.ra180-display-bel5 { color: #00ff00; }

.ra180-display .underscore {
	position: relative;
	top: -4px;
}

.ra180-numpad {
	position: relative;
	top: 39px;
	top: 43px;
	left: 578px;
	left: 586px;
	width: 172px;
	height: 238px;
}

.ra180 button {
	width: 46px;
	height: 46px;
	margin: 2px;
	margin-top: 7px;
	font-size: 0;
	background-color: transparent;
	border: none;
	outline: none;
}

.ra180 button:link { border: none; }
.ra180 button:visited { border: none; }
.ra180 button:hover { border: solid 2px white; }
.ra180 button:active { border: none; }

.ra180 button#reset {
	margin-top: 0px;
	position: relative;
	top: -2px;
	height: 15px;
	width: 154px;
}

.ra180-fnpad {
	position: relative;
	top: -95px;
	left: 380px;
	width: 172px;
	height: 136px;
}

.ra180-fnpad button {
	margin: 3px;
	margin-top: 9px;
	height: 50px;
}

.ra180-fnpad button {
	
}

.container {
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
}

.ra180 .channel-mod {
	position: relative;
	top: -330px;
	left: 245px;
	width: 100px;
	height: 200px;
	
}

.ra180 .channel, .ra180 .mod { height: 115px; }

.ra180 .vred-01 { background-image: url('Ra180-Vred-01.png'); }
.ra180 .vred-02 { background-image: url('Ra180-Vred-02.png'); }
.ra180 .vred-03 { background-image: url('Ra180-Vred-03.png'); }
.ra180 .vred-04 { background-image: url('Ra180-Vred-04.png'); }
.ra180 .vred-05 { background-image: url('Ra180-Vred-05.png'); }
.ra180 .vred-06 { background-image: url('Ra180-Vred-06.png'); }
.ra180 .vred-07 { background-image: url('Ra180-Vred-07.png'); }
.ra180 .vred-08 { background-image: url('Ra180-Vred-08.png'); }

.ra180 .channel-mod button {
	width: 15px;
	height: 15px;
}

.ra180 .channel-mod button#channel-1 { position: relative; top: 61px; left: 10px; }
.ra180 .channel-mod button#channel-2 { position: relative; top: 38px; left: -22px; }
.ra180 .channel-mod button#channel-3 { position: relative; top: 14px; left: -42px; }
.ra180 .channel-mod button#channel-3 { position: relative; top: 15px; left: -38px; }
.ra180 .channel-mod button#channel-4 { position: relative; top: 1px; left: -42px; }
.ra180 .channel-mod button#channel-5 { position: relative; top: -24px; left: 54px; }
.ra180 .channel-mod button#channel-6 { position: relative; top: -10px; left: 50px; }
.ra180 .channel-mod button#channel-7 { position: relative; top: 14px; left: 32px; }
.ra180 .channel-mod button#channel-8 { position: relative; top: 36px; left: 2px; }
.ra180 .channel-mod button#channel-toggle {
	position: relative;
	top: -30px;
	left: 24px;
	width: 48px;
	height: 60px;
}

.ra180 .channel-mod .mod {
	position: relative;
	top: -6px;
}

.ra180 .mod button { width: 35px; }
.ra180 .mod button#mod-off { position: relative; top: 13px; left: -7px;  float: left; }
.ra180 .mod button#mod-klar { position: relative; top: 0px; left: -28px;  }
.ra180 .mod button#mod-skydd { position: relative; top: -23px; left: -0px; float: right; width: 43px;}
.ra180 .mod button#mod-drelay { position: relative; top: -10px; left: 58px; float: right; width: 40px;}
.ra180 .mod button#mod-toggle {
	position: relative;
	top: -25px;
	left: 28px;
	width: 40px;
	height: 60px;
}

.ra180 .volume {
	position: relative;
	top: -415px;
	left: 800px;
	width: 120px;
	height: 100px;
}

.ra180 .volume button {
	width: 15px;
	height: 15px;
}

.ra180 .volume button#volume-1 { position: relative; top: 63px; left: 13px; }
.ra180 .volume button#volume-2 { position: relative; top: 39px; left: -18px; }
.ra180 .volume button#volume-3 { position: relative; top: 15px; left: -36px; }
.ra180 .volume button#volume-4 { position: relative; top: 1px; left: -39px; }
.ra180 .volume button#volume-5 { position: relative; top: 1px; left: -38px; }
.ra180 .volume button#volume-6 { position: relative; top: -10px; left: 78px; }
.ra180 .volume button#volume-7 { position: relative; top: 14px; left: 61px; }
.ra180 .volume button#volume-8 { position: relative; top: 38px; left: 30px; }
.ra180 .volume button#volume-toggle {
	position: relative;
	top: -30px;
	left: 28px;
	width: 48px;
	height: 60px;
}

.blink {
  -moz-animation-duration: 400ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  
  -webkit-animation-duration: 400ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  
  animation-duration: 400ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@-moz-keyframes blink {
  from {
	opacity: 1;
  }
  
  to {
	opacity: 0;
  }
}

@-webkit-keyframes blink {
  from {
	opacity: 1;
  }
  
  to {
	opacity: 0;
  }
}

@keyframes blink {
  from {
	opacity: 1;
  }
  
  to {
	opacity: 0;
  }
}

#webrtc-radio {
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	width: 800px;
}

#webrtc-radio button {
	font-size: 150%;
	width: 800px;
	height: 50px;
}