/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.3.0
build: 3167
*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

header,nav,article,footer,section,aside,figure,figcaption{display:block}

a {outline: none;}	

blockquote {
	padding: 0 0 0 30px;
	font-style: italic;
}
strong {font-weight: bold;}
em {font-style: italic;}
em strong, strong em {font-weight: bold;}

/* General */
html {
	-webkit-text-size-adjust: 100%; 
	background: #63695F;
}
body {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.3;
	color: #000;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
	padding: 0 0 20px;
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.2;
	font-weight: bold;
	font-family: Georgia, Times, "Times New Roman", serif;
	color: #19633A;
	padding: 0 0 5px 0;
}
h1 {
	font-size: 25px;
	font-weight: normal;
	padding: 0 0 20px 0;
	color: #000;
}
h2 {
	font-size: 18px;
	padding: 0 0 10px 0;
}
h3 {
	font-size: 15px;
}
h4 {
	font-size: 16px;
	font-weight: normal;
	font-style: italic;
}
h5 {
	font-size: 16px;
	font-weight: normal;
}
a, a:link, a:active, a:visited {
	text-decoration: none;
	outline: none;
	color: #1EA249;
}
a:hover {text-decoration: underline;}
ul, ol {padding-left:30px;}
ul li {list-style-type: disc;}
ol li {list-style-type: decimal;}
ol li ol li {list-style-type: lower-alpha;}
ul ul {padding-bottom: 0;}

#wrapper {

}
#container {
	margin: 0 auto;
	max-width: 800px;
	background: #EDEFE7;
}
#map {
	background: url(/theme/img/map.jpg) center center no-repeat;
	height: 100px;
	display: block;
	outline: 0;
	border-bottom: 1px solid #88877E;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	
}
#content {
	padding: 25px;
}

/* Contact Form Styling */
.nc_form {
	background-color: #f0f0f0;
	padding: 1.25em 2%;
	margin: 0 0 1.25em;
	border: 2px solid #c0c0c0;
	border-radius: 5px;
}
.nc_form .req {color: #F71704;}
.nc_form label,
.nc_form input,
.nc_form textarea,
.nc_form select {display: block; width: 98%; padding: 0;}
	.nc_form input, .nc_form textarea {background: #fff; color: #8B898C;}
	.nc_form input, .nc_form textarea, .nc_form .captcha-container {
		border: 1px solid #999;
		border-radius: 3px;
	}
	.nc_form label {margin: 0 0 .125em;}
	.nc_form input, .nc_form textarea, .nc_form select {
		margin: 0 0 10px;
		padding: .4em 1%;
	}
	.nc_form textarea {height:60px;}
	.nc_form .captcha-container {padding: 0;width: 100%;}

.nc_form input.hidden {display:none;}
.nc_form input.submit-button {
	cursor:pointer;
	margin: 1em 0;
	padding: 0.6em 2%;
	width:auto;
	height:auto;
	background:#555;
	color:#fff;
	line-height: 1;
}
	.nc_form input.submit-button:hover {background:#777;}
.nc_form input.error {border-color:#f00;}
.nc_form label.error {color: #f00;}
.ncfDisclaimer {
	font-size: 80%;
	margin: 0 0 1em;
	padding: 0.33em 0 0;
}
	.ncfDisclaimer span {
		display: block;
		font-weight: bold;
		font-size: 125%;
	}
		.ncfDisclaimer span.req {display: inline; font-size: 80%;}
	.ncfDisclaimer input {
		display: inline;
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
	}
	.ncfDisclaimer label {display: inline;}
.nc_form .captcha-wrapper {}
	.nc_form .captcha-wrapper input {max-width: 200px;}
	.nc_form .captcha-container {
		background: #fff;
		border: 1px solid #333;
		margin: 0 0 4px;
		text-align: center;
		max-width: 200px;
	}
	.nc_form .captcha-image {
		cursor: pointer;
		display: block;
		width: 100%;
	}
.nc_form .checkbox {margin: 0 0 10px;}
	.nc_form .checkbox input {
		display: inline;
		width: auto;
		height: auto;
		padding: 0;
		line-height: 1;
		margin: 0 0 0 10px;
	}
		.nc_form .checkbox input.delin {margin: 0;}
.nc_form .radio {margin: 0 0 10px;}
	.nc_form .radio input {
		display: inline;
		width: auto;
		height: auto;
		padding: 0;
		line-height: 1;
		margin: 0 0 0 10px;
	}
		.nc_form .radio input.delin {margin: 0;}
.nc_form .inlineSelect select {display: inline; width: auto;}

/* Contact Form - Custom */
.nc_form {
	background: #D7DAD0;
}	
/* Contact Form Styling Ends */

.nc_form {
	max-width: 300px;
	margin: 0 auto 25px;
}

@media screen and (min-width: 480px) {
	#wrapper {
		padding: 25px;
	}
	#container {
		border: 1px solid #999;
		border-radius: 4px;
	}
	#map {
		height: 200px;	
	}
}

#temo {
	width: 100%;
	max-width: 500px;
	display: block;
	margin: 0 auto 20px;
	border-radius: 3px;
	border: 2px solid #333;
}

#canchas {
	display: block;
	width: 95%;
	max-width: 370px;
	margin: 0 auto 20px;
	border: 2px dashed #333;
}	



.pTransactions {margin: 0 0 20px;}
.pTransactions td {padding: 4px 15px 4px 0;}
.credit .ptAmount {color: green;}
.debit .ptAmount {color: red;}
.tally {}
.tally td {padding: 4px 15px 4px 0;}

#balanceSummaryAllPlayers {
	border: 1px solid #000;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}
#balanceSummaryAllPlayers tr:first-child td {text-align: center;}
#balanceSummaryAllPlayers tr:first-child td:nth-child(1), 
#balanceSummaryAllPlayers tr:first-child td:nth-child(11) {text-align: left;}
#balanceSummaryAllPlayers td:first-child a {color: #06253C;}
#balanceSummaryAllPlayers td {padding: 5px 10px;}
#balanceSummaryAllPlayers tr:nth-child(even) {background-color: #ACCCCE;}
tr.negBalance td.bapBalance {background-color: red; color: #fff;}
body.admin tr.lowBalance td.bapBalance {background-color: orange; color: #fff;}
#balanceSummaryAllPlayers tr:hover {background-color: #9FCAEF;}
#balanceSummaryAllPlayers tr:first-child, 
#balanceSummaryAllPlayers tr:last-child,
#balanceSummaryAllPlayers tr:first-child:hover, 
#balanceSummaryAllPlayers tr:last-child:hover {background-color: #333; color: #fff; font-weight: bold;}

.memberMark, .dayMark, .matchday {text-align: center;}
.matchday_in .matchday {background-color: #53B8DE;}
.matchday_out .matchday {background-color: #AF8585;}
.matchday_noshow .matchday {background-color: #616161;}
.matchday_waitlisted .matchday {background-color: #A2E5FF;}
.matchday_noresp .matchday {background-color: #C5E2BE;}
.matchday_pres .matchday {background-color: #479a5d; color: #fff;}
.matchday_abs .matchday {background-color: #6d1919; color: #fff;}

#balanceSummaryAllPlayers tr.selectedbstRow {background-color: #F1EC5D;}
#balanceSummaryAllPlayers tr.selectedbstRow:nth-child(even) {background-color: #E8E355;}

#peopleSelection {margin: 0 0 20px;}

@media screen and (max-width: 650px) {
	#balanceSummaryAllPlayers td.bapMemberType, 
	#balanceSummaryAllPlayers td.bapMonday,
	#balanceSummaryAllPlayers td.bapWednesday,
	#balanceSummaryAllPlayers td.bapFriday {display: none;}
	#balanceSummaryAllPlayers td:nth-child(2), 
	#balanceSummaryAllPlayers td:nth-child(3), 	
	#balanceSummaryAllPlayers td:nth-child(4), 	
	#balanceSummaryAllPlayers td:nth-child(5) {display: none;}
}



#userDetailsAdminOnly {
	border-top: 5px solid #749063;
	padding: 25px 0 0;
}
.adminForms {
	margin: 0 0 25px;
}	

#balanceSummaryAllPlayers {margin: 0 0 30px;}

@media print {
	.page-id-100 #adminOnlyZone, .page-id-16 #adminOnlyZone {display: none;}
	#map, .page-id-100 h1, .page-id-100 h2, .page-id-100 p, .page-id-16 h1, .page-id-16 h2, .page-id-16 p {display: none;}
}

#inicioBTN {
	clear: both;
	border-radius: 4px;
	background-color: #CBDFAA;
	padding: 5px 0;
	line-height: 1;
	color: #000;
	font-weight: bold;
	display: block;
	width: 200px;
	text-align: center;
	margin: 0 auto 10px;
}
body.home #inicioBTN {display: none;}
#inicioBTN:hover {background: #333; color: #fff; text-decoration: none;}

.g-signin2 {margin: 0 0 20px;}

#youdaboss {display: none;}

.bilingualNotice {background-color: #fff; padding: 10px; margin: 0 0 20px; border-radius: 3px;}

#announcementBoxES, #announcementBoxEN {width: 80%; min-width: 280px; max-width: 400px; height: 100px;}


.oneMessageForAll .languageHeadline, .oneMessageForAll #smsEN {display: none;}

#rsvpForm {margin: 0 0 20px;}

#rsvpForAllToggle {margin: 0 0 20px;}


.smsMessageBox {
	padding: 20px 20px 0;
	background-color: #fff;
	color: #000;
	margin: 0 0 20px;
}

.balanceDebt, .balanceCredit {
	display: inline-block;
	color: #fff;
	padding: 10px;
	margin: 0 0 20px;
}
.balanceDebt {
	background-color: red;
}	
.balanceCredit {
	background-color: green;
}

/* Balance and Summaries */
#bsap {border: 1px solid #000; margin: 0 0 30px;}
#bsap td:first-child a {color: #06253C;}
#bsap td {padding: 5px 10px;}
#bsap tr:nth-child(even) {background-color: #ACCCCE;}
#bsap tr.negBalance td.bapBalance {background-color: red; color: #fff;}
#bsap tr:first-child, 
#bsap tr:last-child,
#bsap tr:first-child:hover, 
#bsap tr:last-child:hover {background-color: #333; color: #fff; font-weight: bold;}




#earningsAndSpendings {
	border: 1px solid #000;
	margin: 0 0 30px;
}
#earningsAndSpendings tr:first-child {
	background-color: #000;
	color: #fff;
	font-weight: bold;
}
#earningsAndSpendings tr:nth-child(even) {
	background-color: #C0D0C3;
}
#earningsAndSpendings td {
	padding: 5px 10px;
}
/*#earningsAndSpendings tr:last-child td {font-weight: bold;}*/
#earningsAndSpendings tr:last-child td:first-child {text-align: right;}
#earningsAndSpendings td {min-width: 70px;}

input[type=date] {width: 130px;}
.rsvpYES{color: green; font-weight: bold;}
.rsvpNO {color: #B32828; font-weight: bold;}



body.admin #container {max-width: 1000px;}
body.admin #content {overflow: hidden;}

#balanceSummaryAllPlayers td:nth-child(3), 
#balanceSummaryAllPlayers td:nth-child(4), 
#balanceSummaryAllPlayers td:nth-child(5), 
#balanceSummaryAllPlayers td:nth-child(6), 
#balanceSummaryAllPlayers td:nth-child(7),
#balanceSummaryAllPlayers td:nth-child(8), 
#balanceSummaryAllPlayers td:nth-child(9) {
	display: none;
}
@media screen and (min-width: 800px) {
	#balanceSummaryAllPlayers td:nth-child(3), 
	#balanceSummaryAllPlayers td:nth-child(5), 
	#balanceSummaryAllPlayers td:nth-child(7) {
		display: table-cell;
	}
}
@media screen and (min-width: 1100px) {
	#balanceSummaryAllPlayers td:nth-child(4), 
	#balanceSummaryAllPlayers td:nth-child(6), 
	#balanceSummaryAllPlayers td:nth-child(8), 
	#balanceSummaryAllPlayers td:nth-child(9) {
		display: table-cell;
	}
}
@media screen and (min-width: 1500px) {
	body.admin #container {max-width: 1450px;}
	body.admin #jefeLeft {
		float: left;
		display: inline;
		width: 1000px;
	}

	body.admin #jefeRight {
		float: right;
		display: inline;
		width: 400px;
		margin: 50px 0 0 0;
	}
}	
.pTransactions {
	border: 1px solid #333;
}
.pTransactions td {
	padding: 5px;
}
.pTransactions tr:nth-child(even) td {
	background-color: #ccccc3;
}
.ptHead {
	font-weight: bold;
	background-color: #333;
	color: #fff;
}

td.negativeBalance, td.positiveBalance {
	color: #fff;
}
td.negativeBalance {
	background-color: #941616;
}
td.positiveBalance {
	background-color: #4d774d;
}
.pTransactions tr:nth-child(even) td.positiveBalance, 
#earningsAndSpendings tr:nth-child(even) td.positiveBalance {
	background-color: #1e5833;
}
.pTransactions tr:nth-child(even) td.negativeBalance, 
#earningsAndSpendings tr:nth-child(even) td.negativeBalance {
	background-color: #772b2b;
}

.esDebit {
	color: #b54747;
}



#smsEntries {

}
.smsEntry {
	background-color: #d8e0ce;
	padding: 20px;
	margin: 10px 0;

}
.smsEntry:nth-child(even) {
	background-color: #eefbee;
}
.smseBody {
	margin: 0 0 20px;

}

/* Attendance Page */
#attChart {
	border: 1px solid #333;
	box-shadow: 1px 1px 5px #9ba298;	
	margin: 0 0 20px;	
}

#attChart tr {
	background-color: #dbe6d4;
}
#attChart tr:nth-child(even) {
	background-color: #e5efdf;
}

#attChart tr:first-child, #attChart tr:last-child {
	font-weight: bold;
}
#attChart td {
	padding: 5px 10px;
	text-align: center;
}
#attChart td:first-child {
	text-align: left;
}
#attChart td span {
	height: 10px;
	width: 10px;
	border-radius: 5px;
	display: inline-block;
}
#attChart td:nth-child(2) span {
	background-color: #4CAF50;
}
#attChart td:nth-child(3) span {
	background-color: #bf1212;
}