
/***** default styles *****/
* {	font-family: Arial, Verdana;	font-size: 8pt; }

/***** link classes *****/
A:link { color: #06C; text-decoration: none; } /* default link styling - should be the same as linkNormal class */
A:visited { color: #06C; text-decoration: none; }
A:hover { color: #06C; text-decoration: underline; }
A:active { color: #06C; text-decoration: underline; }	

A.linkCalendarDay:link { color: #374352; font-weight: bold; text-decoration: underline; } /* for regular links */
A.linkCalendarDay:visited { color: #374352; font-weight: bold; text-decoration: underline; }
A.linkCalendarDay:hover { color: #374352; font-weight: bold; text-decoration: underline; }
A.linkCalendarDay:active { color: #374352; font-weight: bold; text-decoration: underline; }	

A.linkCalendarMonthItems:link { color: #C30; text-decoration: none; } /* for regular links */
A.linkCalendarMonthItems:visited { color: #C30; text-decoration: none; }
A.linkCalendarMonthItems:hover { color: #C30; text-decoration: underline; }
A.linkCalendarMonthItems:active { color: #C30; text-decoration: underline; }	

A.linkDark:link { color: #374352; text-decoration: none; } /* for links that match the text color */
A.linkDark:visited { color: #374352; text-decoration: none; }
A.linkDark:hover { color: #374352; text-decoration: underline; }
A.linkDark:active { color: #374352; text-decoration: underline; }	

A.linkGoldStrong:link { color: #FDCE4F; font-weight: bold; text-decoration: none; } /* for gold bold links */
A.linkGoldStrong:visited { color: #FDCE4F; font-weight: bold; text-decoration: none; }
A.linkGoldStrong:hover { color: #FDCE4F; font-weight: bold; text-decoration: underline; }
A.linkGoldStrong:active { color: #FDCE4F; font-weight: bold; text-decoration: underline; }	

A.linkNormal:link { color: #06C; text-decoration: none; } /* for regular links */
A.linkNormal:visited { color: #06C; text-decoration: none; }
A.linkNormal:hover { color: #06C; text-decoration: underline; }
A.linkNormal:active { color: #06C; text-decoration: underline; }	

A.linkStrong:link { color: #06C; font-weight: bold; text-decoration: none; } /* for strong links */
A.linkStrong:visited { color: #06C; font-weight: bold; text-decoration: none; }
A.linkStrong:hover { color: #06C; font-weight: bold; text-decoration: underline; }
A.linkStrong:active { color: #06C; font-weight: bold; text-decoration: underline; }	

A.linkSection:link { color: #06C; font-weight: bold; text-decoration: none; } /* for regular links */
A.linkSection:visited { color: #06C; font-weight: bold; text-decoration: none; }
A.linkSection:hover { color: #06C; font-weight: bold; text-decoration: underline; }
A.linkSection:active { color: #06C; font-weight: bold; text-decoration: underline; }	

A.linkSubsection:link { color: #06C; font-family: Verdana, Arial; text-decoration: none; } /* for subsection links */
A.linkSubsection:visited { color: #06C; font-family: Verdana, Arial; text-decoration: none; }
A.linkSubsection:hover { color: #06C; font-family: Verdana, Arial; text-decoration: underline; }
A.linkSubsection:active { color: #06C; font-family: Verdana, Arial; text-decoration: underline; }	

A.linkTable:link { color: #C30; text-decoration: none; } /* for regular links */
A.linkTable:visited { color: #C30; text-decoration: none; }
A.linkTable:hover { color: #C30; text-decoration: underline; }
A.linkTable:active { color: #C30; text-decoration: underline; }	

A.linkWhite:link { color: #FFF; text-decoration: none; } /* for white links */
A.linkWhite:visited { color: #FFF; text-decoration: none; }
A.linkWhite:hover { color: #FFF; text-decoration: underline; }
A.linkWhite:active { color: #FFF; text-decoration: underline; }	

A.linkWhiteStrong:link { color: #FFF; font-weight: bold; text-decoration: none; } /* for white links */
A.linkWhiteStrong:visited { color: #FFF; font-weight: bold; text-decoration: none; }
A.linkWhiteStrong:hover { color: #FFF; font-weight: bold; text-decoration: underline; }
A.linkWhiteStrong:active { color: #FFF; font-weight: bold; text-decoration: underline; }	

/***** tag classes *****/
BODY { color: #374352; margin: 0; }

P { margin: 0; }

.buttonPagingPrimary { background-color: #D6DFE7; color: #000; font-weight: normal; } /* primary paging buttons */
.buttonPagingSecondary { background-color: #D6DFE7; color: #AAA; font-weight: normal; } /* secondary paging buttons */
.buttonPrimary { } /* primary buttons */
.buttonSecondary { } /* secondary buttons */

/***** calendar classes *****/
.calendarMonthColumnHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; }
.calendarMonthDayOtherMonth { background-color: #B2C6D2; width: 14.2857%; }
.calendarMonthDayThisMonth { background-color: #FFFFFF; width: 14.2857%; }
.calendarMonthDayHasItems { background-color: #EAEEF0; width: 14.2857%; }
.calendarMonthDayToday { background-color: #FFC610; width: 14.2857%; }
.calendarWeekColumnHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; }
.calendarWeekDayDark { background-color: #D4DCE1; text-align: center; }
.calendarWeekDayLight { background-color: #EAEEF0; text-align: center; }
.calendarWeekDayToday  { background-color: #FFC610; text-align: center; }
.calendarWeekRowHeader { background-color: #819AA9; color: white; font-weight: bold; text-align: center; }

/***** form classes *****/
.formDropdownOn { background-color: #7EE34C; }
.formDropdownOff { background-color: #FFF; }
.formInstructions { font-size: 8pt; padding-top: 8px; vertical-align: top; } /* instructions */
.formField { padding: 5px 0 4px 10px; } /* fields (input, textarea, select, etc.) */
.formLabel { font-weight: bold; padding: 5px 0 4px 0; } /* labels */
.formPaging { background-color: #D6DFE7; color: #000; font-weight: normal; } /* paging dropdown */
.formRow { height: 20px; } /* rows (for minimum height) */
.formViewLabel { font-weight: bold; } /* when displaying view of what form was filled in with - label part */
.formViewItem { } /* when displaying view of what form was filled in with - item part */
.formSection { color: #C30; font-size: 10pt; font-weight: bold; height: 21px; margin: 0; text-align: right; width: 100%; } /* form section */
.formSectionLeft { color: #C30; font-size: 10pt; font-weight: bold; height: 21px; margin: 0; text-align: left; width: 100%; } /* form section */

.highlightLight { background-color: #EFEFEF; } /* makes used form fields highlight in searches */
.highlightLightBlue { background-color: #EFEFEF; } /* makes used form fields highlight in searches */

/***** rule classes *****/
.ruleMainBlue1 { background-color: #6699FF; height: 1px; margin: 5px 0 5px 0; width: 100%; }
.ruleMainBlue3 { background-color: #6699FF; height: 3px; margin: 7px 0 5px 0; width: 100%; }
.ruleMainGray1 { background-color: #CED7DE; height: 1px; margin: 5px 0 5px 0; width: 100%; }
.ruleMainGray3 { background-color: #CED7DE; height: 3px; margin: 7px 0 5px 0; width: 100%; }
.ruleMainGreen1 { background-color: #5CA603; height: 1px; margin: 5px 0 5px 0; width: 100%; }
.ruleMainGreen3 { background-color: #5CA603; height: 3px; margin: 7px 0 5px 0; width: 100%; }
.ruleMainPurple1 { background-color: #660099; height: 1px; margin: 5px 0 5px 0; width: 100%; }
.ruleMainPurple3 { background-color: #660099; height: 3px; margin: 7px 0 5px 0; width: 100%; }
.ruleMainYellow1 { background-color: #FFC713; height: 1px; margin: 5px 0 5px 0; width: 100%; }
.ruleMainYellow3 { background-color: #FFC713; height: 3px; margin: 7px 0 5px 0; width: 100%; }
.ruleSideBlue1 { background-color: #6699FF; height: 1px; margin: 2px 0 2px 0; width: 100%; }
.ruleSideBlue3 { background-color: #6699FF; height: 3px; margin: 7px 0 2px 0; width: 100%; }
.ruleSideGray1 { background-color: #CED7DE; height: 1px; margin: 2px 0 2px 0; width: 100%; }
.ruleSideGray3 { background-color: #CED7DE; height: 3px; margin: 7px 0 2px 0; width: 100%; }
.ruleSideGreen1 { background-color: #5CA603; height: 1px; margin: 1px 0 2px 0; width: 100%; }
.ruleSideGreen3 { background-color: #5CA603; height: 3px; margin: 7px 0 2px 0; width: 100%; }
.ruleSidePurple1 { background-color: #C8039A; height: 1px; margin: 2px 0 2px 0; width: 100%; }
.ruleSidePurple3 { background-color: #C8039A; height: 3px; margin: 7px 0 2px 0; width: 100%; }
.ruleSideYellow1 { background-color: #FFC713; height: 1px; margin: 2px 0 2px 0; width: 100%; }
.ruleSideYellow3 { background-color: #FFC713; height: 3px; margin: 7px 0 2px 0; width: 100%; }

/***** table classes *****/
.tableHeader { background-color: #819AA9; color: #FFF; font-weight: bold;} /* headers */
.tableFooter { background-color: #819AA9; height: 5px; } /* footers */
.tableRowDark { background-color : #D4DCE1; } /* alternating rows */
.tableRowLight { background-color : #EAEEF0; } /* alternating rows */
.tableRowRuled { background-color : #FFBB05; } /* highlighted rows */

/* page layout table classes */

.tableProductForm	{ background-color: #FFFFFF; border-color: #CED7DE; border-width: 1px 1px 1px 1px; border-style: solid; width: 647px; }
.tableProductFormInstructions { background-color: #CED7DE; }
.tableProductFooter { background-color: #EAEFF0; border-color: #526363; border-width: 0px 1px 1px 1px; border-style: solid; height: 49px; margin-left: auto; margin-right: auto; width: 721px; }
.tableProductMain { background-color: #FFFFFF; border-color: #526363; border-width: 0px 1px 0px 1px; border-style: solid; margin-left: auto; margin-right: auto; width: 721px; }
.tableProductHeader { background-image:url(../images/xsp_logo_header.png); background-repeat: no-repeat; border-color: #384362; border-width: 0 1px 0 1px; border-style: solid; height: 75px; margin-left: auto; margin-right: auto; width: 721px; }
.tableProductMainFooterSeparator { background-color: #CECECE; height: 1px; }
.tableProductRowSeparator { background-color: #CED7DE; height: 1px; }

.tableCUSIPLookupForm	{ background-color: #FFFFFF; border-color: #CED7DE; border-width: 1px 1px 1px 1px; border-style: solid; width: 547px; }
.tableCUSIPLookupFormInstructions { background-color: #CED7DE; }
.tableCUSIPLookupMain { background-color: #FFFFFF; margin-left: auto; margin-right: auto; width: 547px; }
.tableCUSIPLookupRowSeparator { background-color: #CED7DE; height: 1px; }

/***** text classes *****/
.textBlue { color: #63C; } /* blue */
.textBrown { color: #933; } /* brown */
.textCookieTrail { } /* cookie trail */
.textExclamation { color: #F60; } /* warnings */
.textGreen { color: #093; } /* green */
.textHeader { font-family: Verdana, Arial; font-size: 14pt; } /* section headers */
.textItalic { font-style: italic; }
.textNormal { font-weight: normal; }
.textPurple { color: #909; } /* purple */
.textRed { color: #C30;  } /* red */
.textStrong { font-weight: bold; } /* bold */
.textSubtitle { font-family: Verdana, Arial; font-size: 14px; font-weight: bold; margin: 0; padding: 0; text-align: right; width: 100%; }
.textWhite { color: #FFF; } /* white */
.textWhiteStrong { color: #FFF; font-weight: bold; } /* white bold */

/***** div ids *****/

#edsubpanel { background-color: #EAEFF0; font-size: 7pt; position: absolute; width: 174px; z-index: 1;}
#edsubpanel div { overflow: hidden; padding: 5px; }

#emailpagebox { display: none; }

#forgotpasswordbox { display: none; }

#headernavcontainerwrapper { background-color: transparent; background-image: url(../images/header_sep_719_4.gif); background-repeat: no-repeat; height: 75px; margin: 0; padding: 0; }
#headernavcontainer ul { background-color: transparent; clear: both;  color: #FFF; float: right; font-family: arial, helvetica, sans-serif; margin-bottom: 0; margin-left: 0; margin-top: 0; padding-left: 0; }
#headernavcontainer ul li { display: inline; }
#headernavcontainer ul li a { background-color: transparent; border-left: 1px solid #394163; border-top: 4px solid #394163; color: #FFF; color: #FFF; float: left; font-weight: bold; padding: 4px 9px 0 9px; text-decoration: none; }
#headernavcontainer ul li a:hover, #headernavcontainer ul li a.current, #headernavcontainer ul li a.current:hover { background-color: transparent; border-left: 1px solid #394163; border-top: 4px solid #B4C0E3; color: #FFF; font-weight: bold; }
#headerlogo { background-color: transparent; float: left; }
#headersecondarylinks { background-color: transparent; color: #FFF; float: right; font-family: arial, helvetica, sans-serif; padding: 33px 40px 0px 0px; }

#icons200 { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin-left: 447px; padding: 2px 0 2px 0; text-align: center; width: 200px; }
#icons250 { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin-left: 397px; padding: 2px 0 2px 0; text-align: center; width: 250px; }
#icons300 { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin-left: 347px; padding: 2px 0 2px 0; text-align: center; width: 300px; }
#icons350 { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin-left: 297px; padding: 2px 0 2px 0; text-align: center; width: 350px; }
#icons400 { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin-left: 247px; padding: 2px 0 2px 0; text-align: center; width: 400px; }
#icons450 { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin-left: 197px; padding: 2px 0 2px 0; text-align: center; width: 450px; }
#icons500 { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin-left: 147px; padding: 2px 0 2px 0; text-align: center; width: 500px; }
#icons200side { border-color: #CED7DE; border-style: solid; border-width: 3px 1px 1px 1px; margin: 7px 0 0 0; padding: 2px 0 2px 0; text-align: center; width: 200px; }

#wrapper { text-align: center; }





