/* CSS Document */

.field-outer{
	width: 100%;
}
.field-inner{
	position: relative;
	margin: 0 auto;
}
.field-inner.soccer{
	/*width: 530px;*/
}
.field-inner img{
	max-width: none;
	width: 560px;
}
.field-inner .position{
	position: absolute;
	min-width: 20px;
	min-height: 20px;
	padding: 0;
}
.field-inner .position .baloon{
	margin:0px;
	padding:0px;
	float:left;
	width:20px;
	height:20px;
	background:#CD9600;
	border:2px solid #fff3a2;
	border-radius:50% 50% 50% 0%;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg); /* IE 9 */
	-webkit-transform:rotate(-45deg); /* Opera, Chrome, and Safari */
}
.field-inner .position.baseball .baloon{
	background: #CB192D;
}
.field-inner .position.basketball .baloon{
	background: #CD9600;
}
.field-inner .position.football .baloon{
	background: #D35C15;
}
.field-inner .position.soccer .baloon{
	background: #0B86C7;
}
.field-inner .position ul{
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 3px;
	padding-left: 3px;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
}
.field-inner .position:hover ul{
	display: block;
}
.field-inner .position ul li{
	list-style-type: none;
	margin-left: 0;
	font-size: 13px;
	width: 150px;
}
/* ************************************************************************* */
/* Soccer */
.field-inner .soccer.centre-forward-left{
  left: 410px;
  top: 90px;
}
.field-inner .soccer.centre-forward-right {
  left: 410px;
  top: 135px;
}
.field-inner .soccer.left-midfielder{
  left: 240px;
  top: 10px;
}
.field-inner .soccer.central-midfielder-1{
  left: 240px;
  top: 85px;
}
.field-inner .soccer.central-midfielder-2{
  left: 240px;
  top: 135px;
}
.field-inner .soccer.right-midfielder{
  left: 240px;
  top: 220px;
}
.field-inner .soccer.left-fullback{
  left: 110px;
  top: 10px;
}
.field-inner .soccer.centre-back-1 {
    left: 110px;
    top: 85px;
}
.field-inner .soccer.centre-back-2 {
  left: 110px;
  top: 135px;
}
.field-inner .soccer.right-fullback {
  left: 110px;
  top: 220px;
}
.field-inner .soccer.goalkeeper{
  padding: 0;
  position: absolute;
  top: 110px;
  left: 50px;
}
/* End of - Soccer */
/* ************************************************************************* */
/* Baseball */
.field-inner .baseball.left-field{
  padding: 0;
  position: absolute;
  top: 50px;
  left: 80px;
}
.field-inner .baseball.center-field{
  padding: 0;
  position: absolute;
  top: 20px;
  left: 250px;
}
.field-inner .baseball.right-field{
  padding: 0;
  position: absolute;
  top: 45px;
  left: 435px;
}
.field-inner .baseball.shortstop{
  padding: 0;
  position: absolute;
  top: 90px;
  left: 205px;
}
.field-inner .baseball.second-base{
  padding: 0;
  position: absolute;
  top: 92px;
  left: 320px;
}
.field-inner .baseball.third-base{
  padding: 0;
  position: absolute;
  top: 142px;
  left: 125px;
}
.field-inner .baseball.pitcher{
  padding: 0;
  position: absolute;
  top: 145px;
  left: 270px;
}
.field-inner .baseball.first-base{
  padding: 0;
  position: absolute;
  top: 142px;
  left: 405px;
}
.field-inner .baseball.catcher{
  padding: 0;
  position: absolute;
  top: 215px; /*-15*/
  left: 265px; /*+30*/
}
/* End of - Baseball */
/* ************************************************************************* */
/* Basketball */
.field-inner .basketball.point-guard{
  padding: 0;
  position: absolute;
  top: 120px; 
  left: 350px; 
}
.field-inner .basketball.shooting-guard{
  padding: 0;
  position: absolute;
  top: 190px; 
  left: 380px; 
}
.field-inner .basketball.power-forward{
  padding: 0;
  position: absolute;
  top: 155px; 
  left: 415px; 
}
.field-inner .basketball.center{
  padding: 0;
  position: absolute;
  top: 85px; 
  left: 400px; 
}
.field-inner .basketball.small-forward{
  padding: 0;
  position: absolute;
  top: 55px; 
  left: 450px; 
}
/*.field-inner .basketball.{
  padding: 0;
  position: absolute;
  top: 120px; 
  left: 350px; 
}
.field-inner .basketball.{
  padding: 0;
  position: absolute;
  top: 120px; 
  left: 350px; 
}*/
/* End of - Basketball */
/* ************************************************************************* */
/* Football */
.field-inner .football.half-back{
  padding: 0;
  position: absolute;
  top: 120px;
  left: 65px;
}
.field-inner .football.full-back{
  padding: 0;
  position: absolute;
  top: 110px;
  left: 95px;
}
.field-inner .football.quarter-back{
  padding: 0;
  position: absolute;
  top: 120px;
  left: 125px;
}
.field-inner .football.wide-receiver{
  padding: 0;
  position: absolute;
  top: 210px;
  left: 125px;
}
.field-inner .football.wide-receiver-2{
  padding: 0;
  position: absolute;
  top: 25px;
  left: 190px;
}
.field-inner .football.tackle{
  padding: 0;
  position: absolute;
  top: 65px;
  left: 190px;
}
.field-inner .football.guard{
  padding: 0;
  position: absolute;
  top: 90px;
  left: 190px;
}
.field-inner .football.center{
  padding: 0;
  position: absolute;
  top: 110px;
  left: 190px;
}
.field-inner .football.guard-2{
  padding: 0;
  position: absolute;
  top: 130px;
  left: 190px;
}
.field-inner .football.tackle-2{
  padding: 0;
  position: absolute;
  top: 150px;
  left: 190px;
}
.field-inner .football.tight-end{
  padding: 0;
  position: absolute;
  top: 185px;
  left: 190px;
}
.field-inner .football.safety{
  padding: 0;
  position: absolute;
  top: 75px;
  left: 405px;
}
.field-inner .football.safety-2{
  padding: 0;
  position: absolute;
  top: 145px;
  left: 405px;
}
.field-inner .football.corner-back{
  padding: 0;
  position: absolute;
  top: 40px;
  left: 370px;
}
.field-inner .football.corner-back-2{
  padding: 0;
  position: absolute;
  top: 190px;
  left: 370px;
}
.field-inner .football.outside-linebacker{
  padding: 0;
  position: absolute;
  top: 50px;
  left: 330px;
}
.field-inner .football.middle-linebacker{
  padding: 0;
  position: absolute;
  top: 115px;
  left: 330px;
}
.field-inner .football.outside-linebacker-2{
  padding: 0;
  position: absolute;
  top: 180px;
  left: 330px;
}
.field-inner .football.end{
  padding: 0;
  position: absolute;
  top: 70px;
  left: 270px;
}
.field-inner .football.tackle-3{
  padding: 0;
  position: absolute;
  top: 100px;
  left: 270px;
}
.field-inner .football.tackle-4{
  padding: 0;
  position: absolute;
  top: 130px;
  left: 270px;
}
.field-inner .football.end-2{
  padding: 0;
  position: absolute;
  top: 160px;
  left: 270px;
}
/* End of - Football */