/*-------------------------
	Simple reset
--------------------------*/


*{
	margin:0;
	padding:0;

}


body{
    margin:0px;
    background: #666;
    background-attachment: fixed;

    z-index:13;
}

.header-cont {
    width:100%;
    position:fixed;
    top:-1px;
    left: 0;
    z-index:99;
}

.header {
/*    height:60px; */
    color: #00F0FF;
    background:#333333;
    border: 2px solid #00F0FF;
    width:99%;
    margin:0px auto;
    padding:8px;
}



.footer {
    width:100%;

    display: table; 
    position:fixed;

    padding: 3px 3px;

    bottom:-40px;
    left: 0;

    background: rgba(0, 0, 0, 0.7);
    border: 2px solid #009099;

    color: #006066;
    text-shadow: rgba(0, 0, 0, 0.4) 0 1px 0;

  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px inset, rgba(255, 255, 255, 0.4) 0 1px 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px inset, rgba(255, 255, 255, 0.4) 0 1px 0;
  box-shadow: rgba(0, 0, 0, 0.2) 0 1px 2px inset, rgba(255, 255, 255, 0.4) 0 1px 0;

    margin-bottom: 40px;

    text-align: right;
    text-shadow: 0 1px rgba(0, 0, 0, 0.8); 
}

.footer a {
    font-weight: bold;
    color: #FFF; 
}

.footer a:hover {
    color: #EEE; 
}

.footer-cont {
    padding: 3px 13px;
    margin: 3px auto;
}



.content a {
    font-weight: bold;
    color: #FFE; 
}



.content {
    width:90%;
    color: #AAA;
    margin: 13px auto;
    z-index:50;
}


.left {
    text-align: left;
}

.justify {
    text-align: justify;
    text-justify: inter-word;
}


.link {
}

.link:hover {
    border: 2px solid #666;
   -o-filter: invert(100%);
   -moz-filter: invert(100%);
   -webkit-filter: invert(100%);
    filter: invert(100%);
        box-shadow: 0 0 13px 3px #666;

}

/* table */


#tblcontainer {
    display: table;
}

#tblrow  {
    display: table-row;
}

#tblleft, #tblmiddle {
    display: table-cell;
}

#tblright {
    display: table-cell;
}


.i-blue { color: #00D; }
.i-red { color: #D00; }
.i-yellow { color: #DDA; }
.i-magenta { color: #DAD; }
.i-green { color: #0D0; }

fieldset {
    border:0 none;
    opacity: 0.9;
    filter: alpha(opacity=80); /* For IE8 and earlier */
}


.zero {  
      background-color: #000;
      color: #FFF; 
}

.one {  
     background-color: #FFF;
     color: #000; 
}

.brd0
{
    border: 4px solid #000;
    margin: 7px auto;
    padding:6px;
}

.brd1
{
    border: 4px solid #FFF;
    margin: 7px auto;
    padding:6px;
}

.br0
{
    border: 2px solid #000;
    margin: 5px auto;
    padding:6px;
}

.br1
{
    border: 2px solid #FFF;
    margin: 5px auto;
    padding:6px;
}

.brR
{
    border: 2px solid #F00;
    margin: 5px auto;
    padding:6px;
}

.brG
{
    border: 2px solid #050;
    margin: 5px auto;
    padding:6px;
}


.brl {
border-top-right-radius: 0px 0px;
border-top-left-radius: 16px 16px;
border-bottom-right-radius: 0px 0px;
border-bottom-left-radius: 16px 16px;
}

.brr {
border-top-right-radius: 16px 16px;
border-top-left-radius: 0px 0px;
border-bottom-right-radius: 16px 16px;
border-bottom-left-radius: 0px 0px;
}


.nlb {
    border-left:none;
}

.nrb {
    border-right:none;
}

.ntb {
    border-top:none;
}

.nbb {
    border-bottom:none;
}

.nb {
    border:none;
}

.pclock_canvas{
 position:relative;
white-space: nowrap; 
 top:45px;  
height:90px;
width:80px;
border: 4px solid #000000;
background-color: #FFFFFF;
border-bottom-right-radius: 50px 50px;
border-bottom-left-radius: 50px 50px;
margin:-70px;
    border-top: none;
    z-index:99;
}


.pclock_canvas_up{
 position:relative;
white-space: nowrap; 
 top:-55px;  
height:90px;
width:80px;
border: 4px solid #000000;
background-color: #FFFFFF;
border-top-right-radius: 50px 50px;
border-top-left-radius: 50px 50px;
margin:-70px;
    border-bottom: none;
    z-index:99;
}



.noise_canvas{
 position:relative;
 top:-67px;  
border: 4px solid #000000;
background-color: #FFFFFF;
height:65px;
width:90px;
margin:-70px;
    z-index:99;
}

.noise_canvas_down{
 position:relative;
 top:-10px;  
border: 4px solid #000000;
background-color: #FFFFFF;
height:65px;
width:80px;
margin:-70px;
    z-index:99;
}







.hex_div{
padding-top: 8px;

padding-right: 8px;
padding-bottom: 2px;
padding-left: 8px;

color: #000;
font-size: 22px;
text-align: center;
}


.hex_mean {
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
padding-left: 8px;

font-family: Verdana, Geneva, sans-serif;
font-size: 9pt;
color: #888888;
text-align: justify;

}







.meter { 
  height: 6px;  <em>/* Can be anything */</em>
  position: relative;
border: 3px solid #000000;
  background: #FFFFFF;
  padding: 3px;
}


.meter > span {
  display: block;
  height: 100%;
  background-color: rgb(00,00,00);
  position: relative;
  overflow: hidden;
}








.fri13 {

background-image: url("fri13.jpg");
background-repeat:no-repeat;
background-position: center right -100px;

float:right;

-webkit-box-shadow: 1px 1px 13px #000000;
-moz-box-shadow: 1px 1px 13px #000000;
box-shadow: 1px 1px 13px #000000;
border: 6px solid #000000;
background-color: #FFFFFF;
padding: 1px;

background-color: #000000;
padding: 1px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13pt;
color: #888888;
z-index: 666;
}







.rounded50 {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

.rounded {
-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}

.shadows {
-webkit-box-shadow: 1px 1px 13px #000000;
-moz-box-shadow: 1px 1px 13px #000000;
box-shadow: 1px 1px 13px #000000;
}