/*
	Style blocks are grouped by function (Global, Dividers, Black Bordered Lists,
	Problem Solvers, Calendar, News, Advocacy, Donations and TeamRaiser,
	Vertical Scroller, Rollover Popups, Slide Show, Deprecated) and then sorted by identifier. Styles applied
	to specific HTML elements are sorted to the top.
*/

/*
	Syntax hints:
	 .<class_name>				( ex: .appArea )
	 <element>.<class_name>	( ex: div.subIndent )
	 #<id>						( ex: #DirSearchResults )
	 <element>#<id> is NOT supported by NS4
	 #<id> <element>.<class_name> ( ex: #DirProfile-apparea table.lc_Table
													for all tables of class lc_Table that
													are within an element whose ID is
													DirProfile-apparea )
*/
/*
	-- Global --
*/

A:link { color: blue;}

A:hover { color: #f90; }

.fakeLink {
	color: blue;
	text-decoration: underline;
}

/* The following sets the default font styles.

	Explicit was added to fix a problem in NS4 that caused
	the font style to be lost after a checkbox or radio
	button. It is also useful for adding font style with
	a <span> element which won't do block rendering (and thus
	vertical whitespace).
*/

P, LI, OL, UL, TABLE, TR, TH, TD, .Explicit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

BODY {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #fff;
	margin: 0px;
}

/*
	All classes inherit the default style stated above.
	At least they should. Some browsers don't work that
	way. Some classes set the same style as others, this
	is done to allow variation in the future.
*/

/* Display form fields in smaller monospace to fix Netscape width problem */

TEXTAREA, INPUT, SELECT, OPTION {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 9pt;
}

/* The application area margin and width. */

.appArea {
	width: 650px;
	margin-left: 10px;
	margin-top: 10px;
}

.appAreaNowidth {
	margin-left: 10px;
	margin-top: 10px;
}

/* indent a block that isn't a block quote */
div.subIndent {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
}

/* provide a small amount of margin within some container */
/* The 99% width fixes some oddities in some browsers when */
/* the DIV contains a table and is itself within a DIV which */
/* has a colored background and contains other tables. */
div.smallMargin {
	margin: 4px;
	width: 99%;
}

/* Sets the font style for all error messages */

.ErrorMessage {
	font-size: 10pt;
	color: red;
}

/* when the user needs a little immediate help */
.Hint {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: italic;
}

/*
	These are for the older style of lists without
	borders. These are used for simple selection
	lists and where the list does not contain
	editable objects.
*/

.ListHeadings {
	font-weight: bold;
}

.ListItem {
	font-size: 8pt;
}

/* smaller font for notes and such */
.NoteText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

/*
	This is a general page title. It is also used
	wherever multiple pages edit the same object.
	Mind you, that doesn't happen a lot on the
	user side.
*/
.ObjTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 0px 6px;
	padding: 0px;
}

/* Related Links */
.RLBack {
	background-color: #ccf;
}

table.RLBack {
	background-color: #ccf;
	border: solid 2px black;
	padding-left: 4px;
}

/* Read-only/view values */
.ROValue {
	background-color: #e7e7e7;
}

/* Replace FontMinus2 with a more descriptive name. */
.Smaller {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.SmallerC {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-align: center;
}

/* Sets the font style for all success messages*/

.SuccessMessage {
	font-size: 10pt;
	color: green;
}

/* Sets the font style for all warning messages*/

.WarningMessage {
	font-size: 10pt;
	font-weight: bold;
}

/*
	These are for section dividers. dividerHeading is meant
	for use inside a <div class="appArea"></div>. The
	transparent image forces NS4 to render the background
	where it would otherwise not.
*/

p.dividerHeading {
	background-color: #ccc;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 0px;
	padding: 1px 0px;
	width: 100%;
}

.Divider {
	background-color: #ccc;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 1px;
	padding-bottom: 1px;
}

.SectionHead {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 2px;
	padding-left: 0px;
}

/*
	List Control
*/

table.lc_Table {
	width: 100%;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
}

/* column headers */
th.lc_Heading {
	background-color: #666;
	color: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	padding: 2px 3px;
}

/* sort buttons */
th.lc_HeadingSort {
	border-bottom: 1px solid #ccc;
	background-color: #666;
	text-align: right;
	white-space: nowrap;
}

/* line items */

tr.lc_Row0 {
	background-color: #eee;
}

tr.lc_Row1 {
	background-color: #f6f6f6;
}

/* each cell */
td.lc_Cell {
	border-left: 1px solid #ccc;
	padding: 2px;
}

/* links as rendered in list_component_href.tpt */
a.lc_Link {
}

/* Totals and Divider are not really used in the list component.
	They are used in other tables that also use the list component styles.
*/
.lc_Totals {
	background-color: white;
	border-bottom: 1px solid #ccc;
}

td.lc_Totals {
	background-color: white;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

td.lc_TotalsVal {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

td.lc_Divider {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: white;
}

.lc_PaginatorRow {
	vertical-align: bottom;
}

.lc_PaginatorCell {
	white-space: nowrap;
}

/*
	In order to get the vertical black lines it is
	necessary to spcify tables with no padding or
	spacing. Whitespace must be added in the styles
	so the text may be read.
*/

p.PaddedEntry {
	margin: 2px 3px;
	font-size: 10pt;
}

/* bold */
p.PaddedEntryB {
	margin: 2px 0px 2px 6px;
	font-size: 10pt;
	font-weight: bold;
}

/* centered */
p.PaddedEntryC {
	margin: 2px 3px;
	font-size: 10pt;
	text-align: center;
}

/* right aligned */
p.PaddedEntryR {
	margin: 2px 0px 2px 6px;
	font-size: 10pt;
	text-align: right;
}

/* heading styles used with TableHeadings below */
p.PaddedListHeadings {
	margin: 2px 3px;
	font-weight: bold;
	color: white;
}

/* centerd heading */
p.PaddedListHeadingsC {
	margin: 2px 3px;
	font-weight: bold;
	text-align: center;
	color: white;
}

/* right justified heading */
p.PaddedListHeadingsR {
	margin: 2px 3px;
	font-weight: bold;
	text-align: right;
	color: white;
}

p.PaddedListHeadingsR a {
	color: #ccccff;
}
/* The "Small" ones are for Contact DB Configuration. */

p.PaddedListHeadingsSmall {
	margin: 2px 3px;
	font-weight: bold;
	font-size: 8pt;
}

p.PaddedEntrySmall {
	margin: 2px 3px;
	font-size: 8pt;
}

p.PaddedEntrySmallC {
	margin: 2px 3px;
	font-size: 8pt;
	text-align: center;
}

/*
	Zero margin to put in the table
	cells that generate the vertical black lines.
*/
p.spacer {
	margin: 0px;
}

/*
	Sets a transparent background that
	allows WrapperBack below to show
	through. This overrides the background
	color setting at the top of this file.
*/
table.Backed {
	background-color: transparent;
}

/* background for the headings */

td.TableHeadings {
	background-color: #666;
}

th.TableHeadings {
	background-color: #666;
}

/*
	Right alignment style orignally created
	for the sort buttons.
*/

td.TableHeadingsR {
	background-color: #666;
	text-align: right;
}

/*
	These set the border and line color
	by setting the background of a parent
	table or table cell.
*/
td.WrapperBack {
	background-color: Black;
}

table.WrapperBack {
	background-color: Black;
}

/* these alternate the row background color */

.ListItem0 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #eef;
	font-size: 8pt;
}

.ListItem1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffe;
	font-size: 8pt;
}

/*
	Sets the font style for all Buttons. This is used
	to overrride the setting for <input> above.
*/

.Button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}


.SmallButton{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 9pt;
}

/*
	This fixes NS4's tendency to force inline styles
	on following elements in the document.
*/
p.centered {
	text-align: center;
}

p.righted {
	text-align: right;
}

/*
	Use this on a table cell or <span> element around
	a <textarea> element so it will inherit the right
	font. NS4 has a problem (or six) with CSS
	inheritance.
*/

.NetscapeFix {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 9pt;
}

/* accessability tags */
/* remove the border from <fieldset> */
FIELDSET {
	border: none;
	margin: 0px;
	padding: 0px;
}

FIELDSET.withBox {
	border: 1px solid #fecb98;
	display: block;
	padding: 0px 4px 4px 4px;
}

FIELDSET.noBox {
	border: none;
	display: block;
	padding: 0px 4px 4px 4px;
}

LEGEND {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-right: 4px;
}

/* fix a Gecko spacing problem */
LABEL {
	white-space: pre;
}

LABEL.wrapable {
	white-space: normal;
}

OPTION.prompt {
	background-color: gray;
	color: white;
}

TABLE.DefaultWrapper .FormBox,
TABLE.DefaultWrapper {
	background-color: #cce2e6;
	border-width: 0px;
}

/*
	-- Calendar --
*/

/* these are for the mini-calendar on Calendar_userdetail.tpt */
td.minicalcell {
	background-color: #ccf;
}

td.minicaltitle {
	background-color: #ffc;
}

p.minicaltitle {
	color: #339;
	font-weight: bold;
}

/*Sets the font style for all Calendar list headers ( example: days of the week)*/

.CalHeaderText {
	color: white;
	font-weight: bold;
}

/* margin for the calendar list view */
.callist {
	margin-left: 10px;
}

.datelink {
	font-weight: bold;
	text-decoration: none;
}

.eventtitle {
	font-size: 12pt;
	font-weight: bold;
}

.locationtitle {
	font-weight: bold;
}

/*
	-- News --
*/

hr.storySeparator {
	width: 100%;
}

.byline {
	font-style: italic;
}

.headline {
	font-weight: bold;
	font-size: 14pt;
	color: #336;
	text-decoration: none;
}

.headlinelist {
	font-weight: bold;
	font-size: 10pt;
	color: #336;
	text-decoration: none;
}

.photocaption {
	font-size: 8pt;
	font-style: italic;
}

p.photocaption {
	margin-top: 2px;
	padding-top: 2px;
}

.subheading {
	font-weight: bold;
	color: #336;
}

.teaser {
	font-size: 10pt;
}

table.searchBox {
	background-color: #fefeed;
}

div.searchBox {
	background-color: #fefeed;
	border: 1px solid Black;
	padding: 2px;
	margin: 3px;
}

/* the preview area for user news */
.previewBox {
	border: 1px solid black;
	margin: 4px;
	padding: 4px;
	width: 600px;
}

/*
	-- Advocacy --
*/

/* Sets the background color of the component. */
table.advocacytable {
	background-color: #fff;
}

/* Controls the look of the demo message. */
.messageArea {
	border: medium outset #ccc;
	padding: 4px 4px 1px 4px;
	margin: 4px 4px 1px 4px;
	background-color: #ccc;
}

/* 8631: Controls the look of instructional text on the message page */
.AdvocacyInstructions {
	background-color: #99c;
	background-image: URL(../images/sp.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	padding: 4px;
}

input.Advocacy {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 8pt;
}

select.Advocacy {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 8pt;
}

.AdvocacyNSFix {
	font-family: "Lucida Console", Courier, monospace;
	font-size: 8pt;
}

/*
	-- Donations and Friendraiser --
		new for Molokini
	Bug #10837: removed 0px left & right margin because it made
					NS4.7 stretch the content insanely wide to the
					point of excluding the right half of it completely.
*/
.Instructions {
	background-color: #99c;
	background-image: URL(../images/sp.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding: 4px 4px 1px 4px;
	margin-bottom: 0px;
	margin-top: 0px;
}

td.Instructions {
	border: #000 1px solid;
}

.ProgressBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: #ff9;
	color: #999;
}

.ProgressBoxCurrent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	background-color: #ff9;
	color: #000;
}

table.ProgressBox {
	padding-right: 4px;
	padding-left: 4px;
	border: #000 1px solid;
}

a.ProgressBox:link {
	font-size: 8pt;
	color: #999;
	text-decoration:none;
}
a.ProgressBox:visited {
	font-size: 8pt;
	color: #999;
	text-decoration:none;
}
a.ProgressBox:hover {
	font-size: 8pt;
	color: #000;
	font-weight: bold;
	text-decoration:none;
}

/*
	During the making of a donation
	Donation_UD_Progress_Bar.tpt
*/

table.ProgressBack {
	background-color: #ccc;
	padding: 4px;
	border: outset 4px;
}

/* centered */
p.progressItem {
	margin: 2px 3px;
	font-size: 10pt;
	text-align: center;
}

td.currentItem {
	background-color: #ffc;
}

td.finishedItem {
	background-color: #999;
	background-image: URL(../images/progress.gif);
}

td.nextItem {
	background-color: #fff;
	background-image: URL(../images/nextprogress.gif);
}

.Premiums {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

table.Premiums {
	background-color: #fff;
	padding-right: 6px;
	padding-left: 6px;
	border: #000 1px solid;
}

a.Premiums {
	font-size: 8pt;
}

.Upgrades {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

table.Upgrades {
	background-color: #fe9;
	padding-right: 6px;
	padding-left: 6px;
	border: #000 1px solid;
}

a.Upgrades {
	font-size: 8pt;
}

.UpgradeAmount {
	color: #90c;
	font-size: 10pt;
	font-weight: bold;
	font-style: italic;
}

/*
	The background-image entry forces NS4
	to render the background color when
	it doesn't want to.
*/
.FormBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #ccf;
	background-image: URL(../images/sp.gif);
}

div.FormBox {
	border: #669 1px solid;
	background-color: #ccf;
	background-image: URL(../images/sp.gif);
	padding: 0px;
	width: 600px
}

div.FormBoxNoWidth {
	border: #669 1px solid;
	background-color: #ccf;
	background-image: URL(../images/sp.gif);
	padding: 0px;
}

table.FormBox {
	border: #669 1px solid;
	border-collapse: collapse;
}

.FormBox .Divider {
	background-color: #ccf;
}

.FormBoxNoWidth .Divider {
	background-color: #ccf;
}

.FormBox .dividerHeading {
	background-color: #ccf;
}

.FormBoxNoWidth .dividerHeading {
	background-color: #ccf;
}

/* TeamRaiser and Donations buttons	*/

input.FriendRaiserButtons,
input.AddressBookButtons {
	font-size: 11px;
	font-family: Arial, sans-serif;
	color: #000000;
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee;
	border: 1px outset #cccccc;
	padding: 1px;
	margin: 1px;
	width: auto;
	white-space: nowrap;
}

input.FollowUpButtons {
	width: 172px;
}


/* End of new stuff for donations and friendraiser */

/*
	-- Vertical Scroller --
*/

p.scrollingText {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.controlArea {
	background-color: #ccc;
	margin-top: 0px;
	padding: 3px 2px 4px 3px;
	text-align: center;
}

.addBorder {
	background-color: #ccc;
	border: 2px outset;
}

.scrollingBack {
	background-color: #fff;
	margin: 0px;
	text-align: left;
	overflow: hidden;
	width: 146px;
}

table.NSscrollArea {
	background-color: #ccc;
}

td.NSscrollingBack {
	background-color: #fff;
}

.scrollingAreaBox {
	width: 146px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	overflow: hidden;
	visibility: visible;
}
.scrollingArea {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	height: 60px;
	width: 140px;
	visibility: hidden;
}

/*
 For customized pages
*/

p.cstmText {
	font-size: small;
}
p.cstmTitle {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
}

p.cstmHeading, span.cstmHeading {
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
}

.cstmBack {
	background-color: #ccf;
	background-image: URL(../images/sp.gif);
}

.cstmFrame {
	background-color: #ccc;
	color: #000;
	text-align: center;
	font-style: italic;
	margin: 2px;
}

td.cstmBtnBack {
	padding-right: 2px;
	padding-left: 2px;
	background-color: #ccc;
	border: 2px outset;
}

p.cstmBtnText {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	text-decoration: none;
}
a.cstmBtnText:link {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.cstmBtnText:visited {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}
a.cstmBtnText:hover {
	font-family: Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	color: #f90;
	text-decoration: none;
}

div.cstmStatusRight {
	float: right;
	margin-left: 3em;
}

/*
	-- Slide Show --
*/

.slideShow {
	height: 200px;
	overflow: hidden;
	padding: 0px;
	text-align: center;
	width: 250px;
}

.slideControl {
	margin-bottom: 4px;
	margin-top: 4px;
	text-align: center;
}

.slideBack {
	background-color: #ccc;
	border: 2px outset #ccc;
}

.surveyInstruction {
	font-weight: normal;
}

TABLE.ProgressBar {
}


.ProgressBarOther,
.ProgressBarCurrent {
	font-size: 75%;
}
.ProgressBarCurrent,
TD.TestCurrentStepColor {
	font-weight: bold;
	color: #000;
}
.ProgressBarCurrentBack {
	background-color: #000;
}
.ProgressBarCurrentLeader {
	border-top: 1px solid #000;
	height: 17px;
	overflow: hidden;
}

.ProgressBarOther,
TD.TestOtherStepColor {
	font-weight: normal;
	color: #bbb;
}
.ProgressBarOtherBack {
	background-color: #bbb;
}
.ProgressBarOtherLeader {
	border-top: 1px solid #bbb;
	height: 17px;
	overflow: hidden;
}

TD.TestHighlightColor {
	background-color: #999;
}

a.textNav:link {
	font-size: 10pt;
	color: blue;
	text-decoration:none;
}
a.textNav:visited {
	font-size: 10pt;
	color: red;
	text-decoration:none;
}
a.textNav:hover {
	font-size: 10pt;
	color: #f90;
	text-decoration:none;
}

/* For the address book integration with TellAFriend_Form.tpt */
p.AddressBook {
	margin: 5px 0px;
}

p.AddressBookC {
	text-align: center;
	margin: 5px 0px;
}

p.AddressBookStep {
	font-weight: bold;
	margin: 5px 0px;
}

p.AddressBookTitle {
	text-align: center;
	font-weight: bold;
	margin: 2px 0px 0px 0px;
}

div.AddressBook {
	background-image: URL(../images/sp.gif);
	padding: 0px 3px 0px 3px;
	border: 1px solid #000;
	background-color: #ff9;
}

div.AddressBook select {
	width: 90%;
}

/*
	The background-image entry forces NS4
	to render the background color when
	it doesn't want to.
*/
.WhatNext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background-color: #ff9;
	background-image: URL(../images/sp.gif);
}

div.WhatNext {
	border: #333 1px solid;
	background-color: #ff9;
	background-image: URL(../images/sp.gif);
	padding: 0px 4px;
}

table.WhatNext {
	border: #333 1px solid;
}


.findrepComponent {
	background-color: #eee;
	background-image: URL(../images/sp.gif);
	border: #333 1px solid;
}

.findrepResults {
	background-color: #fee;
	background-image: URL(../images/sp.gif);
	border-top: #333 1px solid;
}

.findrepRightSide {
	background-color: #eef;
	background-image: URL(../images/sp.gif);
	border-top: #333 1px solid;
	border-left: #333 1px solid;
}

a.NewsHeadlineList {
	font-weight: bold;
}

.AnchorBar {
	background-color: #eef;
	border: solid 1px #669;
	vertical-align: bottom;
	text-align: left;
}

.FormBox .AnchorBar {
	border-width: 0px 0px 1px 0px;
}

/* For making anchor links look like tabs.
	The colors are coordinated with FormBox. */
.AnchorTab {
	text-align: left;
	margin: 2px 2px 0px 2px;
}

td.AnchorTab {
	border: solid 1px #ddf;
}

a.AnchorTab:link {
	font-weight: bold;
	color: #33f;
}

a.AnchorTab:visited {
	font-weight: bold;
	color: #33f;
}

a.AnchorTab:hover {
	color: #f90;
}

.FormInsetBox {
	background-color: #eef;
	border: 1px solid #ccf;
	padding: 0px 5px 0px 10px;
	margin-top: 10px;
}

div.FormInsetBox p {
	margin: 2px 3px;
	padding: 2px 0px;
}

/* -- eCards -- */

.eCards {
	margin: 8px;
	background-color: #fff;
}

/* Gift Aid */
p.GiftAidBox {
	background-color: white;
	border: solid thin black;
	padding: 10px 20px;
}

table.GiftAidBox td {
	padding-bottom: 10px;
}


/* Styles for alert lists */
A.AlertList:link {
}
A.AlertList:visited {
}
A.AlertList:hover {
}

UL.AlertList {
}

OL.AlertList {
}

LI.AlertList {
}

TD.AlertListName {
	font-weight: bold;
}

TD.AlertListDescription {
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

TD.AlertListActionDate {
	font-size: smaller;
}

TD.AlertListResponseCount {
	font-size: smaller;
}

/*
 These styles are in here rather than PremiumStyle.css
 because they are used when the cart is rendered in Donations.
*/

.CartItemName {
	font-weight: bold;
}


table.CartItemConfig {
	width: 100%;
}

.CartItemConfigLabel {
	font-weight: bold;
	font-size: 80%;
}
.CartItemConfigValue {
	font-size: 80%;
}
span.ShoppingPrice {
	font-weight: bold;
}

span.ShoppingStandardPrice {
	text-decoration: line-through;
	color: #999999;
}

span.ShoppingDiscountedPrice {
	font-weight: bold;
}

.ShoppingCartContents {
	clear: left;
}
table.ShoppingCart {
	border-color: #466172;
}

.ShoppingCartHeadings {
	background-color: #d8e0eb;
	padding: 4px;
}
.ShoppingCartRow0 {
	background-color: #edefe4;
	padding: 4px;
}
.ShoppingCartRow1 {
	background-color: #d0d3c8;
	padding: 4px;
}

.DonLevelDeleteThisRow {
	display: none;
}

/*
  These are styles copied from FormComponentsBehavior.css so that the
  Transaction Summary renders correctly in autoresponders.
 */
.FormSectionHeader {
	font-weight: bold;
	background-color: #ccc;
	color: #333;
}
TD.FormSectionHeader {
	width: 100%;
	border-bottom: 1px solid #ccc;
}