@import "leaguedisplay.css";

/*-----Locations title-------*/
	#locationsPageContainer h1.leagueTitle{
		padding:12px 0 8px 20px;
		background: transparent url(../graphics/location-top-bg.gif) no-repeat top left;
		height:20px;
	}
	#locationsPageContainer h1.leagueTitle.noLocations{
		background: transparent;
	}
/*-----The map itself-------*/
	#map{
		float:left;
		height:500px;
		width:500px;
		border:1px solid #777;
	}
	div.adminInfoPage #map{
		position:relative;
		width: 710px;
		height: 650px;
		float:left;
		right:auto;
		top:auto;
	}
	div.adminInfoPage ul#locationList{
		float:left;
		width:190px;
		border:1px solid #ccc;
		background:#fff;
		margin: 0 12px 0 0;
		padding: 6px;
	}

	#locationList li.noPosition{
		border-left:5px solid #d00;
	}
	#locationList li.new a{
		margin-left: 30px;
		font-weight:bold;
	}

/**************************
	--	filters	--	
**************************/
	div#sportFilterBox{
		width: 260px;
	}
	#locationsPageContainer div#filters{
		margin:0;
		padding:0 0 12px 10px;
		width:266px;
		background: transparent url(../graphics/location-bottom-bg.gif) no-repeat bottom left;
	}
	/*-- most are in leaguedetails.css==	*/
	
	
/**************************
	--	list of locs	--	
**************************/
	div#locationInfo{
		float:left;
		width: 270px;
		margin-right: 10px;
	}

	div#locationInfo h2{
		margin: 20px 0 10px 0;
		clear:both;
	}

	div#locationDetails{
		display:none;
	}
	#locationList{
		width:200px;
		margin-left: 4px;
	}
	#locationList li{
		cursor:pointer;
		padding: 4px;
		font-weight:bold;
	}
	#locationList li:hover{
		text-decoration:underline;
	}

/************************************
	--	info window on the map	--	
*************************************/	
	div.infoWindow{
		width:300px;
	}
	div.infoWindow img.sport{
		padding: 4px;
		border:1px solid #e9e9e9;
		margin: 0 3px 0 0;
	}
	div.infoWindow h3{
		padding: 8px 0;
	}
	div.infoWindow a,div.infoWindow div.noOfferings{
		display:block;
		float:right;
		font-size:11px;
		margin: 12px 8px;
	}
	div.infoWindow div.noOfferings{
		font-size:10px;
		color:#777;
		padding: 5px 0;
	}
	div.infoWindow div.address{
		padding: 0 20px 10px 20px;
	}
	div.infoWindow div.leaguesAtThisLocation{
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		margin: 10px 0;
		padding: 5px 0 0 0;
		text-align:center;
	}
	div.infoWindow div.leaguesAtThisLocation h6{
		text-align:center;
		color:#999;
	}
	
	div.infoWindow div.directions{
		clear:both;
		font-size:10px;
	}
	div.infoWindowdiv.directions input{
		font-size:10px;
	}
	div.adminLocationControls a.button.locationEdit{
		width:102px;
		font-weight:bold;
	}
	a.button.deleteLocation{
		color:#d00;
		margin-left: 40px;
		width:40px;
		font-weight:bold;
	}
	div.button a.button.deleteLocation{
		float:right;
		margin-top: -40px;
		margin-right: 50px;
	}
/************************************
	directions from google
*************************************/	
	div#directionsContainer{
		display:none;
		position:absolute;
		top: 60px;
		left: 0;
		border:1px solid #000;
		width:245px;
		background:#fff;
	}
	a.closeDirections{
		margin-left: 187px;
	}
	div#directionsContainer div.noResults{
		text-align:center;
		margin: 30px 20px;
		padding: 20px;
		font-weight:bold;
		background:#eee;
		border:1px solid #ccc;
	}