/* Play date list backgrounds:
-------------------------------------------------------------- */


/* Training ----------------------- */

ul#activites li.training.upcoming.register a
{
	background-image: url(../images/RegistryBackground.png);
}

ul#activites li.training.next.register a
{
	background-image: url(../images/RegistryBackground_Next.png);
}

ul#activites li.training.today.register a
{
	background-image: url(../images/RegistryBackground_Today.png);
}

ul#activites li.training.past.register a
{
	background-image: url(../images/RegistryBackground_Past.png);
	background-color: #efefef;
}

/* Match ------------------------- */

ul#activites li.match.upcoming.register a
{
	background-image: url(../images/RegistryBackground_Match.png);
}

ul#activites li.match.next.register a
{
	background-image: url(../images/RegistryBackground_Match_Next.png);
}

ul#activites li.match.today.register a
{
	background-image: url(../images/RegistryBackground_Match_Today.png);
}

ul#activites li.match.past.register a
{
	background-image: url(../images/RegistryBackground_Match_Past.png);
	background-color: #efefef;
}


/* Hall ------------------------- */

ul#activites li.hall.upcoming.register a
{
	background-image: url(../images/RegistryBackground_Hall.png);
}

ul#activites li.hall.next.register a
{
	background-image: url(../images/RegistryBackground_Hall_Next.png);
}

ul#activites li.hall.today.register a
{
	background-image: url(../images/RegistryBackground_Hall_Today.png);
}

ul#activites li.hall.past.register a
{
	background-image: url(../images/RegistryBackground_Hall_Past.png);
	background-color: #efefef;
}


/* Special ------------------------- */

ul#activites li.special.upcoming.register a
{
	background-image: url(../images/RegistryBackground_Special.png);
}

ul#activites li.special.next.register a
{
	background-image: url(../images/RegistryBackground_Special.png);
}

ul#activites li.special.today.register a
{
	background-image: url(../images/RegistryBackground_Special.png);
}

ul#activites li.special.past.register a
{
	background-image: url(../images/RegistryBackground_Special.png);
	background-color: #efefef;
}

/* Shared by all past: ------------ */

ul#activites li.past.register a:hover
{
	background-color: #cdcdcd;
}


ul#activites li.past.special.register a
{
	background-color: #de9323;
}

ul#activites li.past.special.register a:hover
{
	background-color: #f5a339;
}

/* Login form
---------------------------------------------------------------------- */

div#login
{
}

*
{
	outline-style: none;
}

div.userTip,
div#forgotPassword
{
	display: block;
	height: 15px;
	width: 748px;
	padding: 10px;
	margin: 0px;
	
	background-image: url(../images/User-Tip.png);
	
	text-align: center;
	font-size: 15px;
	line-height: 15px;
}

div.submitResult
{
	display: block;
	height: 85px;
	width: 768px;
	padding: 0px;
	margin: 0px;
	
	background-image: url(../images/User-UpdateSuccess.png);
	background-color: green;
	background-repeat: no-repeat;
	
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

div#participantsNoshowMaybe
{
	padding: 0px;
	margin: 40px 0px 0px 0px;

	border: 0px;
	border-top: 1px;
	border-style: solid;
	border-color: #4F4F4F;
}	

div.participant
{
	display: block;
	height: 16px;
	width: 752px;
	padding: 12px 8px 12px 8px;
	margin: 0px;
	text-align: center;
	font-size: 14px;
}

div.participant.coming
{
	background-image: url(../images/Participants-Coming.png);
	background-color: #81C67A;
}

div.participant.maybe
{
	background-image: url(../images/Participants-Maybe.png);
	background-color: #E8C4A1;
}

div.participant.noshow
{
	background-image: url(../images/Participants-Noshow.png);
	background-color: #FFA1A2;		
}

div.participant span.player,
div.participant span.stat
{
	display: block;
	float: left;
	text-align: left;
	line-height: 16px;		
}

div.participant span.player
{
	padding-left: 60px;
	font-size: 16px;
	width: 240px;
}

div.participant span.stat
{
	width: 90px;	
	padding-top: 2px;
	font-size: 12px;
}	

div.participant span.stat.long
{
	width: 110px;
}

div#forgotPassword a
{
	color: #224A24;
	text-shadow: 0px 1px 1px #81DA85;
}

div#forgotPassword a:hover
{
	color: #2E6F2F;
	text-shadow: 0px 1px 1px #D6FED8;
}

div#forgotPassword a:active
{
	color: white;
	text-shadow: 0px -1px 1px #327A33;
}

div#login form
{
	display: block;
	height: 177px;
	width: 768px;
	margin:0px;
			
	background-image: url(../images/Login-Form.png);
}

div#loggedIn form
{
	display: block;
	height: 177px;
	width: 768px;
	margin:0px;
			
	background-image: url(../images/Loggedin-Form.png);
}

div#verify form
{
	display: block;
	height: 118px;
	width: 768px;
	padding: 0px;
	margin: 0px;
	
	background-image: url(../images/Verify-Form.png);
}

div#optionArea
{
	height: 20px;
	padding: 20px;

	font-size: 14px;
	color: #172d43;
	
	text-shadow: 0px 1px 1px #aebdcb;
}

div#optionArea input
{
	margin: 0 10px 0 40px;
}

div#loginArea
{
	height: 77px;
	padding: 20px;
}

input#submit,
input#submitRegistration
{
	position: relative;
	top: 16px;
	margin-left: 33px;

	width: 162px;
	height: 49px;
	
	overflow: hidden;
	background-position: top;
	cursor: pointer;
	
	z-index: 50;
}

input#submitRegistration
{
	background-image: url(../images/Verify-Submit.png);
}

div#login form div#loginArea input#submit
{
	background-image: url(../images/Login-Submit.png);
}

div#loggedIn form div#loginArea input#submit
{
	background-image: url(../images/Login-Submit_LoggedIn.png);
}

input#submit:hover,
input#submitRegistration:hover,
input#submit:focus,
input#submitRegistration:focus			
{
	background-position: center;
}

input#submit:active,
input#submitRegistration:active
{
	background-position: bottom;
}
	
input#user,
input#pw,
input#email,
input#pw2
{
	font-size: 22px;
	width: 205px;
	background-color: transparent;
	margin-left: 43px;
	border: none;
	outline-style: none;
	
	-webkit-appearance:none;
	outline : none;
	text-decoration: none;	
}

label.overlabel
{
	display: none;
}

label#userLabel,
label#emailLabel	
{
	margin-right: -120px;
	margin-left: 50px;
}

label#pwLabel,
label#pw2Label
{
	margin-right: -94px;
	margin-left: 50px;
}

label.overlabel-apply
{
	font-size: 11px;
	letter-spacing: 1px;
	color: #555a65;	
	text-align: left;
	cursor: text;
	
	position: absolute;
	margin: 34px;
	
	z-index: 10;	
}

/* LateList
---------------------------------------- */

div.lateList
{
	background-color: white;
	width: 688px;
	padding: 40px;
}

div.lateList h1
{
	font-size: 24px;
	margin-bottom: 0px;
	margin-top: 50px;
}

div.lateList h2
{
	margin-top: 0px;
	font-size: 14px;
}

div.lateList ol
{
	font-size: 12px;
	margin-top: 30px;
}

div.lateList ol li
{
	margin-bottom: 20px;
}

div.lateList ol li span.details
{
	color: #999999;
}

/* Add To Calendar
---------------------------------------- */

div#addToCalendar
{
	height: 57px;
	width: 748px;
	padding: 14px;
	
	background-image: url(../images/User-AddToCalendar.png);
	background-position: left top;
	background-repeat: no-repeat;
}

div#addToCalendar > a
{
	display: block;
	height: 38px;
	width: 688px;
	padding: 10px 10px 10px 40px;
	
	text-align: center;
	font-size: 14px;
	line-height: 38px;
	
	color: white;
	font-size: 16px;
}

div#addToCalendar:hover
{
	background-position: left center;
}

div#addToCalendar > a:active
{
	background-position: left bottom;
}


/* Add To Calendar
---------------------------------------- */

div#statusChangeFeedback
{
	padding: 30px;
	line-height: 25px;
	font-size: 20px;
}