@charset "utf-8";
/* CSS MAIN SDR Document */

@font-face {
  font-family: 'Digital';
  src: url('fonts/Digital.eot'); /* IE9 Compat Modes */
  src: url('fonts/Digital.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Digital.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Digital.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Digital.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Trade';
  src: url('fonts/Trade.eot'); /* IE9 Compat Modes */
  src: url('fonts/Trade.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/Trade.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/Trade.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('fonts/Trade.svg#svgFontName') format('svg'); /* Legacy iOS */
}

body {background:url('img/mainBack.jpg')center top; background-repeat:repeat-y; margin:0; padding:0; color:#FFF}

.sdrMain {width:100%; height:100%; margin:0px;}
.sdrBody { width:1021px; margin:0 auto;}
.ctl {float: left; width: auto; display:inline-block;}
.ctlWat {float: left; width: auto; display:inline-block;overflow:hidden;}

/*------------------------------- LOGO HEADER CSS  ---------------------------------*/
/* Nascondi il form del nickname */
.nickname {
    display: none; /* Nasconde il form per il nickname */
}



/*------------------------------- LCD BOXES CSS  ---------------------------------*/

.lcdScreen {background:url('img/lcdBack.jpg')center top!important; width: 393px; height: 87px; text-align:center; color:#FFF!important; font-size:60px; border:0px; display:inline-block; margin-left:30px; font-family: 'Digital'; text-shadow:3px 3px #000;box-shadow: 2px 4px 18px #000;}
.filterLcd {position:absolute; color: #0F0; font-family: 'Trade'; font-size:12px; margin:70px 0 0 353px;text-shadow:1px 1px #000;}
.squelchLcd {position:absolute; color: #2e2e32; font-family: 'Trade'; font-size:12px; margin:70px 0 0 154px;text-shadow:1px 1px #000;text-align:center;}
.squelchLcd li {margin-left:12px;display:inline-block;}
.modeLcd {position:absolute; color: #2e2e32; font-family: 'Trade'; font-size:12px; margin:70px 0 0 -11px;text-shadow:1px 1px #000;text-align:center;}
.modeLcd li {margin-left:12px;display:inline-block;}
.bandLcd {position:absolute; color: #2e2e32; font-family: 'Trade'; font-size:12px; margin:4px 0 0 90px;text-shadow:1px 1px #000;text-align:center;}
.bandLcd li {margin-left:12px;display:inline-block;}


.statinfo2 {cursor:pointer;}
.butPos {background:url('img/butPos.jpg')center top;width:126px; text-align:center; color:#FFF; font-size:29px; border:0px; letter-spacing:-3px; padding-bottom: 4px; line-height: 25px;font-family: 'Digital'; text-shadow:2px 2px #000;cursor:pointer}

.recordingBox {background:url('img/recBack.jpg')left top; width:auto; max-width:211px; height:35px; font-family: 'Digital'; font-size:26px; line-height: 30px; text-shadow:2px 2px #000; padding-left:100px;display: block;float: left; margin-top:10px;}
#reccontrol a{color:#0F0; font-size:19px;margin-left: 24px;}
#recbutton{background:url('img/backBut.jpg')center top; height:26px; color:#757584; font-size:20px; text-shadow:2px 2px #000;font-family: 'Digital';border: 1px solid #424251; box-shadow: 1px 1px 1px #000;cursor:pointer}


#waterfalls {width:1025px;background:url('img/watBack.jpg')center top; padding:5px 2px 0px 1px;margin-top: 10px; float:left;}
#chatboxnew {background:url('img/chatBack.jpg')center top; color:#FFF; width:997px; height:170px; font-size:11px; font-family:Arial, sans-serif; padding:5px 10px 5px 10px;overflow: auto; }
.volumeBox {background:url('img/backAF.jpg')center top; width:313px; height:35px; font-family: 'Digital'; font-size:26px; line-height: 35px; text-shadow:2px 2px #000;}

#modeBox {width:385px;}
#bandsBox {width:385px;margin-top:24px;float: left;}
#squelchBox {width:310px;margin-top:10px;float: left;}
#filterBox {margin-left: 8px;}
#waterBox {position: absolute;z-index: 999;width: 345px;margin: 0px 0 0 376px;}

.titleLine {width:100%;font-family: 'Trade';font-size:13px; text-align:center;text-shadow:2px 2px #000;}
.leftA {margin-left:2px}
.leftB {margin-left:9px}
.leftC {margin-left:9px}
.leftD {margin-left:5px}
.leftE {margin-left:5px}
.leftG {margin-left:-2px}

/*------------------------------- BUTTONS CSS  ---------------------------------*/
.sdrButtonred {background:url('img/backBut.jpg')center top; height:31px; color:#ec0909; font-size:26px; text-shadow:2px 2px #000;font-family: 'Digital';border: 1px solid #ec0909; box-shadow: 1px 1px 1px #000;cursor:pointer}
.sdrButton {background:url('img/backBut.jpg')center top; height:31px; color:#757584; font-size:26px; text-shadow:2px 2px #000;font-family: 'Digital';border: 1px solid #424251; box-shadow: 1px 1px 1px #000;cursor:pointer}
.sdrButtonSmall {background:url('img/backBut.jpg')center top; height:20px; color:#757584; font-size:26px; text-shadow:2px 2px #000;font-family: 'Digital';border: 1px solid #424251; box-shadow: 1px 1px 1px #000;cursor:pointer}
/*------------------------------- MODE BUTTON CSS  ---------------------------------*/
.mode {width:71px;}
#modeBox label {float:left;overflow:hidden;}
#modeBox label span {text-align:center;display:block;line-height: 29px;}
#modeBox label input {position:absolute;top:-50px;}
#modeBox input:checked + span {border: 1px solid #FFF;color:#FFF;}

/*------------------------------- BANDS BUTTON CSS  ---------------------------------*/
.bands {width:45px;}
#bandsBox label {float:left;overflow:hidden;}
#bandsBox label span {text-align:center;display:block;line-height: 29px;}
#bandsBox label input {position:absolute;top:-5000px;}
#bandsBox input:checked + span {border: 1px solid #FFF;color:#FFF;}


/*------------------------------- MUTE BUTTON CSS  ---------------------------------*/

.squelch{width:95px;}
#squelchBox label {float:left;overflow:hidden;}
#squelchBox label span {text-align:center;display:block;line-height: 29px;font-size:19px;}
#squelchBox label input {position:absolute;top:-5000px;}
#squelchBox input:checked + span {border: 1px solid #FFF;color:#FFF;}

/*------------------------------- FILTER BUTTON CSS  ---------------------------------*/
.filter {width:58px;}
#filterBox label {float:left;overflow:hidden;}
#filterBox label span {text-align:center;display:block;line-height: 29px;font-size:14px;letter-spacing:1px;}
#filterBox label input {position:absolute;top:-5000px;}
#filterBox input:checked + span {border: 1px solid #FFF;color:#FFF;}

/*------------------------------- CUT FILTER CSS  ---------------------------------*/
.cutFilBox {background:url('img/backCut.jpg')center top;float:left;overflow:hidden;width:120px; margin-top:6px; padding-top:3px;height:80px;display:inline-block; text-align:center; color:#FFF;text-shadow:2px 2px #000;font-family: 'Trade';font-size:13px; margin-left: 4px;box-shadow: 2px 2px 2px #000;cursor:pointer; }




/*------------------------------- SCOPE BUTTON CSS  ---------------------------------*/
.scope {width:78px; font-size:17px;}
#wfmode label {float:left;overflow:hidden;}
#wfmode label span {text-align:center;display:block;line-height: 29px;}
#wfmode label input {position:absolute;top:-5000px;}
#wfmode input:checked + span {border: 1px solid #FFF;color:#FFF;}

/*------------------------------- SIZE BUTTON CSS  ---------------------------------*/
.size {width:58px; font-size:17px;}
#wfsize label {float:left;overflow:hidden;}
#wfsize label span {text-align:center;display:block;line-height: 29px;}
#wfsize label input {position:absolute;top:-5000px;}
#wfsize input:checked + span {border: 1px solid #FFF;color:#FFF;}

/*------------------------------- ZOOM BUTTON CSS  ---------------------------------*/
.zoom {width:55px; font-size:17px;}
#wfzoom label {float:left;overflow:hidden;}
#wfzoom label span {text-align:center;display:block;line-height: 29px;}
#wfzoom label input {position:absolute;top:-5000px;}
#wfzoom input:checked + span {border: 1px solid #FFF;color:#FFF;}

/*------------------------------- MEMORIES BUTTON CSS  ---------------------------------*/
#memories {font-size: 11px;}
.memories input{width:37px; font-size:14px!important;    background: url(img/backBut.jpg)center top;height: 31px;color: #757584;font-size: 26px;text-shadow: 2px 2px #000;font-family: 'Digital';border: 1px solid #424251;box-shadow: 1px 1px 1px #000;cursor: pointer;letter-spacing: 1px;}



/*------------------------------- SPEED BUTTON CSS  ---------------------------------*/
.speed {width:70px; font-size:17px;}
#wfspeed label {float:left;overflow:hidden;}
#wfspeed label span {text-align:center;display:block;line-height: 29px;}
#wfspeed label input {position:absolute;top:-5000px;}
#wfspeed input:checked + span {border: 1px solid #FFF;color:#FFF;}


/*------------------------------- WATERFALL BUTTON CSS  ---------------------------------*/
.water {width:100px;}
#waterBox label {overflow:hidden;float:left; margin-right:7px;}
#waterBox label span {text-align:center;display:block;line-height: 20px;font-size: 16px!important; letter-spacing:1px;height:18px;}
#waterBox label input {position:absolute;top:-5000px;}
#waterBox input:checked + span {border: 1px solid #FFF;color:#FFF;}


.bandLcd li.active{color:#0CF}
.squelchLcd li.active{color:#F90}
.modeLcd li.active{color:#FF0}


#form1 p{margin:0!important;padding:0;}
#users {box-shadow: 3px 3px 3px #000; background:#000;}



#chatboxspan {text-align:center; font-family: 'Trade';text-shadow:2px 2px #000;}
#chatboxspan .titleLine{font-size:18px}
#chatboxnew {text-align:left}
#chatUser input{background: #000; border: 1px solid #333;width: 201px; height: 28px;font-family: 'Trade'; font-size:16px; color:#FFF; padding: 5px;text-align:center; margin: 9px 0 0 432px;}

.chatSubmit{background: #000; border: 1px solid #333; height:22px;color:#FFF; padding: 5px;}
.chat {margin-top:3px;}
#soundappletdiv {    width: 399px;
    margin: 0 auto;
/*-    height: 18px; -*/
    overflow: hidden;
	background:none; color:#000;font-family: 'Trade'; text-align:center;}

/*------------------------------- OLD CSS  ---------------------------------*/

.clear { clear: both}
.others { font-size: 60%; font-family: sans-serif}
.memories { font-size: 80%; font-family: sans-serif}
.scale{position:relative;}
.scaleabs{position:absolute;}
#edgelower:hover {background:url('edgelowerbb.png');}
#edgeupper:hover {background:url('edgeupperbb.png');}
#yellowbarr {background-color:yellow; top:2px; height:1px}
#yellowbara:hover #yellowbarr {top:2px; height:2px}
.hideblinding { display:none;}
.showblinding { display:inline-block; float:left; margin-top: 1px; }
.statinfo0 {font-family: 'Trade';float: left;white-space: nowrap;position: relative;border-width: 1px;border-style: solid;border-color: #00CC00;background-color: #009900;color: black;font-size: 12px}
.statinfo1 { float:left; position:relative; border-left-width:0px;border-right-width:2px;border-top-width:0px;border-bottom-width:2px;border-style:solid;border-color:black; }
.statinfo1:hover { z-index:98; }
.statinfo2 { overflow:hidden; border-width:0px; border-left-width:2px; border-style:solid; border-color:black;position:absolute; }
.statinfo2:hover { overflow:visible; }
.statinfol {background-color: #00CC00;}
.statinfo0l { float:left; white-space:nowrap; position:relative; border-width:1px;border-style:solid;border-color:#80ffc0; background-color:#40cc80;color:black;font-size:12px; }
.statinfo1l { float:left; position:relative; border-left-width:0px;border-right-width:2px;border-top-width:0px;border-bottom-width:2px;border-style:solid;border-color:black; }
.statinfo1l:hover { z-index:98; }
.statinfo2l { overflow:hidden; border-width:0px; border-left-width:2px; border-style:solid; border-color:black;position:absolute; }
.statinfo2l:hover { overflow:visible; }
.statinfoll { background-color:#80ffc0; }
input:not(:checked) + .keylist { display: none; }
input:checked + .keylist { display: block; }
.warning { color:#fd6b00!important; text-decoration:none; font-weight:bold; border:2px; border-style:solid; border-color:black; background-color:#000; margin:8px; padding:4px; display:none;  }
.warning a { color:#fd6b00!important; text-decoration:none;}
/* =======================
   GLOBAL DARK THEME
   ======================= */

body {
  background:#0b0b0e;
  color:#e0e0e0;
}

/* =======================
   HEADER
   ======================= */
.header {
  filter: brightness(0.7) contrast(1.1);
}

.userv {
  color:#00ffcc;
}

/* =======================
   LCD DISPLAY
   ======================= */
.lcdScreen {
  background:#111!important;
  color:#00ff99!important;
  text-shadow: 0 0 6px #00ff99;
  box-shadow: 0 0 20px #000;
}

.filterLcd,
.bandLcd,
.squelchLcd,
.modeLcd {
  color:#666;
}

.bandLcd li.active { color:#00ccff; }
.squelchLcd li.active { color:#ff9900; }
.modeLcd li.active { color:#ffff66; }

/* =======================
   BUTTONS
   ======================= */
.sdrButton,
.sdrButtonSmall,
#recbutton,
.memories input {
  background:#1a1a20;
  color:#bbb;
  border:1px solid #333;
  box-shadow: inset 0 0 6px #000;
}

.sdrButtonred {
  background:#2a0000;
  color:#ff4444;
  border:1px solid #ff4444;
}

.sdrButton:hover,
.sdrButtonSmall:hover,
.memories input:hover {
  color:#fff;
  border-color:#00ccff;
}

/* =======================
   CHECKED / ACTIVE STATES
   ======================= */
#modeBox input:checked + span,
#bandsBox input:checked + span,
#squelchBox input:checked + span,
#filterBox input:checked + span,
#wfmode input:checked + span,
#wfsize input:checked + span,
#wfzoom input:checked + span,
#wfspeed input:checked + span,
#waterBox input:checked + span {
  border:1px solid #00ccff;
  color:#00ccff;
  background:#101018;
}

/* =======================
   PANELS
   ======================= */
.recordingBox,
.volumeBox,
.cutFilBox {
  background:#121218;
  box-shadow: 0 0 10px #000;
}

.cutFilBox:hover {
  background:#1b1b22;
}

/* =======================
   WATERFALL / CHAT
   ======================= */
#waterfalls {
  background:#050508;
}

#chatboxnew {
  background:#0d0d12;
  color:#ccc;
}

#chatboxspan {
  color:#00ccff;
}

#chatUser input,
.chatSubmit {
  background:#000;
  color:#fff;
  border:1px solid #333;
}

/* =======================
   INFO BOXES
   ======================= */
.statinfo0,
.statinfo0l {
  background:#003300;
  color:#99ff99;
  border-color:#00aa00;
}

.statinfol,
.statinfoll {
  background:#002200;
}

/* =======================
   LINKS & WARNINGS
   ======================= */
.warning {
  background:#000;
  color:#ff9900!important;
  border-color:#ff9900;
}

/* =======================
   SCROLLBAR (WebKit)
   ======================= */
::-webkit-scrollbar {
  width:8px;
}
::-webkit-scrollbar-track {
  background:#050508;
}
::-webkit-scrollbar-thumb {
  background:#333;
}
::-webkit-scrollbar-thumb:hover {
  background:#00ccff;
}
.flag {
    width:16px;
    height:12px;
    vertical-align:middle;
    margin-left:4px;
    box-shadow:0 0 2px #000;
}