/*

Member Benefits Master Style Sheet
First created Sept 2006
Updated 7/29/2009 Tim T

PALETTE
=======================
background: 	#eaeeef
body: 			white
dark red: 		#92342b
dark blue: 		#223558
middle blue: 	#637fa6
lightest blue: 	#b5d4f3
light blue:		#99bfe8
mustard: 		#bc8a2f
top nav BG (light blue)		#b5d4f3
top nav drop-down BG (light blue) #ecf2f9 

HACKS:
=======================
IE double-margin bug: http://www.positioniseverything.net/explorer/doubled-margin.html

CSS shortcut order
top right botton left
*/


body {
	margin:20px 0px; padding:0px;
	text-align:center;
	background-color:#EAEEEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

body.bg {
	margin:20px 0px; padding:0px;
	text-align:center;
	background-color:#EAEEEF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

	
/* LAYOUT DIVS */

#frame { width:739px; margin:0px auto; 	overflow:hidden; border:0px solid green; text-align:left; }

#hd {
	float:left;
	text-align:left;
	width:737px;
	height:120px;
	margin:0px;
	display:inline;
	border:0px solid yellow;
	}
#logo { width:205px; float:left; }

#hd_topRight {
	text-align:right;
	width:517px;
	height:70px;
	float:left;
	background-image:url(graphics/topRightBG.gif);
	display:inline;
	}
	
#hd_topRight_inside { padding:17px 30px 0px 0px; float:right; }

#nav { width:494px; height:50px; float:left; display:inline; background-color:white; }	

#main {
	float:left;
	width:737px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background-image:url(./graphics/middle_body_slice.gif);
	text-align:left;
	display:inline;
	}

#leftCol { width:165px; float:left; padding-top:0px; margin:5px 0px 0px 35px;  display:inline; }
#featureCol { width:466px; float:left; padding:5px 0px 0px 0px; margin:0px 0px 0px 20px;  display:inline; }
#centerCol { width:322px; float:left; margin:1px 0px 0px 8px; display:inline;}
#rightCol,#rightColAlt { width:144px; float:left; margin:1px 0px 5px 19px; display:inline; font-size:90%; }
#rightColAlt { background-color:#f4f4f5; border-top: double white; border-bottom:double white }
#centerColWide { width:490px; float:left; margin:0px 0px 0px 8px; display:inline; }
#centerColFull{ width:632px; float:left; margin:0px 0px 0px 45px; display:inline; }
#centerColFull table { font-size:13px; }
#landingTopWide { display:block; background-image:url("./graphics.landing/lightBlueBG.gif"); background-repeat:repeat-x; background-color:white;}
.landingPhoto { float:right; }
#fullWidthCol { margin-left:30px; border:0px solid blue; float: left; width:655px; padding:0px 10px 0px 10px; display:inline; }
#promoCol1 { background-color:#DDEBFB; width:197px; height:120px; clear:left; float:left; padding:20px 10px 20px 10px; margin:30px 0px 4px 35px; display:inline; font-size:90%; }
#promoCol2 { background-color:#DDEBFB; width:197px; height:120px; float:left; padding:20px 10px 20px 10px; margin:30px 0px 4px 0px; display:inline; font-size:90%; }
#promoCol3 { background-color:#DDEBFB; width:197px; height:120px; float:left; padding:20px 10px 20px 10px; margin:30px 0px 4px 0px; display:inline; font-size:90%; }
#footerCol { width:651px; float:left; padding-top:0px; padding-bottom:10px; margin:0px 0px 0px 35px;  display:inline;}
#quickAccess { font-weight:bold; background-color:#b5d4f3; border-style:double; border-color:#92342b; padding:5px 5px 5px 5px; margin:0px 0px 20px 0px; font-size:70%; line-height:130%; }
#quickAccess2 { margin:10px 0px 0px 0px; }
#quickAccess2 a:hover { color:white; background-color:white; }
#logos1 a:hover { color:white; background-color:white; }


/* CALLOUT */
#calloutRight { 
float:right; 
width:175px;
margin:0px 0px 1.5em 10px; 
/*padding: 0px 10px 0px 10px;*/
background-image:url('./graphics/blueFadeBG.gif');
background-repeat:repeat-x;
background-color:#f0f6fc;
border-bottom:double #cee1f5;
display:inline; }
#calloutRightHdr { border-bottom:1px solid white; padding:0px; margin:0px;}
#calloutRightHdr h2, #rightColAlt h2 { margin:5px; font-size:.8em; }
#calloutRightInside { padding:5px 10px 10px 10px;  }

/* FOR SIDE-BY-SIDE COLUMN LISTS OF STUFF */
.colListLeft { width:220px; border:0px solid blue; float:left; }
.colListRight { width:220px; margin-left:15px; border:0px solid orange; float:left; display:inline; }
.colListLeft h2, .colListRight h2 { border-bottom:double #D6D3D6; }

#bottomSlice { width:722px; height:33px; float:left; background-image:url(./graphics/bottom_slice.gif); background-repeat:no-repeat; display:inline; vertical-align:top; }

#topSlice { width:722px; height:33px; float:left; background-image:url(./graphics/top_slice.gif); background-repeat:no-repeat; display:inline; vertical-align:top; }

#logos1 { border:0px; padding:0px; margin:45px 0px 10px 20px;}

/* Tools, which sit below left nav */
#tools { float:left; width:150px; margin-top:1em;}
#toolsHdr { display:block; }
#toolsContent { background-color:#e5edf6; padding-bottom:0px; }
.row1 { padding:3px 3px 3px 5px; background-color: #cbdbed; }
.row2 { padding:3px 3px 3px 5px; }
#toolsBottomSlice { padding:0px; vertical-align:top; }

#promo { float:left; margin-top:1em; }

#howToNews { width:480px; float:left; border:0px solid yellow; padding:0px; margin-top:1em; }
#howTo { float:left; width:230px; margin:0px; border:0px solid red; padding:0px; display:inline; }
#news { float:left; width:230px; margin-left:15px; border:0px solid green; display:inline; }

/* landing page promo container and promo boxes */
#ldPromo { float:left; width:230px; margin-left:15px; border:0px solid yellow; padding:0px; display:inline; }
#ldPromoInside1 { display:block; background-image:url(./graphics.promos/lightGrayCrossHatchBG.gif); background-repeat:
repeat; padding:1em; border-top:double white; border-bottom:double white }
#ldPromoInside2 { border-top:double white; border-bottom:double white; display:block; 
background-image:url(./graphics.promos/ldPromoBlueCrossHatchBG.gif); background-repeat:repeat; padding:1em; }

.glossaryLetters { 
    background-color: #f4f3f3; 
    border-top:1px solid gray;
    border-bottom:1px solid gray;
    padding:.5em .2em .5em .2em;
    }

#whatNews { border:0px; line-height:150%;}

#yellowFadeBG { 
background-image:url(./graphics.promos/yellowFadeBG.gif); 
background-repeat:repeat-x; 
background-color:white;
padding:.5em;
font-size:80%;
 }
#blueFadeBG { 
background-image:url(./graphics.promos/blueFadeBG.gif); 
background-repeat:repeat-x; 
background-color:white;
padding:.5em .5em 1em .5em;
font-size:80%; }

/* Correct font size for <p> inside home page promo boxes */
#blueFadeBG p, #yellowFadeBG p  { font-size:100%; }

#onlineSeminarsList {
background-image:url(./graphics.promos/onlineSeminarsBG.gif);
background-repeat:repeat-x; 
background-color:white;
padding:.5em; }

/* Testimonials */
.testimonial { float:left; border-left:double #c8c59e; margin-bottom:2em; width:335px; }
.testimonialText { padding:1em; background-image:url(/graphics/yellowFadeBG.gif); background-repeat:repeat-x; }
.testimonialFooter	{ padding:0em 1em 0em 1em; font-weight:bold; }

#jenniferFloatRight { width:115px; border:0px solid blue; float:right; clear:none; }

.phraseHiLite { font-family:"Courier New", Courier, serif; color:black; font-size:1em; }

.attn { border:1px dotted gray; background-color:#FFFFCC; padding:1em; }	

/* when you need a DIV that clears! */
#clearIt { clear:both; }

/* indent stuff */
.indentMe { margin-left:1em; }

/* for within content blocks */
.anotherCallout { background-color:#e7eff7; padding:0em 1em 0em 1em; float:right; width:150px; margin-left:1em; border-top:double white; border-bottom:double white; }

/*#blockFooter { background-color:#F3F3F3; padding:1em; border-top:double #99bfe8; }*/

/* LINKS */

a:link, a:visited { color:#417dcf; }
a:hover { color:white; background-color:#417dcf; }

/* small red links 70% */
a.smallRed:link,a.smallRed:active,a.smallRed:visited { color: #990000; font-size:70%; border-bottom:1px dotted #990000; text-decoration:none; }
a.smallRed:hover { font-size:70%; color:white; background-color:#990000; text-decoration:none; }

/* bold links */
a.sidebarHdr:link, a.sidebarHdr:visited { font-weight:bold; color:#265283; text-decoration:none; }
a.sidebarHdr:hover { border-bottom:1px #bc8a2f dotted; text-decoration:none; background-color:transparent; }

/* bold links */
a.sidebarRedHdr:link, a.sidebarRedHdr:visited { font-weight:bold; color:#92342b; text-decoration:none; }
a.sidebarRedHdr:hover { border-bottom:1px #bc8a2f dotted; text-decoration:none; background-color:transparent; }

/* regular font weight */
a.sidebar:link, a.sidebar:visited { color:#265283; text-decoration:none; }
a.sidebar:hover { border-bottom:1px #bc8a2f dotted; text-decoration:none; background-color:transparent; }

/* left nav list */
a.lnav:link,a.lnav:active,a.lnav:visited { color:#223558; text-decoration:none; }
a.lnav:hover { border-bottom:1px #bc8a2f dotted; text-decoration:none; background-color:transparent; }

ul.leftNav { font-size:70%; list-style-image:url(./graphics/carrot.gif); padding:0; line-height:130%; margin:5px 0 0 14px;}

a {
	color: black;
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
}
a.tools:link,a.tools:visited { text-decoration: none; font-size:70%; font-weight:bold; color:#223558 }
a.tools:hover,a.tools:active { text-decoration:none; font-size:70%; font-weight:bold; color:#bc8a2f; background-color:transparent; }

a.list:link,a.list:active,a.list:visited { color:#223558; text-decoration:none; font-size:70%; }
a.list:hover { border-bottom:1px #bc8a2f dotted; text-decoration:none; font-size:70%; background-color:transparent; }

a.glossaryIndex:link,a.glossaryIndex:visited { color:#223558; text-decoration:none; font-size:90%; font-weight: bold; }
a.glossaryIndex:hover,a.glossaryIndex:active { color:#bc8a2f; text-decoration:none; font-size:90%; font-weight: bold; background-color:transparent; }

.breadcrumb { font-size:80%; }

/* DOCUMENT LINKS WITH ICONS */

/* Common definition for all */
a.htm:link,a.htm:visited,a.htm:hover,a.htm:active,
a.popup:link,a.popup:visited,a.popup:hover,a.popup:active,
a.openaccount:link,a.openaccount:visited,a.openaccount:hover,a.openaccount:active,
a.email:link,a.email:visited,a.email:hover,a.email:active,
a.pdf:link,a.pdf:visited,a.pdf:hover,a.pdf:active {
color:#265283; 
text-decoration:underline;
padding:2px 2px 2px 18px;
background-color:transparent;
line-height:160%;
display: block; }

a.pdf:link,a.pdf:visited,a.pdf:hover,a.pdf:active {  
background: transparent url("./graphics.icons/pdf_icon.gif") no-repeat 0 .5em; }

a.htm:link,a.htm:visited,a.htm:hover,a.htm:active { 
background: transparent url("./graphics.icons/htm_icon.gif") no-repeat 0 .5em; }

a.popup:link,a.popup:visited,a.popup:hover,a.popup:active { 
background: transparent url("./graphics.icons/popup_icon.gif") no-repeat 0 .5em; }

a.openaccount:link,a.openaccount:visited,a.openaccount:hover,a.openaccount:active {
background: transparent url("./graphics.icons/pluspage_icon.gif") no-repeat 0 .5em; }

a.email:link,a.email:visited,a.email:hover,a.email:active {
background: transparent url("./graphics.icons/email_icon.gif") no-repeat 0 .5em; }

/* HOVER: Background color for above links */
a.pdf:hover,a.doc:hover,a.htm:hover,a.email:hover,a.q:hover,a.popup:hover, a.openaccount:hover { background-color: #dcdcdc; }

/* When icon links appear with in paragraphs, correct their positioning. */
p a.email:link, p a.email:visited, p a.email:hover, p e.email:active { 
display:inline; 
line-height:inherit; 
padding-bottom:5px; 
background: transparent url("./graphics.icons/email_icon.gif") no-repeat 0 .2em; }
p a.email:hover { background-color:#dcdcdc; }

/* used any time we want a <ul> of <li>s with one of the classes above. */
ul.liList { list-style:none; line-height:200%; margin-left:.5em; }

/* FONTS */
.quote {
	font-size:.7em;
	font-weight: bold;
	font-style:italic ;
	color:#608E3A ;
	}

h1 { font-size:1.2em; font-weight:bold; }
h1.definition { font-size:.9em; font-weight:bold; }
h2 { font-size:1em; font-weight:bold; margin-bottom:.4em; }
h2.hdr { margin:.5em 0em .5em 0em; clear:both; }
/* for calculator links */
h2.calculator { 
font-size:.8em;
margin-bottom:.2em;
}
h2.calculator a { 
padding-left:1.2em;
background-image:url('./graphics.icons/calculator_icon.gif'); 
background-repeat: no-repeat;
background-position: 0% .2em;
text-decoration:none;
}

h2.faq_question a { 
font-size:.8em; 
padding-left:1.2em;
background: transparent url("./graphics.icons/faq_icon.gif") no-repeat 0 .5em;
background-repeat: no-repeat;
background-position: 0% .2em;
text-decoration:none; 
display:block; }
h2.faq_question a:hover { color:#003399; text-decoration:none; background-color:transparent; }
h2.faq_header a { font-size:.8em; text-decoration:none; font-weight:bold; color:black; }
h2.faq_header a:hover { text-decoration:none; color:black; background-color:white; }

h2.headline {
	font-size:1em;
	color:#92342b;
	background-color:#b5d4f3;
	border-color:#637fa6;;
	margin:20px 0px 10px 0px;
	padding:5px 5px 5px 5px;
	border-width: 1px 1px 1px 1px;
	border-style:solid;
}

h3 { font-size:.8em; font-weight:bold; border-bottom:1px solid #F2F2F2; margin-bottom:.4em; }
h3.glossary { border-bottom:double #f4f3f3; margin-bottom:.4em; }
h3.faq { border-bottom:double #f4f3f3; }

h4 { font-size:.8em; font-weight:bold; border-bottom:1px solid #F2F2F2; margin-bottom:.4em; }
/* indent paragraphs that follow <h4>s.  Both have indent of 2em 
h4 p { margin-left:2em; }*/

br.small {line-height:50%; }

h5 { font-size:.8em; font-weight:bold; color:#333333; }

p { font-size:75%; line-height:135%; }
p { margin:0em 0em 1em 0em; }
p.faq_answer { color: #343535; margin-bottom:2em;}
p.glossary_item { margin-bottom:2.5em; }
p.tinyP {font-size:10px; color:#666; clear:both; margin-top:5px; padding-right:0px; }
p.tinyP2 {font-size:10px; clear:both; margin-top:5px; padding-right:0px; }
ul { margin-left:10%; padding:0; font-size:75%; list-style-type:square; }
ol { margin-left:10%; padding:0; font-size:75%; }
ol.boldy { font-weight:bold; }
ol ol { font-size:100%; }
ul.noBullet { list-style-type:none; }
li { line-height:135%; }
/* nested uls */
ul ul { font-size:100%; }

/* creates a. b. c. style list */
ol.myAlpha { 
list-style-type:lower-alpha; 
margin-top:1em; margin-bottom:2em;
color:#333333;
font-weight:normal;
}

acronym { border-bottom:1px dotted gray; }
acronym:hover { cursor:help; }

.accountName { font-size:110%; font-weight:bold; color:#223558; }

/* Give paragraphs, tables and lists some right margin when they are in the centerColWide div */
#centerColWide p, #centerColWide ul, #centerColWide ol, table, #centerColWide hr, #centerColWide img, #centerColWide table, #centerColWide h1, #centerColWide h2, #centerColWide h3, #centerColWide h4, #centerColWide h5 { margin-right:1em; }

#centerColWide p, #centerColWide ul, #centerColWide ol, table, #centerColWide hr, #centerColWide img, #centerColWide table { font-size:12px;}

/* FORMS */

input.topSearch { width:110px; font-size:70%; font-weight:bold; margin:0px 5px 0px 0px;	 }
.searchLbl { font-size:75%; font-weight:bold; color:#223558; padding-right:5px; }
.topSearchBtn { font-size:70%; padding:1px; background-color:#003399; color:white; font-weight:bold; border:1px solid white; }
.topSearchBtn:hover { background-color:white; background-color:#003399; }

textarea.privacyStatement { font-size:75%; font-family:'Courier New', Verdana, sans; width:450px; background:#FFFFCC; padding:1em 0em 1em 1em; }

#headlines {
background:#eceaea;
background-image:url(graphics/superLightGrayCrossHatchBG.gif); 
width:316px;
margin-top:-3px;
padding:.75em 0em .75em 10px;
}

#headlines table tr { vertical-align:top; }

#headlines2 {
padding: 0px 5px 5px 0px;
}

#headlines2 table tr { vertical-align:top; }

.chevron {
width:12px;
height:8px;
}

#headlines a:link, #headlines a:hover, #headlines a:visited, #headlines a:active { 
color:#265283;
text-decoration:underline dotted;
}

	
/* images */

img { border:0px; margin:0px; padding:0px; border:0px;} 
a img { border:0px; margin:0px } 
a:hover img, a:link img, a:active img, a:visited img { margin:0px; background-color:transparent; }


.imgLeft { float:left; margin-right:4px; margin-bottom:-10px; }
.imgRight { float:right; margin:0px 0px 1em 1em; }

a imgRight, a imgLeft { border:0px; }

/* tables */

table.data
{ background-color:#FFFFEC;
	border:1px solid #E8E8E8;
	font-family:Verdana,Arial,Helvetica;
	font-size:75%;
	padding:2px;
	border-collapse:collapse; 
	border-spacing:0;
	margin-top:1px;
	margin-bottom:2em; }
	
table.data td { border-color:#E8E8E8; }
table.data tr.altRow { background-color:#F3F3F3; }
tr {vertical-align:top; }
tr.rowHdr, th.rowHdr { vertical-align:top; background-color:#223558; color:white; font-weight:bold; text-transform:uppercase; text-align:left; background-image:url(graphics/dataTableHdr.gif); background-repeat:repeat-x; }
td.colHiLite { background-color:#b5d4f3; color:black; font-weight:bold;  text-align:center; }

hr.footerLine { clear:both; border:1px dotted #CCCCCC; height:1px; display:block;  }

/* colors */
.green {color:#608E3A;}
.gold {color:#C6930A;}
.red {color:#7C2128;}
.blue {color:#002654;}
.purple {color:#5B195E;}


/*Dont be Jack*/
#dbj_box {
	width:630px;
	overflow:visible;
}

#dbj_box  a:hover { color:white; background-color:white; }

#dbj_intro {
	margin-bottom:20px;
	color:#544099;
	font-weight:bold;
	font-size:16px;
}

#dbj_chart {
	float:left;
	margin:0 25px 25px 0;
	width:270px;
	background-color:#9FCF67;
	padding: 0 10px 10px 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	}
	
#dbj_text1 {
	float:left;	
	width:315px;
	background-image:url(dbj_bg_logo.png);
	background-repeat:no-repeat;
	background-position:right;
	padding-top:0;
	margin-top:0;
	line-height:108%;
}

#dbj_text1 strong {
	color:#544099;
	
}

#dbj_resources {
	clear:both;
	background-color:#544099;
	color:#FFF;
	padding: 0 10px 10px 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	background-image:url(dbj_bg_logo.png);
	background-repeat:no-repeat;
	background-position:right;
	}
	
#dbj_contactbox li{
	margin-top:5px;
	margin-left:-10px;
	list-style-image:url(dbj_bullet.png)
	}	

#dbj_contactbox {
	clear:both;
	background-color:#544099;
	color:#FFF;
	padding: 10px 10px 10px 10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	margin-bottom:20px;
	background: -moz-radial-gradient(80% 80%, farthest-side, #544099, #352862);
  	background: -webkit-gradient(radial, 80% 80%, 0, 80% 80%, 400, from(#544099), to(#352862));
	}
	
#dbj_contactbox h2 {
	color:#9FCF67;
	}
	
#dbj_contactbox a {
	color:#82CFCA;
	font-weight:700;
	text-decoration:none;
	}
	
#dbj_contactbox a:hover{
	color:#FF9;
	}

@media print{
body 	{ background-color:white; margin:5px; background-image:none; }
#hd		{ display:none; }
#leftCol { display:none; }
#main	{ width:700px; border-width:0px; padding:0px; margin:5px; background-color:white; background-image:none; }
#centerColFull	{ width:700px; border-width:0px; padding:0px; margin:5px; background-color:white; background-image:none; }
#bottomSlice { display:none; }
}