/* extendedDotNet.css are the styles used for .NET forms. This css file allows
*  the .NET developers to apply additional / specific styles required for .NET
*  forms without having to modify the other included .css files in the project.
*  Also, the .NET developers can override styles defined in the other .css files
*  if they define undesirable styles that are applied to the .NET forms when they
*  are rendered.*/

/* ----- Comment Styles Well for Better Reference Later! ----- */

/* ---------------------------------------------------------------------- Form Control Styles ----- */
/* These styles include the look and feel for form controls The number at the end of the style 
specifies the width of the control. This is to maintain consistancy accross different browsers*/

/* -------------------------------------------------------- TabControls ----- */
.divTabButton
{
	margin-top: 15px;
}
.divTabButton a
{
	background-color: #efefef;
	border: 1px solid #cecece;
	color: #999;
	font-weight: bold;
	margin: 2px 2px 0 0;
	padding: 0.2em 1.4em;
}
.divTabButton a:hover
{
	text-decoration: underline;
}
.divTabButton .Selected
{
	background-color: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	color: #0046d5;
}
.divTabBox
{
	background-color: #f9f9f9;
	border: 1px solid #cecece;
	color: #666;
	margin: 2px 0;
	padding: 10px;
}
.divTabBox ul
{
	list-style-type: disc;
}
/* -------------------------------------------------------- TextBoxes ----- */

/*25px wide textbox - 3 charecters*/
.textbox25{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:25px;
}

/*30px wide textbox - 4 charecters*/
.textbox30{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:30px;
}

/*45px wide textbox - 6 charecters*/
.textbox45{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:45px;
}

/*50px wide textbox - 6 charecters*/
.textbox50{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:50px;
}

/*65px wide textbox - 6 charecters*/
.textbox65{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:65px;
}

/*75px wide textbox - 6 charecters*/
.textbox75{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:75px;
}

/*80px wide textbox - 6 charecters*/
.textbox80{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:80px;
}

/*100px wide textbox - 6 charecters*/
.textbox100{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:100px;
}

/*150px wide textbox - 6 charecters*/
.textbox150{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:140px;
}

/*200px wide textbox*/
.textbox200{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:200px;
}

/*240px wide textbox*/
.textbox240{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:240px;	
}

/*400px wide textbox*/
.textbox400{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:400px;
	
}

/*250px wide textbox*/
.textbox250{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:250px;
}

/*600px wide textbox*/
.textbox600{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:600px;
}

/*650px wide textbox*/
.textbox650{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:650px;
}

/* ------------------------------------------------Multi-Line TextBoxes ----- */

/*400px wide, 100px high, multiline textbox*/
.multiTextbox300_100{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:300px;
	height:100px;
}

/*400px wide, 150px high, multiline textbox*/
.multiTextbox400_150{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:400px;
	height:150px;
}

/*400px wide, 100px high, multiline textbox*/
.multiTextbox400_100{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:400px;
	height:100px;
}

.multiTextbox450_50{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:520px;
	height:50px;
}

.multiTextbox850_100
{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:845px;
	height:200px;
}

/* -------------------------------------------------------- DropDowns ----- */
/* Dropdowns render 5px less wide than textboxes, width style is 5px more*/

/*200px wide dropdown*/
.dropdown200{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
	width:205px; 
}
/*auto wide dropdown*/
.dropdownAuto{
	text-align: left;
	border: 1px solid #B2B2B2; 
	padding: 2px;
	font:12px Arial,Helvetica,sans-serif;
	color:#333;
	border-bottom-style:solid;
}

/* -------------------------------------------------------- Buttons ----- */

/*60px wide button*/
.button60
{
	width:60px;
}

.Heading 
{
	background-color: Gray;
	/*background-color: #83559d;*/
	color: #fff;
	padding: 4px;
	font-weight: bold;
	
}

/*Style for validation prompts*/
.validation
{
	font:14px Arial,Helvetica,sans-serif;
	color:Red;
	font-weight:bold;
}

.validationNote
{
	font:18px Arial,Helvetica,sans-serif;
	color:Red;
	font-weight:bold;
}

.oddrow
{
	background-color:#aac9f5;
	padding-bottom:10px;
}

.titleLabel
{
	font-size: 14px;
	font-weight:bold;
}

#FormSectionHeader
{
	color:#ffffff;
	background-color:#7ea756;
	font-weight:bold;
	padding:4px 4px 4px 4px;
}

#NoFormTablePadding tr, #NoFormTablePadding td
{
	padding:0px 0px 0px 0px;
}

#FormTablePadding tr, #FormTablePadding td
{
	padding:1px 10px 1px 10px;
}

#ScalePadding td
{
	padding:0px 18px 0px 18px;
}

#DonationFormSectionHeader
{
	color:#333333;
	background-color:#bbcbec;
	font-weight:bold;
	padding:4px 4px 4px 4px;
}

#DonationFormMemoriamSectionHeader
{
	color:#333333;
	background-color:#bde39e;
	font-weight:bold;
	padding:4px 4px 4px 4px;
}

#chkBrochure td
{
	width:200px;
}

#FormColumn100
{
	width:100px;
}

.MenuLinkButton
{
	font-size:11px;
	color:Black;
	font-family:Verdana;
}

.contentheader td { background-color: #3e82bf; color: White !important; font: 13px; font-weight: bold !important; padding: 10px; }
/* ---------------------------------------------------------------------- Override Styles -------------- */

/* Override structure.css margin-right setting for center2 divs 
Reason: Was causing undesirable spacing between controls 
that appear on the same line [eg. Phone number fields] */
#centre2 input {
	margin-right: 0px;
}

/* Override base.css li setting for bullet lists
Reason: was causing undesirable color for validation summary list items
 
Note: This depends on the ValidationSummary having id="vsSummary"
as a validation summary renders itself inside a div of the same name as its Id*/
#vsSummassry li{
	font:12px Arial,Helvetica,sans-serif;
	color:Red;
	padding-top:5px;
}



/**
 * DataGridX Style Formatting
 */
.dgClass
{
	background-color:Transparent;
	border: 0;
	color: #000000;
	margin: 0;
	padding:0px;
	border-collapse:separate;
}
.dgClass a
{
	background-color: Transparent;
	border: 0;
	color: #888;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.dgClass2
{
	border-top: 1px solid #fff;
	margin: 0;
	padding: 4px;
}
.dgClass2 a
{
/*	color: #6699cc; */
	color: #96241C;
}
.divDataGrid
{
	border: 1px solid #d6d6d6;
	border-top: 0px;
	margin: 0;
	padding: 0;
	overflow: auto;  /* overflow content - auto scroll */
	scrollbar-arrow-color: #666;
	scrollbar-base-color: #ddd;
	scrollbar-face-color: #eee;
	scrollbar-darkshadow-color: #f4f4f4;
	scrollbar-shadow-color: #f4f4f4;
	width: inherit;
}
.divDefaultContent
{
	background-color: #f4f4f4;  /* light grey */
	border: 1px solid #d6d6d6;  /* light grey */
	border-top: 0px;
	font-size: 11px;
	margin: 0;
	padding: 0;
	width: inherit;
}
.dgDefault
{
	border: 0;
	margin: 0;
	padding: 0;
}
.dgHeader
{
	background-image: url('/images/datagrid_header.png');
	border: 1px solid #d6d6d6;
	font-weight: bold;
	padding: 5px;
}
.dgHeader a
{
	color: #37598a;
	font-weight: bold;
}
.dgHeader a:hover
{
	text-decoration: underline;
}
.dgHeader2
{
	background-color: #C4CEDC;
	border: 1px solid #37598a;
	color: #37598a;
	font-weight: bold;
	margin: 4px;
	padding: 4px;
	text-align: left;
}
.dgHeader2 a
{
	font-weight: normal;
}
.dgFooter 
{
	color: #666;
	margin: 2px 0;
}
.dgFooter img
{
	padding: 0 4px 0 0;
}
.dgClassRowOverClick
{
	border: 1px solid #d6d6d6;
/*	background-color: #6699cc; */
	background-color: #96241C;
	color: #fff;
}
.dgClassRowOverClick a, .dgClassRowOverClick a:hover
{
	color: #fff;
}
.dgClassRowOver
{
	border: 1px solid #d6d6d6;
	background-color: #fff;
}
.dgClassRow
{
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}
.dgClassRow td, .dgClassRowOver td, .dgClassRowAlt td, .dgClassRowAltOver td,
.dgClassRowOverClick td, .dgClassRowAltOverClick td,
.dgHeader th
{
	padding: 2px;
}

.dgClassRowAltOverClick
{
	border: 1px solid #d6d6d6;
/*	background-color: #6699cc; */
	background-color: #96241C;
	color: #fff;
}
.dgClassRowAltOverClick a, .dgClassRowAltOverClick a:hover
{
	color: #fff;
}
.dgClassRowAltOver
{
	border: 1px solid #d6d6d6;
	background-color: #fff;
}
.dgClassRowAlt
{
	background-color: #ffffff;
	border: 1px solid #d6d6d6;
}
.dgClassRowNotify, .dgClassRowNotifyOver
{
	background-color: #37598a;
	color: #eee;
}
.dgClassRowNotifyOverClick
{
	background-color: #446fac;
	color: #eee;
}
.dgClassRowNotify a, .dgClassRowNotify a:hover,
.dgClassRowNotifyOver a, .dgClassRowNotifyOver a:hover,
.dgClassRowNotifyOverClick a, .dgClassRowNotifyOverClick a:hover
{
	color: #eee;
}