/* Pitch zone style */
.strikeZone {border:2px solid black; text-align:center;}
.ballZone	{background:#ffffff; text-align:center;}
.pinZone	{position:absolute; width:64%; height:64%; top:18%; left:18%; background:rgba(0,0,0,0.0); border:15px solid rgba(255,0,0,0.3); z-index:2;}
 
table .pitchZone 	{border: 1px solid #c0c0c0;}
td .topLeft 	{border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}
td .topRight 	{border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
td .top 		{border-top: 1px solid #c0c0c0;}
td .bot			{border-bottom: 1px solid #c0c0c0;}
td .left 		{border-left: 1px solid #c0c0c0;}
td .right 		{border-right: 1px solid #c0c0c0;}
td .botRight	{border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0;}
td .botLeft		{border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;}

.zoneWrapper							{position:relative; width:0px; /* margin-top:30px; margin-bottom:30px; */ text-align:center; border:0px none;}
/* 추가 */
.zoneWrapperVer2						{position:relative; width:0px; text-align:center; margin:0px auto;}
/* 추가 끝 */
.pitZoneWrapper							{position:relative;}
/* .zoneWrapper canvas						{position:absolute; top:0px; left:0px; border:0px none; background:none repeat scroll 0% 0% transparent; z-index:99;} */						
div .pitZoneImg							{position:absolute; top:0px; left:0px; border:0px none; background:none repeat scroll 0% 0% transparent; z-index:99;}
.color {
	width:20px;
	height:0px;
}
td.lName {height:18px;}
.pitchZoneSprayWrapper50 				{width:50px; height:50px;}
.pitchZoneSprayWrapper50 canvas 		{width:50px; height:50px;}
.pitchZoneSprayWrapper50 .pitchZone 	{width:50px; height:50px;}

.pitchZoneSprayWrapper60 				{width:60px; height:60px;}
.pitchZoneSprayWrapper60 canvas 		{width:60px; height:60px;}
.pitchZoneSprayWrapper60 .pitchZone 	{width:60px; height:60px;}

.pitchZoneSprayWrapper70 				{width:70px; height:70px;}
.pitchZoneSprayWrapper70 canvas 		{width:70px; height:70px;}
.pitchZoneSprayWrapper70 .pitchZone 	{width:70px; height:70px;}

.pitchZoneSprayWrapper80 				{width:80px; height:80px;}
.pitchZoneSprayWrapper80 canvas 		{width:80px; height:80px;}
.pitchZoneSprayWrapper80 .pitchZone 	{width:80px; height:80px;}

.pitchZoneSprayWrapper100 				{width:100px; height:100px;}
.pitchZoneSprayWrapper100 canvas 		{width:100px; height:100px;}
.pitchZoneSprayWrapper100 .pitchZone 	{width:100px; height:100px;}

.pitchZoneSprayWrapper150 				{width:150px; height:150px;}
.pitchZoneSprayWrapper150 canvas 		{width:150px; height:150px;}
.pitchZoneSprayWrapper150 .pitchZone 	{width:150px; height:150px;}

.pitchZoneSprayWrapper200 				{width:200px; height:200px;}
.pitchZoneSprayWrapper200 canvas 		{width:200px; height:200px;}
.pitchZoneSprayWrapper200 .pitchZone 	{width:200px; height:200px;}

.pitchZoneSprayWrapper250 				{width:250px; height:250px;}
.pitchZoneSprayWrapper250 canvas 		{width:250px; height:250px;}
.pitchZoneSprayWrapper250 .pitchZone 	{width:250px; height:250px;}

.pitchZoneSprayWrapper300 				{width:300px; height:300px;}
.pitchZoneSprayWrapper300 canvas 		{width:300px; height:300px;}
.pitchZoneSprayWrapper300 .pitchZone 	{width:300px; height:300px;}

.pitchZoneSprayWrapper350 				{width:350px; height:350px;}
.pitchZoneSprayWrapper350 canvas 		{width:350px; height:350px;}
.pitchZoneSprayWrapper350 .pitchZone 	{width:350px; height:350px;}

.pitchZoneSprayWrapper400 				{width:400px; height:400px;}
.pitchZoneSprayWrapper400 canvas 		{width:400px; height:400px;}
.pitchZoneSprayWrapper400 .pitchZone 	{width:400px; height:400px;}
.pitchZoneSprayWrapper400 .verticalLegend {top:403px;}

.pitchZoneSprayWrapper450 				{width:450px; height:450px;}
.pitchZoneSprayWrapper450 canvas 		{width:450px; height:450px;}
.pitchZoneSprayWrapper450 .pitchZone 	{width:450px; height:450px;}

.playgroundImage {
	background:transparent url('../img/ground_line2.png') 0 0 no-repeat;
}

.playgroundImageGreen {
	background:transparent url('../img/ground_new.png') 0 0 no-repeat;
}
/* .zoneWrapper .playground80{
	background:transparent url('../img/playGround_80_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground100{
	background:transparent url('../img/playGround_100_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground150{
	background:transparent url('../img/playGround_150_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground180{
	background:transparent url('../img/playGround_180_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground200{
	background:transparent url('../img/playGround_200_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground250{
	background:transparent url('../img/playGround_250_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground300{
	background:transparent url('../img/playGround_300_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground350{
	background:transparent url('../img/playGround_350_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground400{
	background:transparent url('../img/playGround_400_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground450{
	background:transparent url('../img/playGround_450_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground540{
	background:transparent url('../img/playGround_540_line.gif') 0 0 no-repeat;
	float:left;
}
.zoneWrapper .playground700{
	background:transparent url('../img/playGround_700_line.gif') 0 0 no-repeat;
	float:left;
} */

/* End of PitchingZone */
/* Hitting Course Zone Chart CSS */
.hitZoneSprayWrapper40 				{width:40px; height:40px;}
.hitZoneSprayWrapper40 canvas		{width:40px; height:40px;}
.hitZoneSprayWrapper40 .playground 	{width:40px; height:40px; background:transparent url('../img/playGround_80_line.gif') 0 0 no-repeat; background-size:40px; float:left;}

.hitZoneSprayWrapper50 				{width:50px; height:50px;}
.hitZoneSprayWrapper50 canvas		{width:50px; height:50px;}
.hitZoneSprayWrapper50 .playground 	{width:50px; height:50px; background:transparent url('../img/playGround_80_line.gif') 0 0 no-repeat; background-size:50px; float:left;}

.hitZoneSprayWrapper80 				{width:80px; height:80px;}
.hitZoneSprayWrapper80 canvas		{width:80px; height:80px;}
.hitZoneSprayWrapper80 .playground 	{width:80px; height:80px; background:transparent url('../img/playGround_80_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper100 			{width:100px; height:100px;}
.hitZoneSprayWrapper100 canvas		{width:100px; height:100px;}
.hitZoneSprayWrapper100 .playground {width:100px; height:100px; background:transparent url('../img/playGround_100_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper150 			{width:150px; height:150px;}
.hitZoneSprayWrapper150 canvas		{width:150px; height:150px;}
.hitZoneSprayWrapper150 .playground {width:150px; height:150px; background:transparent url('../img/playGround_150_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper200 			{width:200px; height:200px;}
.hitZoneSprayWrapper200 canvas		{width:200px; height:200px;}
.hitZoneSprayWrapper200 .playground {width:200px; height:200px; background:transparent url('../img/playGround_200_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper250 			{width:250px; height:250px;}
.hitZoneSprayWrapper250 canvas		{width:250px; height:250px;}
.hitZoneSprayWrapper250 .playground {width:250px; height:250px; background:transparent url('../img/playGround_250_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper300 			{width:300px; height:300px;}
.hitZoneSprayWrapper300 canvas		{width:300px; height:300px;}
.hitZoneSprayWrapper300 .playground {width:300px; height:300px; background:transparent url('../img/playGround_300_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper350 			{width:350px; height:350px;}
.hitZoneSprayWrapper350 canvas		{width:350px; height:350px;}
.hitZoneSprayWrapper350 .playground {width:350px; height:350px; background:transparent url('../img/playGround_350_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper400 			{width:400px; height:400px;}
.hitZoneSprayWrapper400 canvas		{width:400px; height:400px;}
.hitZoneSprayWrapper400 .playground {width:400px; height:400px; background:transparent url('../img/playGround_400.png') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper450 			{width:450px; height:450px;}
.hitZoneSprayWrapper450 canvas		{width:450px; height:450px;}
.hitZoneSprayWrapper450 .playground {width:450px; height:450px; background:transparent url('../img/playGround_450_line.gif') 0 0 no-repeat; float:left;}

.hitZoneSprayWrapper700 			{width:700px; height:700px;}
.hitZoneSprayWrapper700 canvas		{width:700px; height:700px;}
.hitZoneSprayWrapper700 .playground {width:700px; height:700px; background:transparent url('../img/playGround_700_line.gif') 0 0 no-repeat; float:left;}

.categoryList td {height:20px;}
.categoryList th {height:25px;}

/* Mini pitch info zone style */
.miniPitchInfo {
	padding:0px; margin:0px auto; font-size:2px; width:45px; height:40px;
}
.miniPitchInfo td {
	border:1px solid #c0c0c0; text-align:center;
}
.pitchZone {
	height:30px; width:30px; padding:0px; margin:0px auto;
}
.miniStrikeZone  {border:1px solid red !important; height:20%; width:20%;}
.miniBallZone {border:0px !important; background-color: #eaeaea; height:20%; width:20%;}

.miniPitchInfo td .in {background-color:#ff0000}
.miniPitchInfo td .in {background-color:#ff0000}
/* // Mini pitch zone */

/* 대전이력 minipitch */
.vsMiniPitchInfo {
	padding : 0px; margin : 0px; font-size:2px; height : 40px; 
}

.vsMiniPitchInfo td{
	border:1px solid black; text-align:center;
}

.vsPitchZone{
	height :30px; width:30px; padding:0px; margin:0px auto;
}

.vsMiniStrikeZone {border:0px !important; height:20%; width:20%;}
.vsMiniBallZone {border:0px !important; height:20%; width:20%;}

.vsMiniPitchInfo td .in {background-color:#ff0000;}
.vsMiniPitchInfo td .in {background-color:#ff0000;}
/* 대전이력 minipitch 끝*/

/* checkInfo */

.checkTable {height :30px; width:30px; padding:0px; margin:0px auto; font-size:2px;}
.checkTable td {border:1px solid #c0c0c0; text-align:center;}

.checkStrikeZone {border:1px solid black !important; height:20%; width:20%;}
.checkBallZone {border:0px !important; height:20%; width:20%;}

.checkTable td.in {background-color:#ff0000;}

/* checkInfo 끝 */

.border_2_2 {
	border : 1px solid #000 !important; border-width : 0px 0px 1px 1px !important;
}

.border_2_3 {
	border : 1px solid #000 !important; border-width : 0px 0px 0px 1px !important;
}

.border_2_4 {
	border : 1px solid #000 !important; border-width : 1px 0px 0px 1px !important;
}

.border_3_2 {
	border : 1px solid #000 !important; border-width : 0px 0px 1px 0px !important;
}

.border_3_4 {
	border : 1px solid #000 !important; border-width : 1px 0px 0px 0px !important;
}

.border_4_2 {
	border : 1px solid #000 !important; border-width : 0px 1px 1px 0px !important;
}

.border_4_3 {
	border : 1px solid #000 !important; border-width : 0px 1px 0px 0px !important;
}

.border_4_4 {
	border : 1px solid #000 !important; border-width : 1px 1px 0px 0px !important;
}

.zoneWrapperVer2 td.active {
	background-color: #ffff00 !important;
}