body {
  padding: 0;
  margin: 0;
  background-color: lightyellow;
  background-image: url('/images/hardwood.jpg');
  text-align: center;
}
#container {
  color: #ffffff;
  position: relative;
  top: 0;
  /*left: 50%;
  padding: 0;*/
	margin-left: auto;
	margin-right: auto;
	width: 50em;
	text-align: left;
}

#court-container {
}

#container #court-container div {
  position: absolute;
  padding: 0;
  margin: 0;
  width: 5px;
}
#container #court-container div a img {
  border-style: none;
  opacity: 0;
  filter: alpha(opacity=0)
}
#container #court-container div a img:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}
#court {
  top: 54px;
  left: 41px;
  z-index: 1;
}
#centre_under_10 {
  top: 107px;
  left: 179px;
  z-index: 11;
}
#left_under_10 {
  top: 105px;
  left: 102px;
  z-index: 10;
}
#right_under_10 {
  top: 105px;
  left: 298px;
  width: 300px;
  z-index: 11;
}
#left_12plus {
  top: 105px;
  left: 43px;
  z-index: 4;
}
#top_left_12plus {
  top: 255px;
  left: 140px;
  z-index: 4;
}
#free_throw {
  top: 298px;
  left: 248px;
  z-index: 8;
}
#top_right_12plus {
  top: 255px;
  left: 298px;
  z-index: 4;
}
#right_12plus {
  top: 105px;
  left: 420px;
  width: 200px;
  z-index: 12;
}
#left_3 {
  top: 105px;
  left: 0px;
  z-index: 1;
}
#top_left_3 {
  top: 309px;
  left: 50px;
  z-index: 1;
}
#top_3 {
  top: 360px;
  left: 248px;
  z-index: 2;
}
#top_right_3 {
  top: 309px;
  left: 350px;
  z-index: 1;
}
#right_3 {
  top: 105px;
  left: 473px;
  z-index: 9;
}

#container #stats {
  color: #ffffff;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
#container #stats div {
  position: absolute;
  padding: 0;
  margin: 0;
  width: 5px;
}
#container #stats div a img {
  border-style: none;
  opacity: 0.5;
  filter: alpha(opacity=50)
}
#container #stats div a img:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}
#team {
  top: 55px;
  left: 70px;
  z-index: 9;
}
#game {
  top: 55px;
  left: 420px;
  z-index: 9;
}

.player {
	display: block;
  float: left;
  width: 100%;
}

.player .form_row {
	float: left;
	padding-left: 18px; 
}

.player .form_row input {
	margin-left: 18px; 
}

#stats_div #form_wrap {border: 1px solid black; margin: 0 0 0 0; padding: 10px; background: white;}
#team_div #form_wrap {border: 1px solid black; margin: 0 0 0 0; padding: 10px; background: lightgreen;}
#game_div #form_wrap {border: 1px solid black; margin: 0 0 0 0; padding: 10px; background: lightpink;}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

.clear span {
    display: block;
    float: left;
    padding-right: 18px; /* sliding doors padding */
}

.clear .form_row label {
    display: block;
    float: left;
    padding-right: 18px; /* sliding doors padding */
}

.clear .players {
    display: block;
    float: left;
	  padding-left: 30px; /* sliding doors padding */
}

a.button {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}