body {
	color: #000;
	font-family:Monospace;
	font-size:13px;
	text-align:center;
	font-weight: bold;

	background-color: #fff;
	margin: 0;
	overflow: hidden;
}

.dg{
  text-align:left;
}

h1, h2, h3{
  color: #cc0000;
}

p a{
 color: #cc0000; 
}

p a:hover{
 color: #FF0000;  
}

a img{
  border:none;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  background:#646464;
  background: rgba(100, 100, 100, 0.8);
  width: 100%;
  height: 100%;
  z-index: 1;
}

.box {
  background: #fff;
  width: 60%;
  height: auto;
  margin: 15px auto;
  padding: 15px 15px 15px 15px;
  border-radius: 15px;
  box-shadow: 0 0 20px 0 #303030;
}

.table-holder{
  margin: auto;
  clear: both;
  overflow: hidden;
  width: 80%;
}

#nowebgl .box{
    width:90%;
    max-width:700px;
}

#nowebgl{
  display:none;
}

#help .box{
    width:90%;
    max-width:700px;
}

#help{
    display:none;
}

.box table{
  text-align: left;
}

#canvasHolder{
   position: absolute;
   top: 50%;
   margin-top: -150px;/* half of #content height*/
   left: 0;
   width: 100%;
}

#preloadCanvas {
   width: 200px;
   margin-left: auto;
   margin-right: auto;
   height: 200px;
}

.box img{
    max-width:90%;
    height:auto;
    margin:10px;
}


table {
  color:#666;
  font-size:12px;
  text-shadow: 1px 1px 0px #fff;
  background:#eaebec;
  margin:5px;
  border:#ccc 1px solid;

  width:48%;
  min-width: 225px;

  float:left;

  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: 0 1px 2px #d1d1d1;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1;
}

table tr:first-child th:first-child {
  -moz-border-radius-topleft:3px;
  -webkit-border-top-left-radius:3px;
  border-top-left-radius:3px;
}
table tr:first-child th:last-child {
  -moz-border-radius-topright:3px;
  -webkit-border-top-right-radius:3px;
  border-top-right-radius:3px;
}
table tr {
  text-align: center;
  padding-left:5px;
}
table td:first-child {
  text-align: left;
  padding-left:20px;
  padding-right:20px;
  border-left: 0;
}
table td {
  padding:5px;
  border-top: 1px solid #ffffff;
  border-bottom:1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0;

  background: #fafafa;
  background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
  background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table tr.even td {
  background: #f6f6f6;
  background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
  background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table tr:last-child td {
  border-bottom:0;
}
table tr:last-child td:first-child {
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-left-radius:3px;
}
table tr:last-child td:last-child {
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px;
}