
/* History:
	WS000032  20070415 CMF New
	WS000047  20070511 TNB Updte links for quicklinks & messages
	WS000047  20070525 TNB Update TV menue to highlite selected.
	WS000047  20070615 TNB Update selected style for TV Menu.
    c00074852 Mar 2009 CAS Added public home page styles.
	--        Sep 2009 DRC Reworked footers, disabled link styles
*/


BODY
{
    FONT-SIZE: .8em;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

a:link
{
	color: #006682;
    FONT-WEIGHT: bold
}
a:visited
{
	color: #3699BA;
    FONT-WEIGHT: bold
}
a:hover
{
	color: #68B2BF;
    FONT-WEIGHT: bold
}
a:active
{
	color: #006682;
    FONT-WEIGHT: bold
}
  
h1
{
 font-weight : bold;
 font-size : 1.4em;
 margin: 0px;
 padding-right: 10px;
 padding-bottom:5px;
 padding-left:0px;         
}

h2
{
 font-weight : bold;
 font-size : 1.3em;
 margin: 0px;
 padding: 14px 10px 5px 0px; 
}

#base
{
    WIDTH: 984px;
}


#overviewTable .tableShadeRow
{
    FONT-SIZE: .9em;
    padding:4px;
}
#overviewTable .tableHeader
{
    padding:4px;
}

#overviewTable ul
{
	margin-left:10px;
	padding-left:10px;
	padding-top:0px;
	margin-top:0px;
}

#ctl00_pnlMainTemplateContent .tableHeaderPrices TD
{
    FONT-WEIGHT: bold;
    background-color:#d9e8ec;
    font-size:.9em;
    font-family:Arial
}
#ctl00_pnlMainTemplateContent .tableShadeRow
{
	BACKGROUND-COLOR: #ece9e8;
}

.Astrisk
{
    FONT-WEIGHT: bold;
    COLOR: #cc0033;
    TEXT-DECORATION: none
}

#pnlPDF
{    
	PADDING-LEFT: 14px;
}
#Disclaimer
{    
	PADDING-LEFT: 14px;
	font-style:italic;
}
.OnlyPrint
{
    DISPLAY: none
}
.symbol
{
    FONT-SIZE: .9em;
}
.clear
{
    CLEAR: both
}
ul.linksList
{
margin-left:10px;
padding-left:10px;
padding-top:0px;
margin-top:3px;
list-style-image:url(/art/link_arrow.gif);
}
ul.linksList li
{
padding-bottom:5px;
}

ul.smallQuestion
{
margin-left:10px;
padding-left:10px;
padding-top:0px;
margin-top:0px;
list-style-image:url(http://membersproductscontent.cunamutual.com/mpw/media/00016522.gif);
}
ul.smallQuestion li
{
	padding-bottom:3px;
}

ul.bigQuestion
{
margin-left:10px;
padding-left:10px;
padding-top:0px;
margin-top:0px;
list-style-image:url(http://membersproductscontent.cunamutual.com/mpw/media/00016523.gif);
}
ul.bigQuestion p
{
	padding-left:10px;
}
ul.bigAnswer
{
margin-left:10px;
padding-left:10px;
padding-top:0px;
margin-top:0px;
list-style-image:url(http://membersproductscontent.cunamutual.com/mpw/media/00016524.gif);
}

ul.bigAnswer p
{
	padding-left:10px;
}


ul.bigAnswer ul
{
	list-style-image:none;
}

/*--------------------------------------------------------------
First level Landing page Styles
---------------------------------------------------------------*/
#first-level-col1
{
}
#first-level-col2
{
	PADDING-LEFT: 10px;
	width:200px;
}


/*--------------------------------------------------------------
Second level Landing page Styles
---------------------------------------------------------------*/
#second-level-col1-top
{
}
#second-level-col2-top
{
	PADDING-LEFT: 10px;
	width:200px;
	max-width:200px;
}
#second-level-bottom
{
}


/*--------------------------------------------------------------
CMA Styles
---------------------------------------------------------------*/
.tableBorderThin 
{ 
    border: 1px solid; 
}
.mainheader
{
	font-size:1.4em;
    FONT-WEIGHT: bold;
}
.subheader
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.2em;
}
.tableShadeRow
{
     BACKGROUND-COLOR: #e4e1e0
}
.tableHeader
,.tableHeaderGreen
,.tableHeaderPurple
,.tableHeaderBrown
{
    FONT-WEIGHT: bold;
    BACKGROUND-COLOR: #d9e8ec	
}


/*--------------------------------------------------------------
Header and SubHeader Styles
mainNavLinks: Controls the "Contact Us" and "Rep Site" links
---------------------------------------------------------------*/

#ctl00_Header,#ctl00_ctl00_Header
{
    BACKGROUND-COLOR: #006682;
}

#mainNavLinks
{
    FONT-WEIGHT: bold;
    FONT-SIZE: .85em;
    width:240px;
    text-align:left;
    margin-right:12px;
    float:right;
}

#mainNavLinks A
{
	padding-left:10px;
}

#mainNavLinks A:link
{
    COLOR: #ffffff;
}

#mainNavLinks A:visited
{
    COLOR: #ffffff;
}

#mainNavLinks A:hover
{
    COLOR: #68b2bf;
}

#mainNavLinks A:active
{
    COLOR: #68b2bf;
}

#ctl00_subHeader,#ctl00_ctl00_subHeader
{
    WIDTH: 100%;
}

span.headerPreviewText
{
	color: #4794b0;
	padding-left: 198px;
}

/*--------------------------------------------------------------
Message Styles
---------------------------------------------------------------*/
.errorMessage
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    BORDER-LEFT-COLOR: #ff0000;
    BORDER-BOTTOM-COLOR: #ff0000;
    PADDING-BOTTOM: 5px;
    COLOR: #ff0000;
    BORDER-TOP-STYLE: solid;
    BORDER-TOP-COLOR: #ff0000;
    PADDING-TOP: 5px;
    BORDER-RIGHT-STYLE: solid;
    BORDER-LEFT-STYLE: solid;
    BACKGROUND-COLOR: #ffffff;
    BORDER-RIGHT-COLOR: #ff0000;
    BORDER-BOTTOM-STYLE: solid;
}
.errorMessage A:link
{
    FONT-WEIGHT: normal;
    COLOR: #ff0000;
}
.errorMessage A:visited
{
    FONT-WEIGHT: normal;
    COLOR: #6600cc;
}
.errorMessage A:hover
{
    FONT-WEIGHT: normal;
    COLOR: #0000cc;
}
.errorMessage A:active
{
    FONT-WEIGHT: normal;
    COLOR: #ff0000;
}
.successMessage
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 15px;
    PADDING-TOP: 15px;
    BACKGROUND-COLOR: #ffffff;
}
.successMessage span
{
	COLOR: #006682;
    FONT-WEIGHT: bold;
}

.errorMessage TD
{
    FONT-WEIGHT: bold;
    COLOR: red;
    BACKGROUND-COLOR: white;
}
.errorMessage LI
{
    FONT-WEIGHT: normal;
    COLOR: red;
    BACKGROUND-COLOR: white;
}


/*Search specific styles*/
#q, #ctl00_q
{
	width:150px;
	margin-right:1px;
}
#searchArea, #ctl00_searchArea
{
	float:right;
	padding:5px;
	display:none;
}
    

/*--------------------------------------------------------------
Breadcrumb Styles
---------------------------------------------------------------*/
#ctl00_BreadCrumb,#ctl00_ctl00_BreadCrumb
{
	background-image:url("/art/header/breadcrumb_bar.jpg");
	background-repeat:no-repeat;
    PADDING-LEFT: 14px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 3px;
    FONT-SIZE: .85em;
	color: #006682;
}

#ctl00_BreadCrumb A:link
{
	color: #006682;
}
#ctl00_BreadCrumb A:visited
{
	color: #006682;
}
#ctl00_BreadCrumb A:hover
{
	color: #A59996;
}
#ctl00_BreadCrumb A:active
{
	color: #A59996;
}


/*--------------------------------------------------------------
QuickLink Styles
---------------------------------------------------------------*/
.quickLinks
{
	border-style: solid;
    border-color: #d9e8ec;
    border-width: 1px;
    font-size: .85em;
    overflow:hidden;
    MAX-WIDTH: 180px;
    WIDTH: 180px;
    background-color: #F5F5F5;
}
.qlinksHeading
{
	font-weight: bold;
	font-size: 1.2em;
	background-color: #d9e8ec;
	padding: 5px;
    color: Black;
}
.qlinksHeading A
{
	color: Black;
}
.qlinksContent
{
	    padding: 3px;

}


/*--------------------------------------------------------------
Footer Styles
---------------------------------------------------------------*/
#footerAddress
{
    PADDING-TOP: 5px
}

.footer,#ctl00_pnlMainTemplateFooter,#ctl00_ctl00_pnlMainTemplateFooter
{
    FONT-SIZE: .8em;
    text-align: right;
}
#ctl00_pnlMainTemplateFooterBox,#ctl00_ctl00_pnlMainTemplateFooterBox
{
    MAX-WIDTH: 774px;
}

#footerMiddle
{
    MARGIN-LEFT: 0px;
    text-align: left;
}
#footerMiddle A
{
    COLOR: #000000;
}

#ctl00_pnlDisclosure
{
	text-align: center;
}

#ctl00_ctl00_pnlDisclosure
{
	text-align: center;
}


/*--------------------------------------------------------------
Top Navigation Styles
---------------------------------------------------------------*/

#topNavigation
{
	border-top-style:solid;
	border-top-color:White;
	border-top-width:1px;
}

a:link.menuStaticItem,a:visited.menuStaticItem,a:hover.menuStaticItem,a:active.menuStaticItem
{
	background-color:#006682;
	color:#ffffff;
	display:block;
	padding-left:10px;	
}

table.menuStaticItem
{
	padding-right:5px;
}
.menuStaticItemHover
{
	background-color:#003366;
	line-height:20px;

}

a:link.menuStaticItemHover,a:visited.menuStaticItemHover,a:hover.menuStaticItemHover,a:active.menuStaticItemHover
{
	background-color:#003366;
	color:#ffffff;
}

.menuStaticItemSelected
{
	background-color:#003366;
	line-height:20px;
}

a:link.menuStaticItemSelected,a:visited.menuStaticItemSelected,a:hover.menuStaticItemSelected,a:active.menuStaticItemSelected
{
	background-color:#003366;
	color:#ffffff;
}

.menuDynamicItem
{
	font-size:.85em;
	
}
a:link.menuDynamicItem,a:visited.menuDynamicItem,a:hover.menuDynamicItem,a:active.menuDynamicItem
{
	color:#000000;
	display:block;
	background-color:#ccd6e0;
	font-weight:normal;
	padding:2px;
}

menuDynamicItemHover
{
	font-size:.85em;
}

a:link.menuDynamicItemHover,a:visited.menuDynamicItemHover,a:hover.menuDynamicItemHover,a:active.menuDynamicItemHover
{
	background-color:#003366;
	color:#ffffff;
	display:block;
	font-weight:normal;
	padding:2px;
}

/*--------------------------------------------------------------
MMF Specific Styles
---------------------------------------------------------------*/
#RepNavigation
{
    WIDTH: 359px
}
#MemberNavigation
{
    WIDTH: 378px
}
.rowSeparator
{
	BORDER-BOTTOM: 1px solid;
}
#FundDropDownLinksPanel
{
	display:none;
}

.paddedCell
{
    PADDING-LEFT: 10px
}
#homeRightCell
{
    PADDING-LEFT: 15px;
}
.overviewLinks
{
    DISPLAY: block;
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    PADDING-BOTTOM: 5px
}
      

/*--------------------------------------------------------------
Rep Home Template Styles
---------------------------------------------------------------*/


#home-container-three-column
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}
#home-main-three-column
{
   FLOAT: left;
   MARGIN-LEFT: 10px;
   WIDTH: 584px;  /*984 - (width of the quicklinks + padding)*/
}
#home-side2-three-column
{
    FLOAT: right;
}

#home-side1-three-column
{
    FLOAT: left;
}

/*--------------------------------------------------------------
Public Home Template Styles
  Added for Public Site project - Mar 2009
---------------------------------------------------------------*/

#home-container-full-page
{
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	width:100%;
}

/*--------------------------------------------------------------
Treeview control Styles
---------------------------------------------------------------*/

.TreeNodeLevel1
{
    FONT-SIZE: 1em;
}
a:link.TreeNodeLevel1,a:visited.TreeNodeLevel1,a:hover.TreeNodeLevel1,a:active.TreeNodeLevel1,span.TreeNodeLevel1
{	
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    LINE-HEIGHT: 24px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
}

.TreeNodeLevel2
{
    FONT-SIZE: .9em;
}

a:link.TreeNodeLevel2,a:visited.TreeNodeLevel2,a:hover.TreeNodeLevel2,a:active.TreeNodeLevel2,span.TreeNodeLevel2
{
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 7px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    LINE-HEIGHT: 18px;
    PADDING-TOP: 0px;
}
.TreeNodeLevel3
{
    FONT-SIZE: .85em;
}

a:link.TreeNodeLevel3,a:visited.TreeNodeLevel3,a:hover.TreeNodeLevel3,a:active.TreeNodeLevel3,span.TreeNodeLevel3
{
	PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    MARGIN: 0px;
    font-weight:normal;
}

.pnlMainTemplateLeftNav_Selected
{	
	background-color: white;

}

a:link.pnlMainTemplateLeftNav_Selected,
a:visited.pnlMainTemplateLeftNav_Selected,
a:hover.pnlMainTemplateLeftNav_Selected,
a:active.pnlMainTemplateLeftNav_Selected
{
	color: #006682;
	font-weight: bold;
	background-color: white;
}

/*--------------------------------------------------------------
Main Template Styles
---------------------------------------------------------------*/

#ctl00_pnlMainTemplateContainer
{
}

/*--------------------------------------------------------------
Left Nav Styles
---------------------------------------------------------------*/
#ctl00_pnlMainTemplateLeftNav
{
    FLOAT: left;
	background-image:url("/art/header/leftnav_bar.jpg");
	background-repeat:no-repeat;
	width: 189px;
	padding-left:10px;
	padding-right:1px;
	height:700px;
}

#ctl00_pnlMainTemplateLeftNav a:link{
color: #000000;
text-decoration: none;
}
#ctl00_pnlMainTemplateLeftNav a:visited{
color: #000000;
text-decoration: none;
}
#ctl00_pnlMainTemplateLeftNav a:hover{
color: #006682;
text-decoration: underline;
}
#ctl00_pnlMainTemplateLeftNav a:active{
color: #006682;
text-decoration: underline;
}
#ctl00_pnlMainTemplateLeftNav span{ /* disabled links */
color: #aebcbc;
}

#ctl00_pnlMainTemplateContent
{
	padding-top:10px;
	FLOAT: right;
    width:774px;
}
#ctl00_pnlMainTemplateContentBox
{
	min-height: 400px;
}
table.messageContainer
{
 width:560px;
}
table.messageContainer tr td
{
 padding-bottom:5px;
}
.messageHeader
{
	width:560px;
	background-color:#006682;
	color:White;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
	font-weight:bold;
	border-bottom-width:thick;
	border-bottom-style:solid;
}
.messageTitle a:link 
{
	color:#333333;
}
.messageTitle a:visited 
{
	color:#666666;
}
.messageTitle a:hover, a:active 
{
	color:#006682;
}

.messageDate
{
	padding-right:10px;
}
.messageDate a:link 
{
	color:#333333;
}
.messageDate a:visited 
{
	color:#666666;
}
.messageDate a:hover, a:active 
{
	color:#006682;
}

ul.quickLinksList
{
margin-left:1px;
padding-left:1px;
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
}
ul.quickLinksList li 
{
padding-bottom:5px;
}
ul.quickLinksList li a:link
{
    text-decoration:none;
    color:#006682;
}
ul.quickLinksList li a:visited
{
    text-decoration:none;
    color:#006682;
}
ul.quickLinksList li a:hover
{
    text-decoration:underline;
    color:#666666;
}
ul.quickLinksList li a:active
{
    text-decoration:underline;
    color:#666666;
}

.break
{
	page-break-after:always;
}

/*--------------------------------------------------------------
Other Content Styles
---------------------------------------------------------------*/
span.disabledLink
{
	text-decoration: underline;
	font-weight: bold;
	color: #aebcbc;
}

div.repHomeLeftFiller
{
    MAX-WIDTH: 190px;
    WIDTH: 190px;
}
