body {
  background: #323232;
  font: 12px Helvetica, Arial;
  color: #C1C1C1;
  padding: 0;
  margin: 0 auto;
  max-width: 700px;
  line-height: 19px;
}

h1 {
  margin: 0;
  padding: 0 15px 0 50px;
  color: #C1C1C1;
  line-height: 50px;
  font-weight: normal;
  background: #262626 url(../images/Icon-Small.png) no-repeat 10px center;
  text-shadow: rgba(0,0,0,.3) 0 0 4px;
}

a {
  color: #00ff00;
  text-decoration: none;
  font-size: 110%;
  text-shadow: rgba(0,0,0,.3) 0 0 4px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5) {
  h1 {
    background-image: url(../images/Icon-Small@2.png);
    -moz-background-size: 29px 29px;
    -o-background-size: 29px 29px;
    -webkit-background-size: 29px 29px;
    background-size: 29px 29px;
  }
}

@media only screen and (min-device-width: 481px) {
  body {
    max-width: 80%;
  }
  .layer {
    float: left;
  }
  img.left {
    margin-left: 8px;
  }
}

img {
  -moz-box-shadow: -4px 4px 4px #1E1E1E;
  -webkit-box-shadow: -4px 4px 4px #1E1E1E;
  box-shadow: -4px 4px 4px #1E1E1E;
}

img.noshadow {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

p.layer  img {
  margin-bottom: 4px;
  margin-top: 4px;
}

img.right {
  margin-left: 8px;
}


p {
  padding: 20px 10px 5px 10px;
  margin-top: 0;
  margin-bottom: 0;
}

p.i1 {
  background: url(../images/Icon1a.png) no-repeat;
}

p.i2 {
  background: url(../images/Icon2a.png) no-repeat;
}

p.i3 {
  background: url(../images/Icon3a.png) no-repeat;
}

p.i4 {
  background: url(../images/Icon4a.png) no-repeat;
}

p.i5 {
  background: url(../images/Icon5a.png) no-repeat;
}

p.i6 {
  background: url(../images/Icon6a.png) no-repeat;
}

p.i1, p.i2, p.i3, p.i4, p.i5, p.i6 {
  -moz-background-size: 29px 29px;
  -o-background-size: 29px 29px;
  -webkit-background-size: 29px 29px;
  background-position: 7px 11px;
  background-size: 29px 29px;
  text-indent: 29px;
}


.w0,.w1,.w2,.w3,.w4,.w5,.w6,.w7,.w8,.w9,.w10 {
  -moz-background-size: 32px 32px;
  -o-background-size: 32px 32px;
  -webkit-background-size: 32px 32px;
  /*background-position: 7px 11px;*/
  background-size: 32px 32px;
  text-indent: 32px;
  background-repeat: no-repeat;
  height: 32px;
}


.w0 {background-image: url(../images/w0.png);}
.w1 {background-image: url(../images/w1.png);}
.w2 {background-image: url(../images/w2.png);}
.w3 {background-image: url(../images/w3.png);}
.w4 {background-image: url(../images/w4.png);}
.w5 {background-image: url(../images/w5.png);}
.w6 {background-image: url(../images/w6.png);}
.w7 {background-image: url(../images/w7.png);}
.w8 {background-image: url(../images/w8.png);}
.w9 {background-image: url(../images/w9.png);}
.w10 {background-image: url(../images/w10.png);}

table {
	border-width: 0px;
	border-spacing: 0px;
	border-style: none;
	border-color: gray;
	border-collapse: collapse;
  width: 300px;
  margin: 0 10px 10px 10px;
}
table th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
  border-color: rgba(255,255,255,.5);
  width: 100px;
  text-align: left;
  height: 30px;
  padding-left: 10px;
}
table td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	border-color: rgba(255,255,255,.2);
  padding-left: 10px;
}


div.pc{width:300px;height:40px;margin-left: 10px;line-height: 40px;color:#000;text-align: center;margin-bottom: 10px}
#div25 {background: rgba(255,255,255,.30)}
#div50 {background: rgba(255,255,255,.45)}
#div75 {background: rgba(255,255,255,.73)}
#div100 {background: rgba(255,255,255,.89)}
#div101 {background: rgba(87,183,255,.70)}
#div130 {background: rgba(87,182,255,.75)}
#div150 {background: rgba(31,159,255,.75)}
#div170 {background: rgba(0,141,255,.75)}
#div199 {background: rgba(0,141,255,.75)}
#div200 {background: rgba(0,255,0,.75)}
#div300 {background: rgba(255,255,0,.75)}
#div400 {background: rgba(250,153,0,.75)}
#div700 {background: rgba(249,13,1,.75)}
#div1300 {background: rgba(255,51,184,.75)}
#div3000 {background: rgba(148, 0, 211,1.0)}