/* tcmembership.css v0008 */

a {
	color: #1E90FF;
	}
.stripeReceiptLink {
	color: #1E90FF;
	text-decoration: underline;
	cursor: pointer;	
	}
.stripeReceiptLink:hover {
	text-decoration: none;
	}
#member-membership-container {
	margin: 1em auto;
	}
#memberFormContainer {
	text-align: left;
	}
#membershipApplicationPreamble,
#memberFormContainer,	
#memberDetails,
#invoiceDataEntry,
#memberWaiver {
	display: none;
	}
h3 {
	margin-bottom: 0.5em;
	font-size: 1.2em
	}
h3 span.small {
	font-size: 0.75em;
	font-weight: normal;
	}	
.pleaseselect {
	font-size: 0.75em;
	color: #888888;
	margin-left: 1em;
	font-weight: 400;
	}		
.joinHeading {
	font-size: 1.4em;
	font-weight: 700;
	}	
.explanation {
	text-align: left;
	max-width: 50em;
	margin: auto;
	padding: 0 1em;
	}
.explanation p {
	margin: 0.3em auto;
	}
#newMemberMessage {
	margin: auto;
	max-width: 30em;
	display: none;
}
#invoiceDataEntry {
	position: relative;
	margin-top: 3em;
	}	
.invoiceHint {
	font-weight: 100;
	font-size: 0.8em;
	margin-left: 2em;
	}
#actionEditMember {
	font-size: 0.9em;
	font-weight: 100;
	color: #1E90FF;
	cursor: pointer;
	position : absolute;
	top: 0.5em;
	right: 1em;
	text-decoration: underline;
	}
#indicatorEditingMember {
	display: none;
	font-size: 0.75em;
	font-weight: 100;
	margin-left: 2em;
	}
.membersince {
	font-size: 0.9em;
	font-weight: 100;
	margin-left: 1.5em;
	}	
form.form div label {
	color: #333333;
	font-size: 0.9em;
	display: block;
	margin-bottom: 0.2em;
	}
form.form div.error {
	margin-bottom: 0.2em;
	}
form.form div.error input {
	border-color: #CC0000;
	margin-bottom: 0;
	}
form.form div.error .form-field-error{
	display: block;
	}
.form-field {
	margin-bottom: 0;
}

div.form-field {
	display: table;
	width: 100%;
	}
form.form div.form-field label {
	display: table-header-group;
}	
div.form-field input,
div.form-field select {
	display: table-row-group;
	margin-top: 0.15em;
	margin-bottom: 0.6em;
}	
div.form-field input:focus + label,
div.form-field select:focus + label {
	color: #008000;
	}
	

[id^="errorsPleaseCorrect_"],
.form-field-error {
	margin-top: 0.3em;
	color: #CC0000;
	}
[id^="postingError_"],
[id^="errorsPleaseCorrect_"] {
	display: none;
	}
[id^="postingError_"] img {
	float: left;
	height: 2em;
	margin-right: 0.5em;
	}	
[id^="postingErrorMsg_"] {
	font-weight: 700;
	border: 1px solid #777777;
	padding: 0.5em;
	width: 90%;
	}	
[id^="postingErrorMsg_"]  {
	color: #CC0000;
	font-weight: 100;
	}	
.form-field-error {
	font-style: italic;
	font-size: 0.9em;
	margin-bottom: 0.9em;
	}
input[type=text],
input[type=number],
select {
	background-color: white;
	border: 1px solid #cccccc;
	display: inline-block;
	color: #008000; /*#507490;*/
	font-weight: 600;
	height: 1.5em;
	line-height: 1.5em;
	margin: 0;
	padding: 0.5em 0.3em;
	font-size: 1em;
	width: 90%;
	-moz-appearance: textfield;
	}
input[type=text]::placeholder,
input[type=number]::placeholder,
select::placeholder {
	font-weight: 100;
	}
select {
	font-size: 1em;
	padding: 0.1em 0.3em;	
	height: 2.5em;
	}
select option {
	}

input[type=text]:focus,
input[type=number]:focus,
select:focus {
	/*border-color: #46713F;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);*/
	transition: border linear 0.2s, box-shadow linear 0.2s;
	border-color: rgba(82, 200, 82, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,200, 82,.6);*/
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,200,82,.6);
	}
div.error input,
div.error select {
	border-color: #CC0000;
	}
form.form div.error input:focus,
div.error input:focus,
div.error select:focus {
	border-color: rgba(82, 200, 82, 0.8);	
	}

	
.buttons-container.member {
	/*text-align: right;*/
	width: 90%;
	}
button {
	background-color: #18392C;
	color: #D0D8B5;
	border: 1px solid #18392C;
	margin: 1em auto;
	padding: 0.3em 0.5em;
	font-size: 1.1em;
	font-weight: 700;
	}
button:hover {
	color: #FFFFFF;
	background-color: #889B70;
	cursor: pointer;
	}
.formbutton,
#bt-member-form-swirl	{
	display: none;
	}
#bt-member-form-Cancel {
	margin-right: 1em;
	}	
	
	
/**/
#memberWaiver h4 {
	margin-bottom: 0.5em;
	}
#memberWaiver p {
	margin: 0.3em auto;
	}
.pIAgreeToTheWaiver {
	padding-top: 2em;
	}	
#invoiceDataEntry { /*Content*/
	width: 36em;
	}
.prod-line {
	overflow: hidden;
	cursor: pointer;

padding: 0.3em 0;
border: 1px dashed #CCCCCC;

	}
#memberProductLine_headings,
.prod-line.required {
	cursor: auto;
	}

#memberProductLine_headings,
#memberClassLine_headings {
	display: none;
	}
	
.prod-line.thisterm {
	padding: 1em 0.5em 1em 0.2em;
	border: 1px dashed #18392C; 	
}
	
.prod-line:hover {
	background-color: #EEEEEE;
	}
.prod-line.highlighted,
.prod-line.highlighted:hover {
	background-color: #E6FACD; /*#FFFACD;*/
	}
#memberProductLine_headings:hover {
	background-color: inherit;
	}	
		
.prod-column {
	float: left;
	}
.prod-column.blank {
	line-height: 0.1em;
	}
.prod-column.bold,
.inv-total.bold {
	font-weight: 700;
	}
.prod-select {
	width: 2em;
	clear: left;
	}
.prod-year {
	width: 1.6em;
	}
.prod-term {
	width: 5em;
	text-align: center
	}
.prod-item {
	width: 15em;
	color: #1E9033;/*#1E90FF*/
	font-weight: 600;
	}
.prod-item.prod-heading {
	color: #000000;
	}	
.prod-location {
	width: 6em;
	}
.class-location {
	width: 10em;
	}	
.prod-amount,
.inv-total {
	width: 4em;
	text-align: right;
	}
.inv-total {
	background-color: #FFFACD;
	}	
.prod-category {
	font-size: 0.9em;
	font-weight: 700;
	margin: 0 auto 0.3em;
	clear: left;
	padding-top: 1em;
	/*border-top: 1px solid #CCC;*/
	}
.prod-category.classesHeadingOnJoining {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: 1em;
	}

.class-category {
	font-weight: 600;
	font-size: 0.9em;	
	margin: 0.5em auto 1.0em 0;
	font-style: italic;
		clear: left;
	}
.divider-line-clear {
	height: 0.3em;
	width: 98%;
	clear: left;
	}
.divider-line {
	height: 0.3em;
	/*border-bottom: 1px solid #18392C;*/
	/*width: 98%;*/
	clear: left;
	}
.prod-rowspacer {
	clear: left;
	height: 1em;
	}	
.smaller {
	font-size: 0.95em;
	font-weight: 100;
	}
.smaller2 {
	font-size: 0.9em;
	font-weight: 100;
	}	
	
/* invoices*/
.invoiceContainer {
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	border: 1px solid #999999;
	padding: 0.1em 0.1em 0.3em 0.1em;

float: left;
padding-right: 0.3em;
	}
.invoiceContainer.paid {
	background-color: #EFEFEF;
	}
#invoicesOwing {
	width: 40em;
	margin: 1em auto auto auto;
	display: none;
	}
#paymentDetails {
	width: 40em;
	}	
.clearleft {
	clear: left;
	}	
#currentClassesHeading {
	margin-top: 0;
	}	
#currentClasses {
	width: 40em;
	margin: 0 auto auto auto;
	display: none;

	}
.nocurrentclass {
	padding-top: 1em;
	}		
.inv-column {
	float: left;
	line-height: 1.6em
	}	
.inv-column.heading {
	font-weight: 400;
	}
.inv-column.bold {
	font-weight: 700;
	padding-top: .2em;
	padding-bottom: 0.2em;
	}
.giveDetailsHere {
	text-decoration: underline;
	font-size: 0.9rem;
	}	

.inv-column.invBalance {
	color: #CC0000;
	background-color: #FFFACD;
	}
.giveDetailsHere {
	cursor: pointer;
	}	
.inv-column.blank {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 0.1em;
	}
	
.inv-date {
	width: 7.5em;
	clear: left;
	padding-left: 0.5em;
	}
.inv-transaction {
	width: 10em;
	padding-bottom: 0.5em;
	}
.inv-detail {
	width: 16em;
	/*color: #1E90FF;*/
	}
.inv-detail-prod-item {
	color: #1E9033; /*#1E90FF;*/
	padding-bottom: 0.5em;
	font-weight: 600;
	}
.dayTime {
	font-size: 0.8em;
	}	
.inv-amount {
	width: 5em;
	text-align: right;
	}

.iHavePaidThisInvoice {
	clear: left;
	padding-left: 0.5em;
	
	}
#paymentOptionsHeading {
	float: left;
	padding: 1.5em 0 0.2em 0.5em;
	font-weight: 600;
	font-size: 0.9em;
	}
.actionLink {
	font-size: 0.9rem;
	font-weight: 100;
	color: #1E90FF;
	cursor: pointer;
	text-decoration: underline;
	}
.actionLink.payMethodMoreInfo {
	padding-top: 1em;
	padding-left: 1em;
	}
.actionLink.editMemSaysInfo {
	padding-left: 2em;
	}	
[id^="togglePaymentOptionsInfo_"] {
	margin-left: 1em;
	}		
[id^="paymentInfoSection_"] {
	clear: left;
	/*padding-left: 0.5em;*/
	padding: 1em;
	border: 1px solid #333333;
	margin: 0.5em;
	
	background-color: #F3F6F0; /*#E7EBDD;*/ /*papayaWhip;*/
	color: #333333;	
	}
.pleasePayBy {
	padding-top: 1em;
	}
.bankTransferInfo {
	}
.bankTransferRef {
	font-weight: 700;
	color: #CC0000;
	background-color: #FFFACD;
	}
.alreadyPaid {
	}
div.paidDetails {
	padding-bottom: 0.5em;
	}
.paidDetail {
	font-style: italic;
	}
.paidRef {
	}
	
.topayby {
	margin-top: 1em;
	font-style: italic;
	margin-bottom: 0.5em;
	}
.bankinfo {
	padding: 0.25em 0.3em 0.25em 1em;
	}
.bankdetail {
	font-weight: 700;
	}
/*   */	
	
#member-content-container .center {
	text-align: center;
	}
#member-content-container .inline {
	display: inline-block;
	}	
#membershipHeading {
	font-size: 1.4em;
	}	
#memberFormContainer,	
#memberDetails {
	margin: auto;
	width: 40em;
	}
#memberDetailsContent {	
position: relative;
	border: 1px solid #18392C;
	padding: 0 0.4em 1em 0.5em;
	}

.memberDetailSection {
	font-size: 0.85em;
	font-style: italic;
	margin: 1em auto 0.3em auto;
	color: #A15E28; /*#515E28;*/
	
	}
.memberDetailCaption {
	font-size: 0.9em;
	font-style: italic;
	font-weight: 100;
	}	
.memberDetail {
	margin: 0.3em auto;
	font-weight: 700;
	color: #333333;
	}
.memberDetail.indent {
	margin-left: 1em;
	}	
.memberName {
	font-weight: 700;
	}		
.refalert {
	color: #CC0000;
	padding: 0.4em 0.3em 0.25em 1em;
	}

.signUpLink {
	font-size: 0.9rem;
	margin-left: 2em;
	font-weight: 100;
	color: #1E90FF;
	cursor: pointer;
	text-decoration: underline;
	}

.dialogContentContainer,
#dialogContent_PaymentMethods_Container {
	display: none;
	}
.dialogContentContainerDiv {

	}

#dialogContent_ARTX_DataEntry {
	padding: 2em 1em 1em 1em;
	}
.dataEntryHeading {
	font-weight: 600;
	font-size: 1.3em;
	text-align: center;
	}
#dialogContent_ARTX_DataEntry .field-label {
	display: inline-block;
	width: 6em;
	}
#dialogContent_ARTX_DataEntry input,
#dialogContent_ARTX_DataEntry select {
	max-width: 80%;
	display: inline-block;
	}
#dialogContent_ARTX_DataEntry .dataEntryButtonsContainer {
	text-align: center;
	}
#dialogContent_ARTX_DataEntry .formbutton {
	display: inline-block;
	}
#dialogContent_ARTX_DataEntry .formbutton.marginright {
	margin-right: 1em;
	} 
#buttonsContainer_SaveNewInvoice .swirl,	
#dialogContent_ARTX_DataEntry .swirl {
	display: none;
	}	
	
#dialogContent_DeleteMember {
	width: 16em;
	margin: auto;
	}
#bt-deletemember-Cancel,
#bt-deletemember-Confirm {
	display: inline-block;
	}
#bt-deletemember-Cancel {
	margin-right: 1em;
	}
#dialogContent_PaymentMethods {
	padding: 0.5em 1em 1em 1em;
	}	
		
/* popup dialogs */
.invoiceDataEntryPopupHeading {
	margin-top: 2em;
	}
#invoiceDataEntryHeading.newclasses,
.invoiceDataEntryPopupHeading.newclasses {
	color: #23895C;
	}	
.popupContentContainer.ConfirmNewInvoice {
	padding: 1em;
	}
.popupContentContainer.ConfirmNewInvoice .prod-amount {
	padding-bottom: 2em;
	}
.buttons-container {
	text-align: center;
	}	
.popupContentContainer.ConfirmNewInvoice .formbutton {
	display: inline-block;
	}	
.popupContentContainer.ConfirmNewInvoice .formbutton.leftmost {
	margin-right: 1.5em;
	}	
.popupTextDiv {
	padding-top: 1em;
	padding-bottom: 1em;
	}
.youHaveChosenToJoin {
	padding-top: 0.2em;
	}
	
.prod-wrapper {
	padding-top: 1.0em;
clear: left;
	}

#invoicesOwingContent {
	display: none;
	}
#invoicesOwingContent.showing {
	/*display: block;*/
	}

#signUpButtonContainer {
	width: 40em;
	margin: 0 auto;
	text-align: center;	
	
	}
#signUpButton {
	background-color: #FFFFFF;
	color: #23895C;/*#90D845;*/
	border: 1px solid #90D845;
	margin: 1em auto;
	padding: 0.3em 0.5em;
	font-size: 1.1em;
	font-weight: 700;
	box-shadow: 5px 4px #CCCCCC;
	}
	
#signUpButton:hover {
	background-color: #18392C;
	color: #FFFFFF;	
}

/* media queries*/		
		
		
@media only screen and (max-width: 480px) {
	.prod-location,
	.class-location {
		clear: left;
		margin-left: 3em;
		width: 10em;
	}
	.prod-item {
		clear: left;
		margin-left: 3em;
	}
#dialogContent_ConfirmNewInvoice .prod-item {
	width: 13em;
	}
#dialogContent_ConfirmNewInvoice .prod-location {
	width: 9em;
	}	
#dialogContent_ConfirmNewInvoice .prod-item,
#dialogContent_ConfirmNewInvoice .prod-location {
	margin-left: 0;;
	}
#memberFormContainer,
#memberDetails,
#signUpButtonContainer {
		width: 20em;
		}
#invoicesOwing,
#currentClasses,
#paymentDetails {
	width: 20em;
	}		
.inv-detail {
    width: 13em;
    clear: left;
    padding-left: 0.5em;
	}

#invoiceDataEntry { /*Content*/
	width: 18em;
	}

}	
@media only screen and (min-width: 480px) and (max-width: 690px) {
	.prod-location,
	.class-location {
		clear: left;
		margin-left: 3em;
		width: 16em;
	}
	.prod-item {
		clear: left;
		margin-left: 3em;
	}
	#memberFormContainer,
	#memberDetails,
	#signUpButtonContainer {
		width: 23em;
		}

#invoicesOwing,
#currentClasses,
#paymentDetails {
	width: 23em;
	}
.inv-detail {
    width: 16em;
    clear: left;
    padding-left: 1em;
	}
#invoiceDataEntry {/*Content*/
	width: 23.5em;
	}

#dialogContent_ConfirmNewInvoice .prod-item,
#dialogContent_ConfirmNewInvoice .prod-location {
	margin-left: 0;
	}
}	

@media only screen and (min-width: 690px) and (max-width: 1000px) {
#invoicesOwing,
#currentClasses {
	width: 40em; /*23*/
	}
#paymentDetails {
	width: 30em;
	}	
.inv-detail {
    width: 16em;
    /*clear: left;
    padding-left: 1em;*/
	}
}
.artxno {
	color: #666666;
	font-size: 0.7em;	
	}

#admin-dashboard-container {	
	max-width: 120em !important;
	border: solid 1px #999999;
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0.1em 0.1em 0.3em 0.1em;
}
.paymentOptionSelect {
	width: auto;
	margin-right: 2em;
	}
.paymentOptionSelect.highlight {
	color: #CC0000;
	}
.paymentOptionSelect option {
	color: #008000;
	}
	
.paymentMethodInstructions.hidden {
	display: none;
	}
.payNowButtonContainer {
	text-align: center;
	}
button.payNow,
button.payNow_Cancel {
	padding: 0.6em;
	}
button.payNow_Cancel {
	margin-left: 1em;
	}	
#stripePaymentDetails_BalanceOwing {
	float: none;
	display: inline-block;
	}
#stripePaymentDetails_Balance {
	float: none;
	display: inline-block;
	}
.memberEmailNote {
	margin: 0;
	font-size: 0.8em;
	color: #990000;
	}
	
.delete-invoice-link {
	font-size: 0.9em;
	margin-left: 1.2em;
	color: #1E90FF;
	cursor: pointer;
	}
.delete-invoice-link:hover {
	text-decoration: underline;
	}
.delete-invoice-confirm-div {
	display: none;
	margin: 1em 0.5em 0.8em 0.5em;
	padding: 0.6em 0.6em 0 0.6em;
	border-radius: 0.5em;
	border: 1px solid #CC0000;
	background-color: #FFFFCC;
	}
.delete-invoice-heading {
	margin-bottom: 0.5em;
	font-weight: 700;
	}
.delete-invoice-status-message {
	display: none;
	margin: 1em;
	padding: 0.8em;
	background-color: #FFF;
	}	
.delete-invoice-status-message.deleting {
	color: #F28C28;
	border: 1px solid #F28C28;
	}
.delete-invoice-status-message.error {
	color: #CC0000;
	border: 1px solid #CC0000;
	}
.delete-invoice-status-message.success {
	color: #00CC00;
	border: 1px solid #00CC00;
	}
.delete-invoice-status-message.reloading {
	color: #0000CC;
	border: 1px solid #0000CC;
	}
input[type="text"].delete-invoice-confirm-word {
	width: 6em;
	}
.bt-confirmDelete {
	cursor: pointer;
	}
.bt-confirmDelete:disabled {
	cursor: auto;
	background-color: #999;
	opacity: 0.5;
}
.delete-invoice-continue {
	display: none;
	}
.bt-confirmDelete.show {
	display: inline-block;
	}
.delete-invoice-continue.show {
	display: block;
	}
.bt-cancelDelete {
	margin-left: 1em;
	}

/* end*/