.calendar{
	background:none;
	width:190px;
	height:220px;
	margin:45px auto;
	}
	
.courtregular {width:658px;
	height:70px;
	background:#FFF;
	margin:11px auto auto auto;
	border:#FFF solid 3px;
	overflow: hidden;
	line-height:12px;
	padding:10px 10px 10px 20px;
}

.reservationtable {width:694px;
text-align:center;
	height:350px;
	background:none;
	padding:0px;
	margin:11px auto auto auto;
	overflow-y:scroll;
			}
		
.sketch
{  	margin:17px auto auto auto;
	width:100%;
			height:30px;
		line-height:30px;
	background:none;
	padding-left:190px}
	
.sketchCourt
{  	margin:17px auto auto auto;
	width:100%;
			height:30px;
		line-height:30px;
	background:none;
	padding-left:60px}
	
.sketchfont
{ 
color:#FFF;
margin-left:3px;
float:left;
list-style:none;
}

		
.starttime{float:left;margin-right:5px;
	width:100px;
	height:auto;
	}
	
.reservationtablecourt {
	height:auto;
float:left;
margin-right:5px;
overflow:hidden;
					}
		
.reservationtable li{
	list-style:none;
	font-size:14px;
	font-weight:bold;
	list-style:none;
	width:100%;
	height:35px;
	margin-bottom:3px;
	line-height:37px;
	background: #FFF url(../images/classtableimg.png) repeat-y right ;
}
	
.classtable {
	width:694px;
text-align:center;
	height:430px;
	margin:38px auto auto auto;
		}
		
.classtable li{
	font-size:13px;
	font-weight:bold;
	list-style:none;
	text-align:center;
	width:100%;
	height:37px;
	line-height:37px;
	margin-bottom:3px;
	background: #FFF url(../images/classtableimg.png) repeat-y right
}
	
.date{float:left;
	width:90px;
		}
	
.date li
{height:73px;
float:left;
line-height:73px}	
	
.classtablecourt {width:294px;
float:left;
	height:100%;
	overflow:auto;
	margin-left:7px;
			}
			
.classtablecourtleft	
{
	text-align:left;
	float:left;
	padding-left:5px;
	line-height:22px
	}		
			
.classtablecourtright
{
	text-align:right;
	float:right;
	padding-right:5px;
    line-height:22px
	}				
			
.classtablecourt li
{

	height:22.7px;
	float:left}			
			
.classtablecourt span {
}
			
.calendartable1 th
{ 
width:100%;
text-align:left;
font-family:"Franklin Gothic Demi Cond"; 
}

.calendartable2 th
{ font-family:"Franklin Gothic Demi Cond"; 
width:25px;
height:25px;
background:#666;
color:#FFF;
border:#fff 2px solid;
}

.calendartable2 td
{ font-family:"Franklin Gothic Demi Cond"; 
text-align:center;
line-height:25px;
width:25px;
height:25px;
background: #FFF;
color:#000;
border:#666 2px solid;
}

.calendartable2 a:link, .calendartable2 a:visited 
{
color:#111;

}

.calendartable2 a:hover, .calendartable2 a:active 
{
	color:#fff;
	background: #666

}

.calendartable2 a
{
	display:block;
	width:100%;
	height:100%}