/*	-----------------------------------------------------------------------	*/

/*	METAVANTE HOUSE STYLE SHEET                       	   		       		*/

/*	-----------------------------------------------------------------------	*/

/*	Copyright 2000, 2001, 2002.  Metavante Corporation.						*/

/*																			*/

/*	The color settings in this file represent the Metavante "house style." 	*/

/*	This is a working copy of the house style, currently being changed 		*/

/*	to accommodate the Next Gen CSP product. The "New not-yet permanent 	*/

/*	styles for CSP work" are appended to the end of this file.				*/

/*																			*/

/*	-----------------------------------------------------------------------	*/





/*	-----------------------------------------------------------------------	*/

/*  Base Tags                                                               */

/*	-----------------------------------------------------------------------	*/

a:active

{

	/* A color specification here has no effect in Netscape 4.7. */

}

a:hover

{

	/* Any special specification here has no effect in Netscape 4.7. */

}

a:link

{

	/* Sets the color for the Primary Text Links (Unvisited). */

	color: #000000;

}

a:visited

{

	/* Sets the color for the Primary Text Links (Visited). */

	color: #999900;

}

body

{

	/* Sets the color for the Page Background. */

	background-color:  #FFFFFF;

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 0px;

	margin-left: 0px;

	margin-right: 0px;

}

dl

{

	font-family: Arial, Helvetica, sans-serif;

}

li

{

	font-family: Arial, Helvetica, sans-serif;

}

p

{

	/* Sets the color for the Primary Text. */

	color: #000000;

	font-family: Arial, Helvetica, sans-serif;

}

th

{}

ul

{

	font-family: Arial, Helvetica, sans-serif;

	margin-top: 5px;

}





/*	-----------------------------------------------------------------------	*/

/*  Classes                                                                 */

/*	-----------------------------------------------------------------------	*/

/*	Classes appear in alphabetical order.  However, classes that have been	*/

/*	deprecated are in a separate section at the end of this file.			*/

/*	-----------------------------------------------------------------------	*/



.accent

{

	/* Sets the color for Accented Text. */

	color: #999900;

}

.actionbuttonsmall

{

	/* Defines properties for HTML buttons. Used exclusively on the Cash Express Model 3 Main Menu page. */

	border-bottom: thin solid #006600;

	border-right: thin solid #006600;

	border-top: thin solid #CCCCCC;

	border-left: thin solid #CCCCCC;

	font-size: 11px;

	font-family: MS Sans Serif, Arial, Helvetica, sans-serif;

	font-weight: bold;

	background-color: #666699;

	color: #FFFFFF;

	line-height: .85;

	padding-top: 0px;

	text-transform: capitalize;

	cursor: hand;

	width: 100px;

	height: 25px;

}

.activitytab

{

	/* Defines properties for HTML tabs. Used exclusively on the Cash Express Model 3 Main Menu page. Apply to the DIV	that surrounds a tab's image-button control. */

	background-color: #666699;

	padding: 2px;

	width: 100px;

}

.bannerlink

{

	/* Sets the color for Banner Links (Part 1). */

	color: #FFFFFF;

}

.bannerlinks

{

	/* Sets the color for Banner Links (Part 2). */

	color: #FFFFFF;

}

.bannerlogo

{

	margin-top: 15px;

	margin-bottom : 15px;

}	

.bannertable

{

	/* Sets the color for the Banner Background. */

	background-color: #7B7BAD;

}

.brandinggraphics

{

	/* Defines a DIV that wraps branding graphics located on the right side of a Home page. Currently no properties set by default. */

}

.breadcrumbs

{

	/* Sets the color for the Breadcrumb Line. */

	color: #999900;

	margin-left: 2px;

	margin-top: 2px;

}

.breadcrumbtable

{}

.categorylinkheading

{}

.categorylinklist

{

	margin-left:  32px;

}

.checklisttaskoptions

{

	/* Sets properties on a SPAN. Used exclusively in Cash Express Model 4 checklist pages. */

	padding-left: 25px; 

}

.cleanlink

{

	text-decoration: none;

}

.defaulttextfamily

{

	font-family: Arial, Helvetica, sans-serif;

}

.distinguishingcolor

{

	/* Sets the color for the Title Text within complex data tables. */

	color: #333399;

}

.errortext

{

	/* Sets the color for the Error Text. */

	color: #FF3333;

	margin-top: 15px;

	margin-bottom: 0px;

}

.errortexttop

{

	/* Sets the color for the Error Text (Special Case). */

	color: #FF3333;

}

.errortexttopunderheading

{

	/* Formats a top-of-the-page error message that has to sit under a page subheading. */				

	color: #FF3333;

	margin-top: 5px

}

.flush

{

	/* Used as needed for special cases. */

	margin-top: 0px;

}

.footerclientlink

{

	margin-top: 0px;

}

.footerlink

{}

.footerlogo

{

	margin-top: 25px;

}

.footerlogoflush

{

	margin-top: 2px;

}

.footerrule

{

	/* Sets the color for the Footer Rule. A color specification here has no effect in Netscape 4.7. */

	color: #999900;

	margin-top: 25px;

}

.footerruleflush

{

	/* Sets the color for the Footer Rule (Special Case). A color specification here has no effect in Netscape 4.7. */

	color: #999900;

	margin-top: 5px;

}

.formchoicedescription

{

	margin-top: 5px;

	margin-bottom: 10px;

}

.formrule

{

	/* Sets the color for Section Rules. A color specification here has no effect in Netscape 4.7. */

	color: #D9D9EB;

}

.headinglevel1

{

	/* Sets the color for Page Titles. */

	color: #333399;

	font-weight: bold;

	margin-bottom: 15px;

	margin-left: 5px;

}

.headinglevel1flushleft

{

	/* Sets the color for Page Titles (Special Case). */

	color: #333399;

	font-weight: bold;

	margin-bottom: 15px;



}

.headinglevel2

{

	/* Sets the color for Text Headings. */

	color: #333399;

	margin-top: 15px;

	margin-bottom: 2px;

	font-weight: bold;

}

.headinglevel2flush

{

	/* Sets the color for Text Headings (Special Case). */

	color: #333399;

	margin-top: 0px;

	margin-bottom: 2px;

	font-weight: bold;

}

.headinglevel3

{

	/* Sets the color for Secondary Text Headings. */

	color: #6666CC;

	margin-top: 10px;

	margin-bottom: 2px;

}

.headinglevel3flush

{

	/* Sets the color for Secondary Text Headings (Special Case). */

	color: #6666CC;

	margin-top: 0px;

	margin-bottom: 2px;

}

.importedreport

{

	/* Defines the properties for a DIV that surrounds an imported, third-party report. Currently used exclusively by Cash Express.	*/

	background-color: #FFFFFF;

	padding-top: 20px;

	padding-bottom: 20px;

	padding-left: 20px;

	padding-right: 20px;

	border : thin solid #D9D9EB;

}

.importedreportprompt

{

	/* Defines the properties for a DIV that surrounds an imported, third-party report prompt. Currently used exclusively by Cash Express. */

	background-color: #FFFFFF;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 20px;

	padding-right: 20px;

	border : thin solid #D9D9EB;

}

.indentedparagraph

{

	margin-left: 20px;

}

.indentedparagraphunderheading

{

	margin-left: 20px;

	margin-top: 5px;

}

.inquirydataseparatorrow

{

	/* Applies to a table cell to add spacing between rows without the use of a graphic. */

	height: 10px;

}

.linkseparator

{

	/* Sets the color for Between-Link Markers. */

	color: #9999FF;

}

.longlistitem

{

	margin-top: 5px;

	margin-bottom: 5px;

}

.longlistitemflush

{

	/* Used to provide optimal spacing for the first list item on a simple category page. */		

	margin-top: 0px;

	margin-bottom: 5px;

}

.mainmenubox

{

	/* Defines properties for the "boxes" on the Cash Express Model 3 Main Menu page. Apply to the DIV that defines the box. */

	border: thin solid #666699;

	height: 250px;

	padding: 5px;

}

.narrowcontent

{

	/* A candidate to be deprecated. Use the newer contentcellnarrow. */

	text-align: center;

}

.narrowcontentblock

{

	/* Defines a DIV that constrains the width of its contents. This is a sibling tag of variablecontentblock. Can be used instead of the older runningtext. */

	width: 400px;

	margin-bottom: 10px;

	text-align: left;

}

.overlist

{

	margin-bottom: 5px;

}



/*  Print-Friendly Elements ----------------------------------------------- */

.printfriendlypage

{

	/* Sets the color for Page Background (On Print-Friendly Pages). */

	background-color: #FFFFFF;

	margin-top: 15px;

	margin-left: 5px;

}

.printfriendlypage .distinguishingcolor

{

	/* Sets the color for Title Text in complext data tables (On Print-Friendly Pages). */

	color: #333399;

}

.printfriendlypage p

{

	/* Sets the color for Primary Text (On Print-Friendly Pages). */

	color: #000000;

}

/*  End of Print-Friendly Elements ---------------------------------------- */



/*  Outside-Page Elements ------------------------------------------------- */

.reversebackground

{

	/* Sets the color for the Page Background (On Outside Pages). */

	background-color: #7B7BAD;

}

.reversebackground p

{

	/* Sets the color for Primary Text (On Outside Pages). */

	color: #FFFFFF;

}

.reversebackground ul

{

	/* For Netscape 4.7, the color here needs to be set the same as the Primary Text (on outside pages). */

	color: #FFFFFF;

}

.reversebackground a:active

{

	/* A color specification here has no effect in Netscape 4.7. */

}

.reversebackground a:hover

{

	/* A color specification here has no effect in Netscape 4.7. */

}

.reversebackground a:link

{

	/* Sets the color for Primary Text Links (Unvisited, On Outside Pages). */

	color: #FFFFFF;

}

.reversebackground a:visited

{

	/* Sets the color for Primary Text Links (Visited, On Outside Pages). */

	color: #CCCC00;

}

.reversebackground .defaulttextfamily

{

	/* Sets the color for ad hoc spans (On Outside Pages). */

	color: #FFFFFF;

}

.reversebackground .errortext

{

	/* Sets the color for Error Text (On Outside Pages). */

	color: #990000;

}

.reversebackground .errortexttop

{

	/* Sets the color for Error Text (Special Case, On Outside Pages). */

	color: #990000;

}

.reversebackground .footerrule

{

	/* Sets the color for the Footer Rule (On Outside Pages). A color specification here has no effect in Netscape 4.7. */

	color: #CCCC00;

}

.reversebackground .formrule

{

	/* Sets the color for Section Rules (On Outside Pages). A color specification here has no effect in Netscape 4.7. */

	color: #FFFFFF;

}

.reversebackground .headinglevel2

{

	/* Sets the color for Text Headings (On Outside Pages). */

	color: #FFFFFF;

}

.reversebackground .headinglevel3

{

	/* Sets the color for Secondary Text Headings (On Outside Pages). */

	color: #CCCC00;

}

.reversebackground .linkseparator

{

	/* Sets the color for Between-Link Markers (On Outside Pages). */

	color: #FFFFFF;

}

/*  End of Outside-Page Elements ------------------------------------------ */



.runningtext

{

	/* Like narrowconentblock, this tag is applied to a DIV to constrain the width of the content. Usually applied to constrain an individual paragraph within a larger variablecontentblock. */

	width: 400px;

	text-align: left;

}

.runningtextnarrow

{

	/* Applied to a DIV to constrain the width of content. Used on category pages. This tag is a candidate to be deprecated in favor of the new narrowcontentblock2. */

	width: 275px;

	text-align: left;

}

.secondarynavlist

{

	margin-left:  20px;

}

.secondarynavlistitem

{

	margin-top: 5px;

	margin-bottom: 5px;

}

.sortdatalink:link

{

	/* Used on A links that sort columns of tabular data. The color of visited has been set to match the non-visited color so repeat users will not see different link colors for previous data sorts. */

	color: #000000;

	font-weight: bold;

}

.sortdatalink:visited

{

	/* Used on A links that sort columns of tabular data. */

	color: #000000;

	font-weight: bold;

}

.stackedamount

{

	/* Can be applied to data-entry fields that appear in multi-row entry tables. Used in amount fields so that entered amounts decimal-align, vertically. */

	text-align: right;

}

.tabrow

{

	/* Sets the color for the Navigation Bar Background. */

	background-color: #666699;

	/* Sets the repeating image for the Navigation Bar Background. */

	background-image: url(Graphics/tab_bkgd.jpg);

	background-repeat: repeat-x;

}

.tabrowspacer

{

	/* Needs to have the color set the same as the Page Background. */

	background-color: #FFFFFF;

}



/*  Data-Table Elements --------------------------------------------------- */

.tabulardata

{

	/* Sets the color for the Table Background (In Data Tables). */

	background-color: #F6F6EF;

}

.tabulardatafieldlabel

{

	margin-left: 10px;

}

.tabulardataheadingrow

{

	/* Sets the color for the Heading Row Background (In Data Tables). */

	background-color: #E6EAF2;

}

.tabulardatahighlighteddata

{

	/* Sets the color of select, highlighted table-data or data labels. */

	color: #333399;

	font-weight: bold;

}

.tabulardatahighlightedrow

{

	/* Sets the color for the Highlighted Row Background (In Data Tables). */

	background-color: #E6EAF2;

}

.tabulardataindentitem; 

{

	padding-left: 15px;

}

.tabulardatasectionheading

{

	/* Sets the color for the Title Text (In select Summary Data Tables). */

	color: #333399;

	font-weight: bold;

}

.tabulardatasectionheadingpart1

{

	/* Sets the color for the Title Text (In select Summary Data Tables). */

	color: #333399;

	margin-bottom: 2px;

	font-weight: bold;

}

.tabulardatasectionheadingpart2

{

	margin-top: 0px;

	font-style: italic;

}

.tabulardataseparatorrow

{

	/* Sets the color for the Separator Row Background (In Summary Data Tables). */

	background-color: #FFFFFF;

}

.tabulardatasortedcolumn

{

	/* Sets the background color of the column-header cell that is the current primary sort column.	*/

	background: #C8C8C8;

}

.tabulardatatitlerow

{

	/* Sets the color for the Title Row Background and Total Row Background (In Data Tables). */

	background-color: #FFFFFF;

}

/*  End of Data-Table Elements -------------------------------------------- */

	

.undercategorylinkheading

{

	margin-top: 0px;

}

.underheading

{

	margin-top: 5px;

}

.underheadingcategory

{

	/* Used in exclusively in Cash Express Model 4 checklist pages. Sets properties on a DIV. */

	margin-left: 10px; 

}	

.underheadingexpandedcategory

{

	/* Used in exclusively in Cash Express Model 4 checklist pages. Sets properties on a DIV. */

	margin-left: 25px; 

}	

.underheadingoverlist

{

	margin-top: 5px;

	margin-bottom: 5px;

}

.variablecontentblock

{

	/* Defines a DIV that allows its content to stretch as wide as it needs to. This is a sibling tag of narrowcontentblock. */

	margin-bottom: 10px;

}

.welcomegraphic

{

	margin-top: 0px;

	margin-bottom: 15px;

}

.welcomegraphicbare

{

	/* Used on a DIV that surrounds the "Welcome" graphic on Login pages. */

	margin-top: 20px;

	margin-bottom: 0px;

}





/*  End of File  */









/*	-----------------------------------------------------------------------	*/

/*  New not-yet permanent styles for CSP work.                              */

/*	-----------------------------------------------------------------------	*/



.brandinggraphicsnarrow

{

	/* Not currently in use. May be used for ad placement. */

	margin-top: 25px;

	margin-left: 0px;

}

.dlnavlistflush

{

	/* Applied to a DL tag when used as a navigation list with subcategories, as on the Main Menu page. This new tag, along with dtheading and dtheadingflush, allows the entire navigation list to be contained within a single DL and still maintain good spacing. */

	margin-top: 0px;

}

.dtheading

{

	/* Applied to a DT tag when used as a heading in a navigation list with subcategories, as on the Main Menu page. */

	margin-top: 15px;

}

.dtheadingflush

{

	/* Same as dtheading, but with no top margin so that the first heading in a list can tuck up tighter to the top of the layout column. */

	margin-top: 0px;

}

.formbutton

{

	/* Sets the color for form-control buttons. Styled HTML buttons, instead of graphic buttons, are new. Still need final color properties from Patricia Kelton. */

	background-color:#ADAECE;

	color:#000000;

	font-weight:normal;

	border-bottom:thin solid #6B6D7B;

	border-right:thin solid #6B6D7B;

	border-top:thin solid #EFEBEF;

	border-left:thin solid #EFEBEF;

}

.messages

{

	/* Sets the color for the Reminder Line. This is a new page element. Still need a final color from Patricia Kelton. */

	color: #000000;

	margin-left: 2px;

	margin-top: 2px;

}

.narrowcontentblock2

{

	/* Defines a DIV that constrains the width of its contents. To be used on category pages (and the CSP Main Menu page). Can be used instead of the older runningtextnarrow. */

	width: 275px;

	margin-bottom: 10px;

	text-align: left;

}





/*  Better support for left/right nav. panel ------------------------------ */

.contentcellnarrow

{

	/* Set contentcellnarrow on the TD cell that holds the primary page content. Only use if all of the content should be constrained to a 400 pixel width. (Otherwise, use contentcellwide.) */

	text-align: center;

}

.contentcellwide

{

	/* Set contentcellwide on the TD cell that holds the primary page content. Use if any of the content should be allowed to grow wider than a 400 pixel width. Narrow content should use contentcellnarrow.) */

	text-align: left;

}

.navigationontheleft

{

	/* Set on the BODY tag. Use when the secondary navigation panel is moved to the left side of the page. This tag, when applied, has an effect on the alignment property of contentcellnarrow. Note that on Netscape browsers, none of the content-alignment settings have any effect, and the content, narrow or wide, is always aligned to the left. */

}

.navigationontheleft .contentcellnarrow

{

	/* When the navigation panel is on the left, the any narrow main content is aligned to the left. */

	text-align: left;

}

/*  End of support for left/right nav. panel ------------------------------ */





.reversebackground .bannertable

{

	/* Sets the color for the Banner Background. For outside pages, the banner should not be distinct. Therefore, it should have the same background color as the reversebackground tag. This new tag combination addresses an earlier defect. */

	background-color: #7B7BAD;

}

th p

{

	/* Sets the color of column heading text (when there are no sort links applied). This new tag combination addresses an earlier defect. */

	color: #000000;

}

.verticalrule

{

	/* Sets the color for the vertical rule that divides the main content from the secondary navigation panel. Still need a final color from Patricia Kelton. This tag is being added to allow elimination of the vertical-rule graphic. */

	background-color: #DEDBEF;

}



.tabulardatacallout

{

	background-color: #E6EAF2;

}