﻿/*----- Shared base style rules -----*/

A, BODY, H2, INPUT.AppForm
{
	color: #000000;
}

A:HOVER, H2
{
	color: #345B92;
}

LI, P, TD.AppForm_Label, TD.AppForm_SubHeader, TH, DIV.Fee
{
	font-size: 80%;
}

/*----- HTML tag base rules -----*/

BODY
{
	margin: 0px 10px 20px 10px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;	
}

H1
{
	color: #3C814B;
}

H2
{
	margin: 30px 0px 30px 0px;
	border-bottom: solid 1px #345B92;
	font-size: 120%;
}

IMG
{
	border: none 0px #000000;
}

LI
{
	margin-top: 10px;
}

TABLE
{
	width: 100%;	
}

TD
{
	vertical-align: top;
}

TH
{
	text-align: left;
	vertical-align: top;
}

/*----- AppForm rules -----*/

INPUT.AppForm, INPUT.AppForm_Amount, TEXTAREA.AppForm
{
	border: solid 1px #999999;
	background-color: #FFFFFF;	
}

INPUT.AppForm_Error, INPUT.AppForm_Amount_Error, TEXTAREA.AppForm_Error
{
	border: solid 1px #CC0000;
	background-color: #FFEDEA;
	color: #CC0000;
}

INPUT.AppForm_Focus, INPUT.AppForm_Amount_Focus, TEXTAREA.AppForm_Focus
{
	border: solid 1px #3C814B;
	background-color: #E6F3E4;
	color: #25AA75;
}

INPUT.AppForm, INPUT.AppForm_Error, INPUT.AppForm_Focus
{
	width: 250px;
}

INPUT.AppForm_Amount, INPUT.AppForm_Amount_Error, INPUT.AppForm_Amount_Focus
{
	width: 100px;
}

TEXTAREA.AppForm, TEXTAREA.AppForm_Error, TEXTAREA.AppForm_Focus
{
	width: 400px;
	height: 50px;
}

TD.AppForm_Label
{
	width: 15%;
	padding: 5px 3px 0px 0px;	
	text-align: right;
	white-space: nowrap;
}

TD.AppForm_Input
{
	padding: 5px 0px 0px 0px;
	width: 85%;	
}

TD.AppForm_SubHeader
{
	padding-top: 10px;
    font-weight: bold;
}

/*----- Non-table error rules -----*/

DIV.AppFormErrorMsg, DIV.AppFormErrorMsg_Radio
{
	font-size: smaller;
	color: #CC0000;
}

DIV.AppFormErrorMsg_Radio
{
	display: inline;
	background-color: #FFEDEA;
	padding-left: 3px;
	padding-right: 3px;
}


P.ErrorMessage
{
	border: solid 1px #CC0000;
	background-color: #FFEDEA;
	padding: 5px;
}

/*----- Other rules -----*/

#ExistingMemberTable, #NewMemberTable
{
	display: none;
}

.SmallText
{
	font-size: smaller;
}

.DonationAmountCell
{
	width: 18%;
}

.DonationTargetCell
{
	width: 22%;
}

DIV.ExistingOrNewMember
{
	margin-top: 20px;
}

DIV.Fee
{
	width: 75px;
	text-align: right;	
}