/*
*	get common styles - filter bg, sport filter, day of week display...
*/
@import "leaguedisplay.css";

/*	override stuff from leaguedisplay	*/
	div#filters{
		padding-bottom: 14px;
	}

/* --- day filter --- */
	div#dayFilterBox{
		float:left;
		width:198px;
		text-align:left;
	}
	ul.dayFilterDays{
		margin-top:8px;
	}
	ul.dayFilterDays li{
		background: url(../graphics/day-button-bg.gif);
		border:0;
		padding-top: 6px;
		height: 17px;
		width: 25px;
		border:1px solid #fff;
	}
	ul.dayFilterDays li.all{
		margin-left: 64px;
		margin-top: 5px;
		width: 66px;
		height: 16px;
		background: url(../graphics/alldays-button-bg.gif);
	}

/* --- location filter --- */
	div#locationFilterBox{
		float:left;
		margin-left: 12px;
		width: 190px;
	}
	div#locationFilterBox select{
		width: 190px;
	}
	div#locationFilterSwitcher{
		font-size:10px;
		margin:0 0 10px 20px;
		line-height:20px;
		vertical-align:middle;
	}
	div#locationFilterSwitcher input{
		vertical-align:middle;
	}
	div#locationFilterSwitcher span{
		vertical-align:middle;
		padding-left: 5px;
	}
	
/* ----- filter for only open leagues ---- */
	#onlyOpenLeaguesContainer{
		padding: 12px 0 0 24px;
	}
	#onlyOpenLeaguesContainer input{
		vertical-align: bottom;
	}
	#onlyOpenLeaguesContainer span {
		color:#393;
		font-weight:bold;
	}

/*	----	
 * 	Archive link	(these styles will probably have to go...)
 * 	---- */
	#archiveButtonContainer{
		margin:0 40px 6px 0;
		text-align:right;
		height: 16px;
		overflow:display;
		color:#777;
		font-size:10px;
	}
	#archiveButtonContainer a {
		font-size:11px;
	}
	#archiveButtonContainer img.inline {
		margin-right:2px;
	}

/* ----- message for empty results ---- */
	
	div#emptyResultHint li{
		margin: 10px 0;
	}


/* ---------------------------------------
		leagues
------------------------------------------*/

/*-----container for each league-------*/
	div.leagueDetail{
		margin: 20px 0 40px 0;
		width: 750px;
		position:relative;
	}
	
/*----- 'Inner' container for each league, containing everything but the league name-------*/
	div.detailContainer{	
		clear:both; 
		border:1px solid #ccc; 
	}

/*-----Leauge Name-------*/
	.leagueDetail h3{ 
		color: #333;
		padding: 0 12px 0 0;
		font-size:16px;
		margin:00;
	}
	div.leagueDetail h3 img{
		vertical-align:middle;
		margin:0;
		padding: 0 3px;
		background:#fff;
	}
/*---- text styles for labels ---*/
	div.label{	margin-bottom:4px;	}
	span.label{	padding-right: 6px;	}
	
	
/*---- league header row----*/
	div.leagueHeader div.startDate,
	div.leagueHeader div.signupStatus,
	div.leagueHeader div.fullDetailLinks,
	div.leagueHeader div.earlyNote{
		float:left;
		height: 26px;
	}
	
	div.leagueHeader div.startDate{
		width: 200px;
		border: 1px solid #ccc;
		border-bottom: 0;
		background:#eee;
		text-align:left;
		padding: 4px 0 0 10px;
		height: 22px;
		color:#555;
	}
	div.leagueHeader div.signupStatus{
		width: 207px;
		border: 1px solid #ccc;
		border-bottom: 0;
		border-left: 0;
		background:#eee;
	}
	div.signupStatus div{
		padding-top: 5px;
	}
	div.signupStatus div.label{
		float:left;
		width: 70px;
		color:#777;
		font-size:11px;
		text-align:right;
		margin-right: 3px;
	}
	div.signupStatus div.value{
		float:left;
		width: 127px;
		font-weight:bold;
		padding-left:2px;
		text-align:left;
	}
	div.leagueHeader div.earlyNote{
		width:90px;
		margin-left:4px;
		padding-top:2px;
		text-align:left;
		font-size:9px;
		line-height:10px;
	}
	div.signupStatus div.Open{	color: #393;	}
	div.signupStatus div.Opens{	color: #339;	}
	div.leagueHeader div.fullDetailLinks{
		width: 180px;
		margin-left: 40px;
		height: 24px; 
	}


/*---- overview container has the sport, days, game start times, location, and skill level overviewss--- */
	div.overviewContainer{
		position:relative;
		height:70px;
		overflow:visible;
	}
	/* -- each overview piece behaves in the same way -- */
	div.leagueDetail div.dayChart,
	div.leagueDetail div.startTimes,
	div.leagueDetail div.locations,
	div.leagueDetail div.skillLevels,
	div.leagueDetail img.sportIcon{
		position:absolute;
		top:15px;
		text-align:center;
	}
	
	
/* --- sport icon --- */
	div.leagueDetail img.sportIcon{
		top:5px;
		left: 25px;
	}
	
/*--- start times ----*/
	div.leagueDetail div.startTimes{
		left: 270px;
		width: 140px;
		font-weight:bold;
	}
	
/* --- locations --- */	
	div.leagueDetail div.locations{
		z-index:1;
		left:420px;
		width: 180px;
	}
	div.leagueDetail div.locations li a{
		font-size:11px;
	}

	a.extraLocationLink{
		display:block;
		text-align:center;
		font-size: 10px;
	}
	
	#extraLocationPopup h4{
		margin-bottom: 10px;
	}

	div.leagueDetail div.skillLevels{
		left: 610px;
		width:130px;
	}
/* --- league description text --- */
	div.leagueDetail div.leagueDescription{
		width: 360px;
		margin: 0 0 0 20px;
		text-align:justify;
		padding-bottom:10px;
	}
	
/**	text more link	**/
	div.moreInfoTextLinkContainer{
		padding-bottom:1px;
		text-align:center;
		font-size:9px;
		font-weight:bold;
		background:#eee;
		border-top:double #ccc;
	}
	div.moreInfoTextLinkContainer a{
		color:#777;
	}
/*  ------------------------------------
----- moving into the details section -------
----------------------------------------*/

	div.detailedInfo{
		position:relative;
	}
	div.detailedInfo div.dates,
	div.detailedInfo div.times,
	div.detailedInfo div.signupDeadline
	{
		margin: 10px 0 0 20px;
		font-weight:bold;
	}
	div.detailedInfo .pastDate{
		color:#888;
	}
	div.detailedInfo div.times{
		width:640px;
	}
	div.detailedInfo h4{
		text-align:left;
		margin: 20px;
		border-top:1px solid #ddd;
		padding-top: 20px;
	}

/* ---- division detail and sign-up tables ----- */
	table.divisionDetails{
		margin-bottom: 10px;
		width: 720px;
		border-collapse:separate;
	}
	table.divisionDetails th{
		text-align:center;
		color:#777;
		font-weight:normal;
		padding: 4px;
	}
	table.divisionDetails td{
		padding:6px;
		text-align:center;
		font-weight:bold;
	}
	tr.toprow td{
		border-top:1px solid #000;
		background:#fbfbfb;
		border-bottom:1px solid #eee;
	}
	tr.bottomrow td{
		border-bottom:1px solid #000;
	}
	tr.onlyrow td{
		border-bottom:1px solid #000;
		border-top:1px solid #000;
	}
	table.divisionDetails tr td.divisionName{
		width: 100px;
		border-top:0;
		border-bottom:0;
		border-right:1px solid #000;
		text-align:right;
		background:#fff;
		font-size:13px;
	}
	table.divisionDetails td.skillCell{
		border-bottom:1px solid #000;
		background:#fff;
		width:70px;
	}
	table.divisionDetails td.playerCell{
		border-right:2px solid #eee;
		border-left:1px solid #eee;
		border-bottom:1px solid #000;
		background:#fff;
		width: 70px;
	}

	table.divisionDetails td.signUpType{	
		color:#777;
		width:90px;
	}

	table.divisionDetails td.signUpCell{
		border-right:1px solid #000;
	}
	
	table.divisionDetails td.divisionRegStatus{
		text-align:left;
		padding-left: 30px;
	}
	
	table.divisionDetails div.Open,
	table.divisionDetails div.Closed,
	table.divisionDetails div.Waitlist{
		text-transform: uppercase;
	}
	table.divisionDetails td div.openDate{
		color:#16a;
	}

	table.divisionDetails td.signUpCell{	
		color:#393;
		vertical-align:top;
		text-align:left;
		padding-left:20px;
	}

	/**
	*	Early / Late Signup Discounts
	*/
	.earlySignupDiscountLabel{
		float:left;
		margin: 0 0 0 20px;
		padding: 4px 8px 4px 0;
		width: 50px;
		color:#777;
		font-size:11px;
		font-weight:bold;
		text-align:right;
		font-style:italic;
	}
	.doubleDiscountLabel{
		padding-top: 12px;
	}
	.earlySignupDiscountDetails{
		float:left;
		width: 400px;
		padding: 4px 8px;
		border-left:2px solid #ccc;
		margin-bottom: 8px;
	}
	.earlySignupDiscountDetails p{
		margin-bottom:2px;
	}
	.earlySignupDiscountDetails p strong{
		font-style:italic;
	}
	.divisionDetails .strikePrice {
		text-decoration:line-through;
		font-size:11px;
	}


/*-----------------------------
	current league display
-----------------------------*/
	div.currentLeague{
		border-top:none;
		position:relative;
		width: 750px;
		margin: 40px 0;
	}

	div.currentLeague h3{ 
			color: #333;
			padding: 0;
			font-size:15px;
			margin:0;
		}
	div.currentLeague h3 a{ color: #333;}
		
	div.currentLeague h3 img{
		vertical-align:middle;
		margin:0;
		padding: 0 3px;
		background:#fff;
		}

	div.currentLeagueBody{
		position:relative;
		height:auto !important;
		min-height: 35px;
		height: 40px;
		margin:0;
		border:1px solid #ccc;
		padding-bottom:6px;
	}

	div.currentLeagueBody a.scheduleLink,div.currentLeagueBody a.standingsLink{
		display:block;
		position:absolute;
		top:10px;
		font-weight:bold;
		font-size:14px;
	}

	div.currentLeagueBody a.scheduleLink img,div.currentLeagueBody a.standingsLink img{
		margin-right: 3px;
		background:#fff;
	}

	div.currentLeagueBody a.scheduleLink{
		left: 24px;
	}

	div.currentLeagueBody a.standingsLink{
		left: 165px;
	}
	
	div.archive a.scheduleLink{
		left: 214px;
	}

	div.archive a.standingsLink{
		left: 12px;
	}

	div.currentLeagueBody div.dayChart{
		position:absolute;
		text-align:center;
		top:10px;
		left: 330px;
	}

	div.currentLeagueBody div.locations{
		position:relative;
		top:0;
		left:0;
		margin: 10px 0 0 500px;
		width: 240px;
		text-align:left;
		line-height: 20px;
		font-size:10px;
	}