@import "leaguedisplay.css";

/*-----Locations title-------*/
	#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,
	div.adminInfoPage ul#sponsorList{
		float:left;
		width:190px;
		border:1px solid #ccc;
		background:#fff;
		margin: 0 12px 0 0;
		padding: 6px;
	}

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

/**************************
	--	filters	--	
**************************/
	div#sportFilterBox{
		width: 260px;
	}
	#locationsPageContainer div#filters{
		margin:0;
		padding:0;
		width:266px;
	}
	/*-- most are in leaguedetails.css==	*/
	
	
/**************************
	--	list of locs	--	
**************************/
	div#locationInfo,
	div#sponsorInfo{
		float:left;
		width: 270px;
		margin-right: 10px;
	}

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

	div#locationDetails,
	div#sponsorDetails{
		display:none;
	}
	#locationList,
	#sponsorList{
		width:200px;
		margin: 10px 0 0 4px;
	}
	#locationList li,
	#sponsorList li{
		cursor:pointer;
		padding: 4px;
		font-weight:bold;
	}
	#locationList li:hover,
	#sponsorList li:hover{
		text-decoration:underline;
	}
	#allLocationsLink{
		margin-top:30px;
	}

/************************************
	--	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: 4px;
		text-align:center;
	}
	div.infoWindow div.leaguesAtThisLocation a{
		float:none;
		display:inline;
		margin: 0;
	}

	div.infoWindow div.directions{
		clear:both;
		font-size:10px;
	}
	div.infoWindowdiv.directions input{
		font-size:10px;
	}
	div.adminLocationControls, div.adminSponsorControls{
		float:none;
	}
	div.adminLocationControls a, div.adminSponsorControls a{
		float:none;
		display:inline-block;
		margin-right: 24px;
	}
	div.adminLocationControls a.delete, div.adminSponsorControls a.delete{
		color:#d00;
	}

/************************************
	directions from google
*************************************/	
	div#directionsContainer{
		display:none;
		position:absolute;
		top: 60px;
		left: 0;
		border:1px solid #000;
		width:245px;
		background:#fff;
	}
	a.closeDirections{
		display:block;
		margin-left: 187px;
	}
	div#directionsContainer div.noResults{
		text-align:center;
		margin: 30px 20px;
		padding: 20px;
		font-weight:bold;
		background:#eee;
		border:1px solid #ccc;
	}