@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;}

/*------------------------------- LOGO HEADER CSS  ---------------------------------*/
.header{background:url('img/header_5.png')left top; width:1021px; height:66px;}
.user {float:right; color: #FFF;font-family: 'Digital'; font-size:24px; margin:-32px 30px 0 0;text-shadow:1px 2px #000;text-align:center;}

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

.lcdScreen {background:url('img/lcdBack.jpg')center top !important; width: 393px; height: 87px; text-align:center; color: #fff; 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:31px; font-family: 'Digital'; font-size:26px; line-height: 30px; text-shadow:2px 2px #000; padding-left:100px;display: block;float: left; margin-top:3px;}
#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:1026px;background:url('img/watBack.jpg')center top; padding:5px 2px 0px 0px;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;*/ accent-color: #0f0; font-family: 'Digital'; font-size:24px; line-height: 35px; text-shadow:2px 2px #000;}
.volumeBox2 {/*background:url('img/backAF.jpg')center top; width:313px; height:35px;*/ font-family: 'Digital'; font-size:20px; line-height: 35px; text-shadow:2px 2px #000;}

#modeBox {width:385px;}
#bandsBox {width:390px;margin-top:24px;float: left;}
#squelchBox {width:auto ;margin-top:1px;float: left;}
#filterBox {margin-left: 8px;}
#waterBox {position: absolute;z-index: 999;width: 554px;margin: 0px 0 0 276px;}

.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: 28px;}
#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: 28px;font-size:19px;}
#squelchBox label input {position:absolute;top:-5000px;}
#squelchBox input:checked + span {border: 1px solid #FFF;color:#FFF;}

/*------------------------------- INFO BUTTON CSS  ---------------------------------*/

.info{width:150px;}
#infoBox label {float:left;overflow:hidden;}
#infoBox label span {text-align:center;display:block;line-height: 29px;font-size:16px;}
#infoBox label input {position:absolute;top:-5000px;}
#infoBox input:checked + span {border: 1px solid #009900;color:#009900;}

/*------------------------------- FILTER BUTTON CSS  ---------------------------------*/
.filter {width:58px;}
#filterBox label {float:left;overflow:hidden;}
#filterBox label span {text-align:center;display:block;line-height: 28px;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; }

/*------------------------------- CUT VOL BOX CSS  ---------------------------------*/
.cutVolBox {background:url('img/backCut2.jpg')center top;float:none;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; }

/*------------------------------- BW Adjust CSS ----------------------------------------*/
.BwBox {width:70px;}
#BwBox label {float:left;overflow:hidden;}
#BwBox label span {text-align:center;display:block;line-height: 29px;font-size:14px;letter-spacing:1px;}
#BwBox label input {position:absolute;top:80px;}
#BwBox input:checked + span {border: 1px solid #FFF;color:#FFF;}


/*------------------------------- 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!important;}
#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:117px; height:1px}
#yellowbara:hover #yellowbarr {top:117px; height:2px}
/*#yellowbar {background-color:yellow; top:117px; height:1px}*/
.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: white;background-color: #009900;color: black;font-size: 14px}
.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;}