body {
	font-family:arial,sans-serif;
	font-weight:bold;
	color:white;
	background-color:#ddd0c2;}
#page {width:100%;height:100%;background:rgba(0,0,0,0.6);}
table.fretTable {
	border: 2px solid #bca893;
	background-image:url("/images/fbw2.png");
	background-color: #FFE3C6;
	width: 100%;
	text-align: center;
	border-collapse:collapse;
	box-shadow:0px 5px 25px rgba(0,0,0,0.75);}
table.fretTable td, table.fretTable th {
	border-right: 2px solid #ededed;
	border-left: 1px solid #666;
	padding: 4px 4px;
	position:relative;}
table.fretTable tbody td {font-size: 13px;}
table.fretTable tfoot td {font-size: 16px;}

.fretTable tr td:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid rgba(200,200,200,1);
  width: 100%;
}

.fretTable tr td:after {
  content: "\00B7";
  font-size: 1px;
}

TD:FIRST-OF-TYPE {WIDTH:3%;}
.nut {
	padding:0px;
	width:1px;
	font-size:1px;
	background-color:white;}
h1 {text-align:center;color:#3b1001;margin-top:2em;}
.red {color:red;}
.blue {color:blue;}
.purple {color:purple;}
.orange {color:rgba(255,100,0,1);}
.green {color:green;}
.thumbc {color:rgb(255,255,0);text-shadow:0 0 10px black;}
.firstbg {background-color:rgba(255,0,0,0.8);border-radius: 24px;text-shadow: 0px 0px 3px #000000;}
.middlebg {background-color:rgba(0,0,255,0.8);border-radius: 24px;text-shadow: 0px 0px 3px #000000;}
.ringbg {background-color:rgba(192,0,192,0.8);  border-radius: 24px;text-shadow: 0px 0px 3px #000000;}
.pinkybg {background-color:rgba(255,100,0,.9);  border-radius: 24px;text-shadow: 0px 0px 3px #000000;}
.playbg {background-color:rgba(0,200,0,0.2);text-shadow: 0px 0px 3px #000000;}
.playbgfirst{background-color:rgba(0,200,0,1);}
.optionsbg {background-color:rgba(255,255,0,0.7);color:#3b1001;  border-radius: 24px;}
.thumb {background-color:rgba(255,255,0,0.7);color:#3b1001;  border-radius: 24px;}
.fadedoptionsbg {background-color:rgba(255,255,0,0.4);  border-radius: 24px;}
.dontplaybg {background-color:rgba(0,0,0,0.5);color:rgba(255,255,255,0.3);}
button {
   background: #b59180;
  background-image: -webkit-linear-gradient(top, #b59180, #805b41);
  background-image: -moz-linear-gradient(top, #b59180, #805b41);
  background-image: -ms-linear-gradient(top, #b59180, #805b41);
  background-image: -o-linear-gradient(top, #b59180, #805b41);
  background-image: linear-gradient(to bottom, #b59180, #805b41);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  text-shadow: 0px 0px 3px #000000;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;}
button:hover {
	background: #805b41;
  background-image: -webkit-linear-gradient(top, #805b41, #dbd8d7);
  background-image: -moz-linear-gradient(top, #805b41, #dbd8d7);
  background-image: -ms-linear-gradient(top, #805b41, #dbd8d7);
  background-image: -o-linear-gradient(top, #805b41, #dbd8d7);
  background-image: linear-gradient(to bottom, #805b41, #dbd8d7);
  text-decoration: none;}	
	ul li {white-space:nowrap;}
#cscale, #ampscale, #ebluescale, #cscaleall, #ampscaleall, #ebluescaleall {width:250px;}
.gone {display:none;}
.hide {visibility:hidden;}
.container-fluid {width:100%;max-width:100%;}
.row {width:100%;}
.col {display:inline-block;}
.show {visibility:visible;}
.clearbg {background-color:rgba(0,0,0,0);}
#loading {
z-index:999;
position: absolute; 
top: 0; 
right: 0; 
bottom: 0; 
left: 0;
background-color:rgba(0,0,0,1);
color:white;
text-align:center;
}
#info {
position:absolute;
bottom: 0;
left:0;
clear:both;
min-width:300px;
color:#3b1001;
background-color:#ffdd0;
width:100%;
font-size:3em;
text-align:center;
padding:20px;
margin-top:40px;
border:1px solid #3b1001;
box-shadow:0px 5px 15px rgba(0,0,0,0.75);
}
.cplaybg {background-color:rgba(0,255,255,0.5);}