body{
   background-image:url("/BGGames.gif");
   
}
.hrader{
 width:100.00%;
 border:solid 1px #000000;
 background-color:lightblue;
 text-align:center;
 margin-bottom:2px;
}
.lblheader{
  font-size:x-large;
  color:maroon;
  text-decoration:underline;
}

.spnheader{
 font-size:75%;
}

a.squarebutton{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
width:150px;
text-align:center;
font-weight:bold;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #000000; /*button text color*/
}

a.squarebutton span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color:#494949 ;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

a.currentlink{
background: transparent url('../images/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
width:150px;
text-align:center;
font-weight:bold;
}

a:link.currentlink, a:visited.currentlink, a:active.currentlink{
color: red; /*button text color*/
}

a.currentlink span{
background: transparent url('../images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.currentlink:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.currentlink:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

button{cursor:pointer;}


table.tbllist{width:100%;border-collapse:collapse;font-size:12px;border:solid 1px #000;margin-top:5px;}
table.tbllist thead td{font-size:1.0em;border:1px solid #000;font-weight:bold;padding:3px 3px 3px 3px;background-color:#ccc;}
table.tbllist tbody td{font-size:1.0em;padding:3px 3px 3px 3px;border:1px solid #000;}

label.lblview{cursor:pointer;font-weight:bold;font-size:1.0em;color:red;}

a.navigate:link {text-decoration:underline;color:mediumblue;font-weight:bold;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:80%; }
a.navigate:visited{text-decoration:none;color:mediumblue;font-weight:bold;}
a.navigate:hover{text-decoration:underline;}

table.tminfo{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:16px;margin:1% auto 1% auto;}

table.tminfo td.info{color:maroon;font-weight:bold}
table.tminfo td{padding:4px;}