/* CSS Document */
body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	}
h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:28px;
	font-weight:900;
	color:#ccc;
	}
h2 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
h4 {
	font:bold 11px/13px verdana, arial, helvetica, sans-serif;
	margin:5px 0px 2px 0px;
	padding:0px;
  color:#2F4F4F;
	}
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}

a {
	color:#09c;
	font-size:11px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
	
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}

label {
  float:        left; 
 /* display:      block;*/ 
  width:        120px;
  /*height:       20px;*/ 
  margin-top:   5px; 
  margin-bottom:10px;
  margin-right: 5px; 
  text-align:   right
}

select {
  margin-bottom:10px;
  width:        150px; 
 }

input {
  width:        150px; 
  margin-bottom: 10px;
}

br {
  clear: left;
}

legend {
  font-weight: bold; 
}

fieldset {
  padding-top: 10px;
}

/* All the content boxes belong to the content class. */
#middle {
	position:absolute;
	width:630px;
	top:10px;
  left:145px;
	border:none;
	background-color:white;
	}

#left {
	position:absolute;
	width:125;
	top:10px;
	left:10px;
	border:none;
	background-color:#fff;
  }
		
#right {
	position:absolute;
  width:auto;
  max-width:300px;
  min-width:125px;
	top:10px;
	left:795px;
	border:none;
	margin-right:10px;
	background-color:#fff;
  }
  
caption.games
  {
     background-color:#E6E6FA;
     color:#2F4F4F;
     border-style:solid;
     border-width:1px;
     border-color:black;
  }
  
  table.stats
  { 
     font-family:helvetica, arial, verdana, sans-serif;
     font-size:9pt;
     background-color:#B0C4DE;
     color:#483D8B;
     /*color:black;*/
     border-style:solid;
     border-color:black;
     border-width:1px;
     /*border-top:none*/
  }

  table.games
  { 
     font-family:arial, helvetica, verdana, sans-serif;
     font-size:10pt;
     background-color:#B0C4DE;
     color:#483D8B;
     width:618px;
     border-style:solid;
     border-color:black;
     border-width:1px;
     border-top:none
  }

  th.games
  {
     font-size:10pt;
     color:#2F4F4F;
  }
  
  tr.games
  {    
  }  

  td.games
  {  
     /*font-size:10pt;
     background-color:#409040;
     color:white;
     border-style:solid;
     border-width:1px;*/
     font-size:9pt;
     text-align:center;
  }  
  
caption.xtable
  {
     background-color:lightgray;
     color:black;
     border-style:solid;
     border-width:1px;
     border-color:black;
  }

  table.xtable
  { 
     font-family:arial, helvetica, verdana, sans-serif;
     font-size:10pt;
     background-color:white;
     color:black;
     width:618px;
     border-style:solid;
     border-color:black;
     border-width:1px;
     border-top:none
  }

  th.xtable
  {
     font-size:10pt;
     color:#2F4F4F;
     text-align:left;
  }
  
  tr.xtable
  {    
  }  

  td.xtable
  {  
     /*font-size:10pt;
     background-color:#409040;
     color:white;
     border-style:solid;
     border-width:1px;*/
     font-size:9pt;
     text-align:left;
  }
  
  div.wins-chart
  {
     background-color:white; 
     color:black; 
     text-align:center;
   	 font-size:8pt;
  }

  div.draws-chart
  {
     background-color:darkgray; 
     color:black; 
     text-align:center;
  	 font-size:8pt;
  }
    
  div.loss-chart
  {
     background-color:black; 
     color:white; 
     text-align:center;
   	 font-size:8pt;
  }
  
  a.xtable {
	color:blue;
	font-size:9pt;
	font-family:arial, verdana, helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	}